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

32 lines
551 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;
2016-06-09 23:30:59 +00:00
&--selected {
2016-06-10 19:14:55 +00:00
@extend %toolbar-button--selected;
}
2016-05-12 21:22:54 +00:00
}
.toolbar__stop-button {
@extend %toolbar-button;
2016-06-09 23:30:59 +00:00
&--selected {
2016-06-10 19:14:55 +00:00
@extend %toolbar-button--selected;
2016-06-08 20:35:59 +00:00
}
}
2016-06-17 17:37:29 +00:00
.toolbar__preferences-button {
@extend %toolbar-button;
margin-left: auto;
&--selected {
@extend %toolbar-button--selected;
}
}
.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
}