mirror of
https://github.com/snachodog/just-the-docs.git
synced 2025-04-18 00:52:24 -06:00
32 lines
849 B
SCSS
32 lines
849 B
SCSS
// Colored button
|
|
|
|
@use "sass:color";
|
|
|
|
@mixin btn-color($fg, $bg) {
|
|
color: $fg;
|
|
background-color: color.adjust($bg, $lightness: -2%);
|
|
background-image: linear-gradient(color.adjust($bg, $lightness: 5%), color.adjust($bg, $lightness: -2%));
|
|
box-shadow:
|
|
0 1px 3px rgba(0, 0, 0, 0.25),
|
|
0 4px 10px rgba(0, 0, 0, 0.12);
|
|
|
|
&:hover,
|
|
&.zeroclipboard-is-hover {
|
|
color: $fg;
|
|
background-color: color.adjust($bg, $lightness: -4%);
|
|
background-image: linear-gradient((color.adjust($bg, $lightness: 2%), color.adjust($bg, $lightness: -4%)));
|
|
}
|
|
|
|
&:active,
|
|
&.selected,
|
|
&.zeroclipboard-is-active {
|
|
background-color: color.adjust($bg, $lightness: -5%);
|
|
background-image: none;
|
|
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
&.selected:hover {
|
|
background-color: color.adjust($bg, $lightness: -10%);
|
|
}
|
|
}
|