* Implement keycap code.
parent
7d17698d3f
commit
1a818d96cb
|
@ -241,6 +241,37 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/************************
|
||||||
|
! Shortcut window keys *
|
||||||
|
*************************/
|
||||||
|
|
||||||
|
@include exports("keycap") {
|
||||||
|
// shortcut window keys
|
||||||
|
.keycap {
|
||||||
|
min-width: 20px;
|
||||||
|
min-height: 25px;
|
||||||
|
margin-top: 2px;
|
||||||
|
padding-bottom: $spacing / 2;
|
||||||
|
padding-left: $spacing;
|
||||||
|
padding-right: $spacing;
|
||||||
|
|
||||||
|
color: $fg_color;
|
||||||
|
background-color: $base_color;
|
||||||
|
border: 1px solid;
|
||||||
|
border-color: if($variant == 'light', mix($borders_color, $bg_color, .5), $borders_color);
|
||||||
|
border-radius: $roundness;
|
||||||
|
box-shadow: if($variant == 'light', inset 0 -3px mix($base_color, $bg_color, .2), inset 0 -3px mix($borders_color, $base_color, .6));
|
||||||
|
font-size: smaller;
|
||||||
|
|
||||||
|
&:backdrop {
|
||||||
|
background-color: $backdrop_base_color;
|
||||||
|
color: $backdrop_fg_color;
|
||||||
|
transition: 200ms ease-out;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/*******************
|
/*******************
|
||||||
! Selected Items *
|
! Selected Items *
|
||||||
********************/
|
********************/
|
||||||
|
|
Loading…
Reference in New Issue