mirror of
https://github.com/tabler/tabler.git
synced 2025-12-26 11:16:12 +04:00
181 lines
3.7 KiB
SCSS
181 lines
3.7 KiB
SCSS
///*
|
|
//Navbar
|
|
// */
|
|
//.navbar {
|
|
//
|
|
// &, .navbar-dark {
|
|
// min-height: $navbar-height;
|
|
//
|
|
// &.fixed-top {
|
|
// + .content-page {
|
|
// padding-top: $navbar-height;
|
|
// }
|
|
//
|
|
// + .navbar:not(.fixed-top) {
|
|
// margin-top: $navbar-height;
|
|
// }
|
|
//
|
|
// + .navbar.fixed-top {
|
|
// top: $navbar-height;
|
|
//
|
|
// + .content-page {
|
|
// padding-top: $navbar-height * 2;
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
//
|
|
// @include media-breakpoint-up($cards-grid-breakpoint) {
|
|
// padding-left: $cards-grid-gap / 2;
|
|
// padding-right: $cards-grid-gap / 2;
|
|
// }
|
|
//}
|
|
//
|
|
//.navbar-collapse-absolute {
|
|
// @each $breakpoint, $width in $grid-breakpoints {
|
|
// @at-root .navbar-expand-#{$breakpoint} & {
|
|
// position: absolute;
|
|
// background: inherit;
|
|
// z-index: $zindex-sticky;
|
|
// left: 0;
|
|
// right: 0;
|
|
//
|
|
// @include media-breakpoint-up($breakpoint) {
|
|
// position: static;
|
|
// }
|
|
// }
|
|
// }
|
|
//}
|
|
//
|
|
///**
|
|
//navbar toggler
|
|
// */
|
|
//.navbar-toggler {
|
|
// border: 0;
|
|
// font-size: $navbar-toggler-font-size;
|
|
// width: add($navbar-toggler-size, $navbar-toggler-padding-x * 2);
|
|
// height: add($navbar-toggler-size, $navbar-toggler-padding-y * 2);
|
|
// margin: $navbar-toggler-margin;
|
|
// position: relative;
|
|
//}
|
|
//
|
|
//
|
|
//.navbar-toggler-icon {
|
|
// $time: $navbar-toggler-transform-time / 2;
|
|
//
|
|
// background-image: none !important;
|
|
// position: absolute;
|
|
// width: $navbar-toggler-size;
|
|
// height: $navbar-toggler-item-height;
|
|
// border-radius: 3px;
|
|
//
|
|
// left: 50%;
|
|
// top: 50%;
|
|
// margin-left: -($navbar-toggler-size / 2);
|
|
// margin-top: -($navbar-toggler-item-height / 2);
|
|
//
|
|
// background: currentColor;
|
|
// transform-origin: center;
|
|
// transition: transform $time, top $time $time, bottom $time $time;
|
|
//
|
|
// &:before,
|
|
// &:after {
|
|
// content: '';
|
|
// background: inherit;
|
|
// position: absolute;
|
|
// height: inherit;
|
|
// width: inherit;
|
|
// left: 0;
|
|
// border-radius: inherit;
|
|
// transition: inherit;
|
|
// }
|
|
//
|
|
// &:before {
|
|
// top: $navbar-toggler-item-spacing;
|
|
// }
|
|
//
|
|
// &:after {
|
|
// bottom: $navbar-toggler-item-spacing;
|
|
// }
|
|
//
|
|
// .navbar-toggler[aria-expanded="true"] & {
|
|
// transform: rotate(45deg);
|
|
// transition: top $time, bottom $time, transform $time $time, opacity $time;
|
|
//
|
|
// &:before {
|
|
// top: 0;
|
|
// transform: rotate(-90deg);
|
|
// }
|
|
//
|
|
// &:after {
|
|
// bottom: 0;
|
|
// opacity: 0;
|
|
// }
|
|
// }
|
|
//}
|
|
//
|
|
///**
|
|
//navbar with border
|
|
//*/
|
|
//.navbar-border {
|
|
// box-shadow: inset 0 -1px 0 0px $navbar-border-color;
|
|
//}
|
|
//
|
|
///**
|
|
//Navbar logo
|
|
// */
|
|
//.navbar-brand-logo {
|
|
// height: 2rem;
|
|
//}
|
|
//
|
|
//.navbar-nav {
|
|
// margin-right: -($navbar-nav-link-padding-x);
|
|
// margin-left: -($navbar-nav-link-padding-x);
|
|
//
|
|
// .nav-link {
|
|
// padding-left: $navbar-nav-link-padding-x;
|
|
// padding-right: $navbar-nav-link-padding-x;
|
|
// }
|
|
//
|
|
// @each $breakpoint, $width in $grid-breakpoints {
|
|
// @at-root .navbar-expand-#{$breakpoint} & {
|
|
// @include media-breakpoint-up($breakpoint) {
|
|
// .nav-item:hover,
|
|
// .dropright:hover {
|
|
// > .dropdown-menu {
|
|
// display: block;
|
|
// }
|
|
// }
|
|
// }
|
|
//
|
|
// @include media-breakpoint-down($breakpoint) {
|
|
// .dropdown-menu {
|
|
// box-shadow: none;
|
|
// border: 0;
|
|
// padding: 0;
|
|
// }
|
|
//
|
|
// .dropdown-item {
|
|
// padding-left: add($navbar-nav-link-padding-x, 19px);
|
|
// padding-right: 0;
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
//
|
|
// .dropdown-menu {
|
|
// .dropdown,
|
|
// .dropright {
|
|
// .dropdown-toggle:after {
|
|
// margin-left: auto;
|
|
// }
|
|
// }
|
|
// }
|
|
//}
|
|
//
|
|
//.navbar-brand {
|
|
// padding: 0;
|
|
// line-height: 1;
|
|
//}
|
|
//
|