Get rid of styling for non-BEM elements
MODIFY
resources/assets/sass/app.scss
resources/assets/sass/app.scss
width: 90%;
max-width: 1280px;
- &.narrow {
+ &.wrapper--narrow {
max-width: 560px;
}
}

MODIFY
resources/assets/sass/components/box.scss
resources/assets/sass/components/box.scss
}
}
- .section {
- padding: 32px;
- border-bottom: 1px solid $colors-border;
-
- &:last-child {
- border-bottom: none;
- }
- }
-
- ul.section {
- padding: 16px 0;
- list-style: none;
-
- li {
- padding: 16px 32px;
- }
- }
-
ul.t {
li {
padding: 12px 0;

MODIFY
resources/assets/sass/components/row.scss
resources/assets/sass/components/row.scss
}
}
- &.gutter {
- margin-left: -24px;
- margin-right: -24px;
-
- > .column {
- padding: 0 24px;
- }
- }
-
.row__column {
flex: 1;
align-self: center;
}
}
-
- .column {
- flex: 1;
-
- &.tight {
- flex: none;
- }
-
- &.align-middle {
- align-self: center;
- }
- }
}
@media screen and (max-width: 900px) {

MODIFY
resources/assets/sass/components/typography.scss
resources/assets/sass/components/typography.scss
@@ -34,16 +34,6 @@ a {
color: $colors-primary;
}
-.text-align {
- &-center {
- text-align: center;
- }
-
- &-right {
- text-align: right;
- }
-}
-
.color {
&-dark {
color: #000;

Get rid of styling for non-BEM elements