aboutsummaryrefslogtreecommitdiff
path: root/src/components/desktop_nav/desktop_nav.scss
diff options
context:
space:
mode:
authorHenry Jameson <me@hjkos.com>2024-05-22 15:20:42 +0300
committerHenry Jameson <me@hjkos.com>2024-05-22 15:20:42 +0300
commiteb27f1205b7bf077b81d698d24c2be656cc59023 (patch)
tree4e7f9d7c7651c20371cdd60fdaa50a5a0a0de1c7 /src/components/desktop_nav/desktop_nav.scss
parentdaa39b6e8fd0a940615064436c510bedb205dbad (diff)
parent51709ad31893714d98bf7c05cd37d1d07fde65ca (diff)
Merge branch 'scrobbles-age' of ssh://git.pleroma.social:2222/pleroma/pleroma-fe into scrobbles-age
Diffstat (limited to 'src/components/desktop_nav/desktop_nav.scss')
-rw-r--r--src/components/desktop_nav/desktop_nav.scss32
1 files changed, 4 insertions, 28 deletions
diff --git a/src/components/desktop_nav/desktop_nav.scss b/src/components/desktop_nav/desktop_nav.scss
index c7e02936..61d2541c 100644
--- a/src/components/desktop_nav/desktop_nav.scss
+++ b/src/components/desktop_nav/desktop_nav.scss
@@ -1,5 +1,3 @@
-@import "../../variables";
-
.DesktopNav {
width: 100%;
z-index: var(--ZI_navbar);
@@ -9,7 +7,7 @@
}
a {
- color: var(--topBarLink, $fallback--link);
+ color: var(--link);
}
.inner-nav {
@@ -54,27 +52,7 @@
.button-default {
&,
svg {
- color: $fallback--text;
- color: var(--btnTopBarText, $fallback--text);
- }
-
- &:active {
- background-color: $fallback--fg;
- background-color: var(--btnPressedTopBar, $fallback--fg);
- color: $fallback--text;
- color: var(--btnPressedTopBarText, $fallback--text);
- }
-
- &:disabled {
- color: $fallback--text;
- color: var(--btnDisabledTopBarText, $fallback--text);
- }
-
- &.toggled {
- color: $fallback--text;
- color: var(--btnToggledTopBarText, $fallback--text);
- background-color: $fallback--fg;
- background-color: var(--btnToggledTopBar, $fallback--fg);
+ color: var(--text);
}
}
@@ -94,8 +72,7 @@
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
- background-color: $fallback--fg;
- background-color: var(--topBarText, $fallback--fg);
+ background-color: var(--text);
position: absolute;
top: 0;
bottom: 0;
@@ -116,8 +93,7 @@
text-align: center;
.svg-inline--fa {
- color: $fallback--link;
- color: var(--topBarLink, $fallback--link);
+ color: var(--link);
}
}