* Button minimal design fix.
parent
5e6ae19bca
commit
c6cd86d610
|
@ -124,12 +124,12 @@
|
|||
|
||||
@extend %linked_button;
|
||||
|
||||
box-shadow: inset -1px 0 border_normal(rgba(0, 0, 0, .12 + $border_strength)),
|
||||
0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength);
|
||||
box-shadow: inset -1px 0 border_normal(rgba(0, 0, 0, .22 + $border_strength)),
|
||||
0 1px 2px -1px alpha($dark_shadow, .22 + $shadow_strength);
|
||||
|
||||
&:focus, &:hover {
|
||||
box-shadow: inset -1px 0 border_focus(rgba(0, 0, 0, .12 + $border_strength)),
|
||||
0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength);
|
||||
box-shadow: inset -1px 0 border_focus(rgba(0, 0, 0, .22 + $border_strength)),
|
||||
0 1px 2px -1px alpha($dark_shadow, .42 + $shadow_strength);
|
||||
}
|
||||
|
||||
&:active, &:active:hover,
|
||||
|
@ -173,10 +173,10 @@
|
|||
|
||||
@extend %button;
|
||||
@include linear-gradient($button_bg);
|
||||
@include border(rgba(0, 0, 0, .12 + $border_strength));
|
||||
@include border(rgba(0, 0, 0, .22 + $border_strength));
|
||||
|
||||
color: $fg;
|
||||
box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength);
|
||||
box-shadow: 0 1px 2px -1px alpha($dark_shadow, .22 + $shadow_strength);
|
||||
|
||||
&.flat {
|
||||
border-color: alpha($button_bg, 0);
|
||||
|
@ -188,9 +188,9 @@
|
|||
&, &.flat {
|
||||
&:focus, &:hover {
|
||||
@include linear-gradient(shade($button_bg, 1.2));
|
||||
@include border(rgba(0, 0, 0, .2 + $border_strength));
|
||||
@include border(rgba(0, 0, 0, .3 + $border_strength));
|
||||
|
||||
box-shadow: 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength);
|
||||
box-shadow: 0 1px 2px -1px alpha($dark_shadow, .42 + $shadow_strength);
|
||||
}
|
||||
|
||||
&:checked, &:active {
|
||||
|
|
Loading…
Reference in New Issue