mirror of
https://github.com/hedgedoc/hedgedoc.git
synced 2024-10-19 05:40:16 -04:00
48 lines
2 KiB
SCSS
48 lines
2 KiB
SCSS
|
/*!
|
||
|
|
* SPDX-FileCopyrightText: Original code: Copyright (c) 2011-2022 Twitter, Inc. + Copyright (c) 2011-2022 The Bootstrap Authors. Modification: 2022 The HedgeDoc developers (see AUTHORS file)
|
||
|
|
*
|
||
|
|
* SPDX-License-Identifier: MIT
|
||
|
|
*/
|
||
|
|
|
||
|
|
// Navbar
|
||
|
|
//
|
||
|
|
// Provide a static navbar from which we expand to create full-width, fixed, and
|
||
|
|
// other navbar variations.
|
||
|
|
|
||
|
|
.navbar {
|
||
|
|
// scss-docs-start navbar-css-vars
|
||
|
|
--#{$prefix}navbar-color: #{$navbar-light-color};
|
||
|
|
--#{$prefix}navbar-hover-color: #{$navbar-light-hover-color};
|
||
|
|
--#{$prefix}navbar-disabled-color: #{$navbar-light-disabled-color};
|
||
|
|
--#{$prefix}navbar-active-color: #{$navbar-light-active-color};
|
||
|
|
--#{$prefix}navbar-brand-color: #{$navbar-light-brand-color};
|
||
|
|
--#{$prefix}navbar-brand-hover-color: #{$navbar-light-brand-hover-color};
|
||
|
|
--#{$prefix}navbar-toggler-icon-bg: #{escape-svg($navbar-light-toggler-icon-bg)};
|
||
|
|
--#{$prefix}navbar-toggler-border-color: #{$navbar-light-toggler-border-color};
|
||
|
|
// scss-docs-end navbar-css-vars
|
||
|
|
}
|
||
|
|
|
||
|
|
// Navbar nav
|
||
|
|
//
|
||
|
|
// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).
|
||
|
|
.navbar-nav {
|
||
|
|
// scss-docs-start navbar-nav-css-vars
|
||
|
|
--#{$prefix}nav-link-color: var(--#{$prefix}navbar-color);
|
||
|
|
--#{$prefix}nav-link-hover-color: var(--#{$prefix}navbar-hover-color);
|
||
|
|
--#{$prefix}nav-link-disabled-color: var(--#{$prefix}navbar-disabled-color);
|
||
|
|
// scss-docs-end navbar-nav-css-vars
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar-dark {
|
||
|
|
// scss-docs-start navbar-dark-css-vars
|
||
|
|
--#{$prefix}navbar-color: #{$navbar-dark-color};
|
||
|
|
--#{$prefix}navbar-hover-color: #{$navbar-dark-hover-color};
|
||
|
|
--#{$prefix}navbar-disabled-color: #{$navbar-dark-disabled-color};
|
||
|
|
--#{$prefix}navbar-active-color: #{$navbar-dark-active-color};
|
||
|
|
--#{$prefix}navbar-brand-color: #{$navbar-dark-brand-color};
|
||
|
|
--#{$prefix}navbar-brand-hover-color: #{$navbar-dark-brand-hover-color};
|
||
|
|
--#{$prefix}navbar-toggler-border-color: #{$navbar-dark-toggler-border-color};
|
||
|
|
--#{$prefix}navbar-toggler-icon-bg: #{escape-svg($navbar-dark-toggler-icon-bg)};
|
||
|
|
// scss-docs-end navbar-dark-css-vars
|
||
|
|
}
|