芝麻web文件管理V1.00
编辑当前文件:/home/asmplong/www/_nav.scss.tar
home/asmplong/www/scss/_nav.scss 0000666 00000003746 15016757225 0012763 0 ustar 00 // Base class // // Kickstart any navigation component with a set of style resets. Works with // `
`s or `
`s. .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: $nav-link-padding-y $nav-link-padding-x; @include hover-focus { text-decoration: none; } // Disabled state lightens text &.disabled { color: $nav-link-disabled-color; } } // // Tabs // .nav-tabs { border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color; .nav-item { margin-bottom: -$nav-tabs-border-width; } .nav-link { border: $nav-tabs-border-width solid transparent; @include border-top-radius($nav-tabs-border-radius); @include hover-focus { border-color: $nav-tabs-link-hover-border-color; } &.disabled { color: $nav-link-disabled-color; background-color: transparent; border-color: transparent; } } .nav-link.active, .nav-item.show .nav-link { color: $nav-tabs-link-active-color; background-color: $nav-tabs-link-active-bg; border-color: $nav-tabs-link-active-border-color; } .dropdown-menu { // Make dropdown border overlap tab border margin-top: -$nav-tabs-border-width; // Remove the top rounded corners here since there is a hard edge above the menu @include border-top-radius(0); } } // // Pills // .nav-pills { .nav-link { @include border-radius($nav-pills-border-radius); } .nav-link.active, .show > .nav-link { color: $nav-pills-link-active-color; background-color: $nav-pills-link-active-bg; } } // // Justified variants // .nav-fill { .nav-item { flex: 1 1 auto; text-align: center; } } .nav-justified { .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } } // Tabbable tabs // // Hide tabbable panes to start, show them when `.active` .tab-content { > .tab-pane { display: none; } > .active { display: block; } } home/asmplong/www/assets/scss/_nav.scss 0000666 00000003225 15017217741 0014250 0 ustar 00 // // Main navbar // .bd-navbar { min-height: 4rem; background-color: $bd-purple; box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .1); @include media-breakpoint-down(md) { padding-right: .5rem; padding-left: .5rem; .navbar-nav-scroll { max-width: 100%; height: 2.5rem; margin-top: .25rem; overflow: hidden; font-size: .875rem; .navbar-nav { padding-bottom: 2rem; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; } } } @include media-breakpoint-up(md) { @supports (position: sticky) { position: sticky; top: 0; z-index: 1071; // over everything in bootstrap } } .navbar-nav { .nav-link { padding-right: .5rem; padding-left: .5rem; color: $bd-purple-light; &.active, &:hover { color: #fff; background-color: transparent; } &.active { font-weight: 500; } } } .navbar-nav-svg { display: inline-block; width: 1rem; height: 1rem; vertical-align: text-top; } .dropdown-menu { font-size: .875rem; } .dropdown-item.active { font-weight: 500; color: $gray-900; background-color: transparent; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: .4rem .6rem; background-size: .75rem .75rem; } }