p5.js-web-editor/styles/components/_toolbar.scss

30 lines
550 B
SCSS
Raw Normal View History

.toolbar__play-button {
@extend %toolbar-button;
2016-05-12 21:22:54 +00:00
margin-right: #{15 / $base-font-size}rem;
&.playing {
background-color: $light-button-background-hover-color;
& g {
fill: $light-button-hover-color;
}
}
2016-05-12 21:22:54 +00:00
}
.toolbar__stop-button {
@extend %toolbar-button;
2016-06-08 20:35:59 +00:00
&.stopped {
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;
2016-06-08 20:35:59 +00:00
}