* Implement keycap code.

pull/433/head
Megax 2016-05-14 13:32:31 +02:00
parent 7d17698d3f
commit 1a818d96cb
1 changed files with 31 additions and 0 deletions

View File

@ -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 *
********************/