FunctionalHacker/hugo-toha
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

navbar edits

Browse source
This commit is contained in:
Sharwin24 2024-12-29 13:26:16 -08:00
parent 6776ad8650
commit 1f6b13d09b
1 changed files with 19 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

22
assets/styles/navigators/navbar.scss
View file

@ -4,7 +4,7 @@
background: rgba(get-light-color('accent-color'), 0.1); background: rgba(get-light-color('accent-color'), 0.1);
@include transition(); @include transition();
@if $theme == 'dark' { @if $theme =='dark' {
color: get-dark-color('accent-color') !important; color: get-dark-color('accent-color') !important;
border-bottom: 2px solid get-dark-color('accent-color') !important; border-bottom: 2px solid get-dark-color('accent-color') !important;
background: rgba(get-dark-color('accent-color'), 0.1); background: rgba(get-dark-color('accent-color'), 0.1);
@ -29,6 +29,7 @@
color: get-light-color('heading-color'); color: get-light-color('heading-color');
text-decoration: none !important; text-decoration: none !important;
font-weight: 600; font-weight: 600;
img { img {
width: 42px; width: 42px;
padding: 5px; padding: 5px;
@ -53,6 +54,7 @@
font-weight: 500; font-weight: 500;
@include transition(); @include transition();
border-bottom: 2px solid transparent; border-bottom: 2px solid transparent;
&:hover { &:hover {
@include nav-item-hover-effect(); @include nav-item-hover-effect();
} }
@ -96,6 +98,7 @@
.navbar-collapse { .navbar-collapse {
margin-top: -5px; margin-top: -5px;
&.show, &.show,
&.collapsing { &.collapsing {
background-color: get-light-color('bg-primary'); background-color: get-light-color('bg-primary');
@ -108,10 +111,12 @@
@include transition(); @include transition();
} }
} }
.navbar-nav { .navbar-nav {
.active { .active {
color: get-light-color('accent-color'); color: get-light-color('accent-color');
} }
a:hover { a:hover {
color: get-light-color('accent-color'); color: get-light-color('accent-color');
} }
@ -121,15 +126,18 @@
&.transparent-navbar { &.transparent-navbar {
background-color: transparent !important; background-color: transparent !important;
.navbar-brand { .navbar-brand {
color: get-light-color('inverse-text-color'); color: get-light-color('inverse-text-color');
font-weight: 600; font-weight: 600;
} }
li { li {
a { a {
color: get-light-color('inverse-text-color'); color: get-light-color('text-color');
} }
} }
.feather-menu { .feather-menu {
stroke: get-light-color('inverse-text-color'); stroke: get-light-color('inverse-text-color');
} }
@ -157,6 +165,7 @@
} }
&.transparent-navbar { &.transparent-navbar {
.navbar-nav .active, .navbar-nav .active,
li a:hover { li a:hover {
color: get-light-color('accent-color'); color: get-light-color('accent-color');
@ -185,6 +194,7 @@
background-color: get-light-color('bg-primary'); background-color: get-light-color('bg-primary');
box-shadow: $box-shadow; box-shadow: $box-shadow;
} }
#themeMenu { #themeMenu {
width: 100%; width: 100%;
} }
@ -213,6 +223,7 @@ html[data-theme='dark'] {
.navbar-brand { .navbar-brand {
color: get-dark-color('heading-color'); color: get-dark-color('heading-color');
} }
.sidebar-icon { .sidebar-icon {
filter: invert(0.5); filter: invert(0.5);
} }
@ -240,6 +251,7 @@ html[data-theme='dark'] {
} }
.navbar-collapse { .navbar-collapse {
&.show, &.show,
&.collapsing { &.collapsing {
background-color: get-dark-color('bg-primary'); background-color: get-dark-color('bg-primary');
@ -249,10 +261,12 @@ html[data-theme='dark'] {
color: get-dark-color('heading-color'); color: get-dark-color('heading-color');
} }
} }
.navbar-nav { .navbar-nav {
.active { .active {
color: get-dark-color('accent-color'); color: get-dark-color('accent-color');
} }
a:hover { a:hover {
color: get-dark-color('accent-color'); color: get-dark-color('accent-color');
} }
@ -264,11 +278,13 @@ html[data-theme='dark'] {
.navbar-brand { .navbar-brand {
color: get-dark-color('text-color'); color: get-dark-color('text-color');
} }
li { li {
a { a {
color: get-dark-color('text-color'); color: get-dark-color('text-color');
} }
} }
.feather-menu { .feather-menu {
stroke: get-dark-color('text-color'); stroke: get-dark-color('text-color');
} }
@ -283,4 +299,4 @@ html[data-theme='dark'] {
.feather-menu { .feather-menu {
stroke: get-dark-color('text-color'); stroke: get-dark-color('text-color');
} }
} }