2023-04-12 15:28:03 +00:00
|
|
|
$black: black;
|
|
|
|
$white: white;
|
|
|
|
$cyan: #13fefe;
|
|
|
|
|
|
|
|
:root {
|
|
|
|
--foreground: #{$white};
|
|
|
|
--background: #{$black};
|
|
|
|
--color: #{$cyan};
|
|
|
|
}
|
2024-01-12 17:11:29 +00:00
|
|
|
|
2024-02-19 17:21:32 +00:00
|
|
|
.btn {
|
|
|
|
background-color: $white;
|
|
|
|
}
|
|
|
|
|
2024-01-12 17:11:29 +00:00
|
|
|
.btn-secondary {
|
|
|
|
background-color: $white;
|
|
|
|
color: $black;
|
|
|
|
border: none;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
color: $black;
|
|
|
|
background-color: $cyan;
|
|
|
|
}
|
|
|
|
|
|
|
|
&:active {
|
|
|
|
background-color: $cyan;
|
|
|
|
}
|
|
|
|
|
|
|
|
&:focus {
|
|
|
|
box-shadow: 0 0 0 0.2rem $cyan;
|
|
|
|
}
|
|
|
|
}
|
2024-02-19 17:21:32 +00:00
|
|
|
|
2024-05-14 15:22:56 +00:00
|
|
|
a.black {
|
|
|
|
color: $white;
|
2024-05-23 20:10:41 +00:00
|
|
|
&:hover {
|
|
|
|
color: var(--color);
|
|
|
|
}
|
|
|
|
&:active {
|
|
|
|
color: var(--color);
|
|
|
|
}
|
|
|
|
&:focus {
|
|
|
|
color: var(--color);
|
|
|
|
}
|
2024-05-14 15:22:56 +00:00
|
|
|
}
|
|
|
|
|
2024-02-19 17:21:32 +00:00
|
|
|
|