r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

change sass to use BEM

Browse source
This commit is contained in:
mathuramg 2016-06-10 15:14:55 -04:00
parent 12d59e4d49
commit 7fd8471e78
2 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
styles/abstracts/_placeholders.scss
View file

@ -23,4 +23,10 @@
fill: $light-button-hover-color; fill: $light-button-hover-color;
} }
} }
&--selected {
background-color: $light-button-background-hover-color;
& g {
fill: $light-button-hover-color;
}
}
} }

10
styles/components/_toolbar.scss
View file

@ -2,20 +2,14 @@
@extend %toolbar-button; @extend %toolbar-button;
margin-right: #{15 / $base-font-size}rem; margin-right: #{15 / $base-font-size}rem;
&--selected { &--selected {
background-color: $light-button-background-hover-color; @extend %toolbar-button--selected;
& g {
fill: $light-button-hover-color;
}
} }
} }
.toolbar__stop-button { .toolbar__stop-button {
@extend %toolbar-button; @extend %toolbar-button;
&--selected { &--selected {
background-color: $light-button-background-hover-color; @extend %toolbar-button--selected;
& g {
fill: $light-button-hover-color;
}
} }
} }