Move from padding to margin in spacing SASS component
MODIFY
resources/assets/sass/app.scss
resources/assets/sass/app.scss
+.wrapper {
+ margin: 0 auto;
+ width: 90%;
+ max-width: 1280px;
+
+ &.narrow {
+ max-width: 560px;
+ }
+}
+
@import 'components/reset';
@import 'components/typography';
@import 'components/spacing';
@import 'components/box';
@import 'components/input';
+//
@import 'variables/colors';
body {
background: $colors-body;
}
-.wrapper {
- margin: 0 auto;
- width: 90%;
- max-width: 1280px;
-
- &.narrow {
- max-width: 720px;
- }
-}
-
canvas {
width: 100%;
}

MODIFY
resources/assets/sass/components/row.scss
resources/assets/sass/components/row.scss
display: flex;
&.gutter {
- margin: 0 -24px;
+ margin-left: -24px;
+ margin-right: -24px;
> .column {
padding: 0 24px;

MODIFY
resources/assets/sass/components/spacing.scss
resources/assets/sass/components/spacing.scss
.spacing {
&-top {
&-large {
- padding-top: 48px;
+ margin-top: 48px;
}
}
&-bottom {
&-large {
- padding-bottom: 48px;
+ margin-bottom: 48px;
}
&-medium {
- padding-bottom: 32px;
+ margin-bottom: 32px;
}
&-small {
- padding-bottom: 16px;
+ margin-bottom: 16px;
}
}
}

Move from padding to margin in spacing SASS component