Simplewaita/source/common/undershoot.scss
2022-07-25 12:06:09 +02:00

28 lines
1 KiB
SCSS

undershoot {
$undershoot_color: mix($hint_bg, $hint_fg, 50%);
background-repeat: no-repeat;
background-clip: border-box;
background-image: image(gtkalpha($undershoot_color, 0.3));
&.top {
//background-image: linear-gradient(to bottom, gtkalpha(currentColor, 0.5), gtkalpha(currentColor, 0.2), gtkalpha(currentColor, 0));
background-size: 100% 0.5em;
background-position: top;
}
&.bottom {
//background-image: linear-gradient(to top, gtkalpha(currentColor, 0.5), gtkalpha(currentColor, 0.2), gtkalpha(currentColor, 0));
background-size: 100% 0.5em;
background-position: bottom;
}
&.left {
//background-image: linear-gradient(to right, gtkalpha(currentColor, 0.5), gtkalpha(currentColor, 0.2), gtkalpha(currentColor, 0));
background-size: 0.5em 100%;
background-position: left;
}
&.right {
//background-image: linear-gradient(to left, gtkalpha(currentColor, 0.5), gtkalpha(currentColor, 0.2), gtkalpha(currentColor, 0));
background-size: 0.5em 100%;
background-position: right;
}
}