aboutsummaryrefslogtreecommitdiffstats
path: root/view/theme/redbasic/css
diff options
context:
space:
mode:
authorMario <mario@mariovavti.com>2022-08-20 09:31:30 +0000
committerMario <mario@mariovavti.com>2022-08-20 09:31:30 +0000
commitaefe7ddd8fd09656f8c7311a7771e8be9e320388 (patch)
tree4cab2296713e1989a302eda1f79c67b1d680e4ca /view/theme/redbasic/css
parent254dea7558191af140edb2597ea41f5a49756a53 (diff)
downloadvolse-hubzilla-aefe7ddd8fd09656f8c7311a7771e8be9e320388.tar.gz
volse-hubzilla-aefe7ddd8fd09656f8c7311a7771e8be9e320388.tar.bz2
volse-hubzilla-aefe7ddd8fd09656f8c7311a7771e8be9e320388.zip
redbasic: make use of css variables and implement link_hover_colour
Diffstat (limited to 'view/theme/redbasic/css')
-rw-r--r--view/theme/redbasic/css/style.css49
1 files changed, 27 insertions, 22 deletions
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index d395ae78b..0a45f18f3 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -6,12 +6,33 @@
*/
-/* generals */
+/* bootstrap variable */
:root {
--bs-border-radius: $radius;
+ --bs-link-color: $link_colour;
+ --bs-link-hover-color: $link_hover_colour;
+}
+
+.nav-tabs {
+ --bs-nav-tabs-border-radius: $radius;
+}
+
+.nav-pills {
+ --bs-nav-pills-border-radius: $radius;
}
+.btn {
+ --bs-btn-border-radius: $radius;
+}
+
+.card {
+ --bs-card-border-radius: $radius;
+}
+
+
+/* generals */
+
html {
font-size: $font_size;
}
@@ -109,7 +130,7 @@ abbr {
a,
.fakelink {
- color: $link_colour;
+ color: var(--bs-link-color);
}
@@ -117,7 +138,7 @@ a:hover,
a:focus,
.fakelink:hover,
.fakelink:focus {
- color: $link_colour;
+ color: var(--bs-link-hover-color);
}
.fakelink,
@@ -1410,22 +1431,6 @@ main.fullscreen .section-content-wrapper-np {
/* bootstrap overrides */
-.nav-tabs {
- --bs-nav-tabs-border-radius: $radius;
-}
-
-.nav-pills {
- --bs-nav-pills-border-radius: $radius;
-}
-
-.btn {
- --bs-btn-border-radius: $radius;
-}
-
-.card {
- --bs-card-border-radius: $radius;
-}
-
.form-control {
border-radius: $radius;
}
@@ -1617,11 +1622,11 @@ dl.bb-dl > dd > li {
}
.onoffswitch.checkbox:hover label {
- color: $link_colour;
+ color: var(--bs-link-color);
}
.onoffswitch.checkbox:hover > div label {
- border-color: $link_colour;
+ border-color: var(--bs-link-color);
}
.onoffswitch-inner {
@@ -1665,7 +1670,7 @@ dl.bb-dl > dd > li {
.onoffswitch.checkbox > div > input:checked + label .onoffswitch-switch {
right: 0px;
- background-color: $link_colour;
+ background-color: var(--bs-link-color);
}