local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Only use dark shadows for buttons

Browse source
This commit is contained in:
kolaente 2021-01-17 19:52:05 +01:00
parent 2aceca54ca
commit d34fe5dadc
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
1 changed files with 3 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
src/styles/theme/form.scss
View file

@ -5,11 +5,11 @@
font-size: 0.85rem; font-size: 0.85rem;
font-weight: bold; font-weight: bold;
height: $button-height; height: $button-height;
box-shadow: 0.3em 0.3em 1em lighten($dark, 75); box-shadow: .2rem 0.2rem .5rem $grey-light;
&.is-hovered, &.is-hovered,
&:hover { &:hover {
box-shadow: 0.6em 0.6em 1em lighten($dark, 75); box-shadow: .1rem .1rem 1rem $grey-light;
} }
&.fullheight { &.fullheight {
@ -22,36 +22,7 @@
&:active, &:active,
&:focus, &:focus,
&:focus:not(:active) { &:focus:not(:active) {
box-shadow: 0.1em 0.1em 0.7em lighten($dark, 75) !important; box-shadow: .1rem .1rem .75rem $grey-lighter !important;
}
&.icon-only {
padding-left: 16px;
}
@each $name, $pair in $colors {
$color: nth($pair, 1);
&.is-#{$name} {
box-shadow: 0.3em 0.3em 1em lighten($color, 30);
&.is-hovered,
&:hover {
box-shadow: 0.6em 0.6em 1em lighten($color, 30);
}
&.is-active,
&.is-focused,
&:active,
&:focus,
&:focus:not(:active) {
box-shadow: 0.1em 0.1em 0.7em lighten($color, 30) !important;
}
&.is-outlined {
border: 2px solid $color;
}
}
} }
&.is-primary.is-outlined:hover { &.is-primary.is-outlined:hover {