From 1a818d96cb7f2b60e55193bb86f966763e8e0874 Mon Sep 17 00:00:00 2001 From: Megax Date: Sat, 14 May 2016 13:32:31 +0200 Subject: [PATCH] * Implement keycap code. --- gtk-3.20/scss/widgets/_misc.scss | 31 +++++++++++++++++++++++++++++++ 1 file changed, 31 insertions(+) diff --git a/gtk-3.20/scss/widgets/_misc.scss b/gtk-3.20/scss/widgets/_misc.scss index c9fa408..a1e5e38 100644 --- a/gtk-3.20/scss/widgets/_misc.scss +++ b/gtk-3.20/scss/widgets/_misc.scss @@ -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 * ********************/