diff options
author | pmikus <peter.mikus@protonmail.ch> | 2022-09-19 08:49:01 +0200 |
---|---|---|
committer | Peter Mikus <peter.mikus@protonmail.ch> | 2022-09-19 06:54:43 +0000 |
commit | d6a60b5043c6f7c3dfc45853feb68d0aca5a4a5f (patch) | |
tree | 022343584d4e00a0da8ef12eb4e713d67344fc95 /resources/tools/dash/app/pal/static/sass/bootstrap/_nav.scss | |
parent | d2ef7bc01df66f6a27f25d061db064cf4a463267 (diff) |
feat(uti): Move directory
Signed-off-by: pmikus <peter.mikus@protonmail.ch>
Change-Id: I7300ecfe756baaf3fbeedb020070f882cfaca445
Diffstat (limited to 'resources/tools/dash/app/pal/static/sass/bootstrap/_nav.scss')
-rw-r--r-- | resources/tools/dash/app/pal/static/sass/bootstrap/_nav.scss | 172 |
1 files changed, 0 insertions, 172 deletions
diff --git a/resources/tools/dash/app/pal/static/sass/bootstrap/_nav.scss b/resources/tools/dash/app/pal/static/sass/bootstrap/_nav.scss deleted file mode 100644 index 9efc03bc8f..0000000000 --- a/resources/tools/dash/app/pal/static/sass/bootstrap/_nav.scss +++ /dev/null @@ -1,172 +0,0 @@ -// Base class -// -// Kickstart any navigation component with a set of style resets. Works with -// `<nav>`s, `<ul>`s or `<ol>`s. - -.nav { - // scss-docs-start nav-css-vars - --#{$prefix}nav-link-padding-x: #{$nav-link-padding-x}; - --#{$prefix}nav-link-padding-y: #{$nav-link-padding-y}; - @include rfs($nav-link-font-size, --#{$prefix}nav-link-font-size); - --#{$prefix}nav-link-font-weight: #{$nav-link-font-weight}; - --#{$prefix}nav-link-color: #{$nav-link-color}; - --#{$prefix}nav-link-hover-color: #{$nav-link-hover-color}; - --#{$prefix}nav-link-disabled-color: #{$nav-link-disabled-color}; - // scss-docs-end nav-css-vars - - display: flex; - flex-wrap: wrap; - padding-left: 0; - margin-bottom: 0; - list-style: none; -} - -.nav-link { - display: block; - padding: var(--#{$prefix}nav-link-padding-y) var(--#{$prefix}nav-link-padding-x); - @include font-size(var(--#{$prefix}nav-link-font-size)); - font-weight: var(--#{$prefix}nav-link-font-weight); - color: var(--#{$prefix}nav-link-color); - text-decoration: if($link-decoration == none, null, none); - @include transition($nav-link-transition); - - &:hover, - &:focus { - color: var(--#{$prefix}nav-link-hover-color); - text-decoration: if($link-hover-decoration == underline, none, null); - } - - // Disabled state lightens text - &.disabled { - color: var(--#{$prefix}nav-link-disabled-color); - pointer-events: none; - cursor: default; - } -} - -// -// Tabs -// - -.nav-tabs { - // scss-docs-start nav-tabs-css-vars - --#{$prefix}nav-tabs-border-width: #{$nav-tabs-border-width}; - --#{$prefix}nav-tabs-border-color: #{$nav-tabs-border-color}; - --#{$prefix}nav-tabs-border-radius: #{$nav-tabs-border-radius}; - --#{$prefix}nav-tabs-link-hover-border-color: #{$nav-tabs-link-hover-border-color}; - --#{$prefix}nav-tabs-link-active-color: #{$nav-tabs-link-active-color}; - --#{$prefix}nav-tabs-link-active-bg: #{$nav-tabs-link-active-bg}; - --#{$prefix}nav-tabs-link-active-border-color: #{$nav-tabs-link-active-border-color}; - // scss-docs-end nav-tabs-css-vars - - border-bottom: var(--#{$prefix}nav-tabs-border-width) solid var(--#{$prefix}nav-tabs-border-color); - - .nav-link { - margin-bottom: calc(-1 * var(--#{$prefix}nav-tabs-border-width)); // stylelint-disable-line function-disallowed-list - background: none; - border: var(--#{$prefix}nav-tabs-border-width) solid transparent; - @include border-top-radius(var(--#{$prefix}nav-tabs-border-radius)); - - &:hover, - &:focus { - // Prevents active .nav-link tab overlapping focus outline of previous/next .nav-link - isolation: isolate; - border-color: var(--#{$prefix}nav-tabs-link-hover-border-color); - } - - &.disabled, - &:disabled { - color: var(--#{$prefix}nav-link-disabled-color); - background-color: transparent; - border-color: transparent; - } - } - - .nav-link.active, - .nav-item.show .nav-link { - color: var(--#{$prefix}nav-tabs-link-active-color); - background-color: var(--#{$prefix}nav-tabs-link-active-bg); - border-color: var(--#{$prefix}nav-tabs-link-active-border-color); - } - - .dropdown-menu { - // Make dropdown border overlap tab border - margin-top: calc(-1 * var(--#{$prefix}nav-tabs-border-width)); // stylelint-disable-line function-disallowed-list - // Remove the top rounded corners here since there is a hard edge above the menu - @include border-top-radius(0); - } -} - - -// -// Pills -// - -.nav-pills { - // scss-docs-start nav-pills-css-vars - --#{$prefix}nav-pills-border-radius: #{$nav-pills-border-radius}; - --#{$prefix}nav-pills-link-active-color: #{$nav-pills-link-active-color}; - --#{$prefix}nav-pills-link-active-bg: #{$nav-pills-link-active-bg}; - // scss-docs-end nav-pills-css-vars - - .nav-link { - background: none; - border: 0; - @include border-radius(var(--#{$prefix}nav-pills-border-radius)); - - &:disabled { - color: var(--#{$prefix}nav-link-disabled-color); - background-color: transparent; - border-color: transparent; - } - } - - .nav-link.active, - .show > .nav-link { - color: var(--#{$prefix}nav-pills-link-active-color); - @include gradient-bg(var(--#{$prefix}nav-pills-link-active-bg)); - } -} - - -// -// Justified variants -// - -.nav-fill { - > .nav-link, - .nav-item { - flex: 1 1 auto; - text-align: center; - } -} - -.nav-justified { - > .nav-link, - .nav-item { - flex-basis: 0; - flex-grow: 1; - text-align: center; - } -} - -.nav-fill, -.nav-justified { - .nav-item .nav-link { - width: 100%; // Make sure button will grow - } -} - - -// Tabbable tabs -// -// Hide tabbable panes to start, show them when `.active` - -.tab-content { - > .tab-pane { - display: none; - } - > .active { - display: block; - } -} |