Ything-RepoMirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-01-25 04:16:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix text color in dark version of navbar (#1569)

Browse Source
This commit is contained in:
Paweł Kuna
2023-05-14 23:06:58 +02:00
committed by GitHub
parent 8a6f03e018
commit 056df18e83
2 changed files with 6 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/dull-kiwis-notice.md Normal file
View File

@@ -0,0 +1,5 @@
---
"@tabler/core": patch
---
Fix text color in dark version of navbar

71
src/scss/layout/_navbar.scss
View File

@@ -1,65 +1,3 @@
//@mixin navbar-color($bg-color: transparent, $color: $navbar-light-color, $brand-color: $navbar-light-brand-color, $link-active-color: $navbar-light-active-color, $link-disabled-color: $navbar-light-disabled-color, $link-active-bg: $navbar-light-active-bg) {
// --#{$prefix}navbar-active-bg: #{$link-active-bg};
// --#{$prefix}navbar-bg: #{$bg-color};
// color: $color;
//
// .navbar-brand {
// color: $brand-color;
//
// &:hover,
// &:focus {
// color: $brand-color;
// opacity: .8;
// }
// }
//
// .navbar-nav {
// .nav-link {
// color: $color;
//
// &:hover,
// &:focus {
// color: $link-active-color;
// }
//
// &.disabled {
// color: $link-disabled-color;
// }
// }
//
// .show > .nav-link,
// .active > .nav-link,
// .nav-link.show,
// .nav-link.active {
// color: $link-active-color;
// }
// }
//
// .navbar-toggler {
// color: $brand-color;
// border-color: transparent;
// }
//
// .navbar-text {
// color: $color;
//
// a,
// a:hover,
// a:focus {
// color: $color;
// }
// }
//}
@mixin navbar-dark {
--#{$prefix}navbar-bg: #{$dark};
--#{$prefix}scrollbar-color: var(--#{$prefix}white-rgb);
--#{$prefix}navbar-color: var(--#{$prefix}gray-400);
@each $color, $value in $theme-colors {
--#{$prefix}#{$color}-lt-rgb: #{to-rgb(theme-color-lighter($value, $dark))};
}
}
@mixin navbar-vertical-nav {
.navbar-collapse {
@@ -139,7 +77,7 @@ Navbar
--#{$prefix}navbar-border-width: #{$navbar-border-width};
--#{$prefix}navbar-active-border-color: #{$navbar-active-border-color};
--#{$prefix}navbar-active-bg: #{$navbar-light-active-bg};
--#{$prefix}navbar-color: inherit;
--#{$prefix}navbar-color: var(--#{$prefix}body-color);
--#{$prefix}navbar-border-color: #{$navbar-border-color};
align-items: stretch;
min-height: $navbar-height;
@@ -317,13 +255,6 @@ Navbar toggler
}
}
// /**
// Navbar dark
// */
// .navbar-dark {
// @include navbar-dark;
// }
/**
Navbar transparent
*/