Add additional helper classes for 30px margins
MODIFY
resources/assets/sass/components/helpers.scss
resources/assets/sass/components/helpers.scss
}
// Spacing
-.my-4 {
+.my {
+ &-4 {
margin-top: 40px;
margin-bottom: 40px;
}
+ &-3 {
+ margin-top: 30px;
+ margin-bottom: 30px;
+ }
+
+ &-2 {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ }
+
+ &-1 {
+ margin-top: 10px;
+ margin-bottom: 10px;
+ }
+}
+
.mt {
&-4 {
margin-top: 40px;
}
+ &-3 {
+ margin-top: 30px;
+ }
+
&-2 {
margin-top: 20px;
}
margin-bottom: 40px;
}
+ &-3 {
+ margin-bottom: 30px;
+ }
+
&-2 {
margin-bottom: 20px;
}
margin-left: 40px;
}
+ &-3 {
+ margin-left: 30px;
+ }
+
&-2 {
margin-left: 20px;
}
margin-right: 40px;
}
+ &-3 {
+ margin-right: 30px;
+ }
+
&-2 {
margin-right: 20px;
}

Add additional helper classes for 30px margins