29 lines
976 B
SCSS
29 lines
976 B
SCSS
undershoot {
|
|
|
|
|
|
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;
|
|
}
|
|
|
|
}
|