p5.js-web-editor/styles/components/_toolbar.scss
2016-06-09 19:30:59 -04:00

29 lines
554 B
SCSS

.toolbar__play-button {
@extend %toolbar-button;
margin-right: #{15 / $base-font-size}rem;
&--selected {
background-color: $light-button-background-hover-color;
& g {
fill: $light-button-hover-color;
}
}
}
.toolbar__stop-button {
@extend %toolbar-button;
&--selected {
background-color: $light-button-background-hover-color;
& g {
fill: $light-button-hover-color;
}
}
}
.toolbar__logo {
margin-right: #{30 / $base-font-size}rem;
}
.toolbar {
padding: #{20 / $base-font-size}rem #{60 / $base-font-size}rem;
display: flex;
}