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

Use secondary button style for now

Browse source
This commit is contained in:
Andrew Nicolaou 2019-11-25 14:17:16 +01:00
parent 001c285f98
commit e0b6f881f0
2 changed files with 1 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
client/styles/abstracts/_placeholders.scss
View file

@ -102,33 +102,6 @@
} }
} }
%primary-button {
@include themify() {
background-color: getThemifyVariable('primary-button-background-color');
color: getThemifyVariable('primary-button-color');
cursor: pointer;
border: 2px solid getThemifyVariable('primary-button-border-color');
border-radius: 2px;
padding: #{10 / $base-font-size}rem #{30 / $base-font-size}rem;
&:enabled:hover {
border-color: getThemifyVariable('primary-button-background-hover-color');
background-color: getThemifyVariable('primary-button-background-hover-color');
color: getThemifyVariable('primary-button-hover-color');
& g {
fill: getThemifyVariable('primary-button-hover-color');
}
}
&:enabled:active {
border-color: getThemifyVariable('primary-button-background-active-color');
background-color: getThemifyVariable('primary-button-background-active-color');
color: getThemifyVariable('primary-button-active-color');
& g {
fill: getThemifyVariable('primary-button-active-color');
}
}
}
}
%preferences-button { %preferences-button {
@extend %toolbar-button; @extend %toolbar-button;
@include themify() { @include themify() {

2
client/styles/components/_collection.scss
View file

@ -100,7 +100,7 @@
} }
.collection-metadata__add-button { .collection-metadata__add-button {
@extend %primary-button; @extend %button;
flex-grow: 0; flex-grow: 0;
} }