|
@@ -3,11 +3,26 @@
|
|
|
// == Colors
|
|
// == Colors
|
|
|
.page-selection-method-buttons :global {
|
|
.page-selection-method-buttons :global {
|
|
|
.page-selection-method-btn {
|
|
.page-selection-method-btn {
|
|
|
- border: 2px solid bs.$gray-300;
|
|
|
|
|
&:hover {
|
|
&:hover {
|
|
|
color: var(--bs-primary);
|
|
color: var(--bs-primary);
|
|
|
background-color: rgba(var(--bs-primary-rgb), 0.1);
|
|
background-color: rgba(var(--bs-primary-rgb), 0.1);
|
|
|
- border-color: var(--bs-primary)
|
|
|
|
|
|
|
+ border-color: var(--bs-primary) !important;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+@include bs.color-mode(light) {
|
|
|
|
|
+ .page-selection-method-buttons :global {
|
|
|
|
|
+ .page-selection-method-btn {
|
|
|
|
|
+ border: 2px solid bs.$gray-300;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+@include bs.color-mode(dark) {
|
|
|
|
|
+ .page-selection-method-buttons :global {
|
|
|
|
|
+ .page-selection-method-btn {
|
|
|
|
|
+ border: 2px solid bs.$gray-600;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+}
|