芝麻web文件管理V1.00
编辑当前文件:/home/asmplong/www/scss.tar
_variables.scss 0000666 00000000576 15017020115 0007554 0 ustar 00 // Local docs variables $bd-purple: #563d7c !default; $bd-purple-bright: lighten(saturate($bd-purple, 5%), 15%) !default; $bd-purple-light: lighten(saturate($bd-purple, 5%), 45%) !default; $bd-dark: #2a2730 !default; $bd-download: #ffe484 !default; $bd-info: #5bc0de !default; $bd-warning: #f0ad4e !default; $bd-danger: #d9534f !default; _syntax.scss 0000666 00000003205 15017020115 0007122 0 ustar 00 // stylelint-disable declaration-block-single-line-max-declarations .hll { background-color: #ffc; } .c { color: #999; } .k { color: #069; } .o { color: #555; } .cm { color: #999; } .cp { color: #099; } .c1 { color: #999; } .cs { color: #999; } .gd { background-color: #fcc; border: 1px solid #c00; } .ge { font-style: italic; } .gr { color: #f00; } .gh { color: #030; } .gi { background-color: #cfc; border: 1px solid #0c0; } .go { color: #aaa; } .gp { color: #009; } .gu { color: #030; } .gt { color: #9c6; } .kc { color: #069; } .kd { color: #069; } .kn { color: #069; } .kp { color: #069; } .kr { color: #069; } .kt { color: #078; } .m { color: #f60; } .s { color: #d44950; } .na { color: #4f9fcf; } .nb { color: #366; } .nc { color: #0a8; } .no { color: #360; } .nd { color: #99f; } .ni { color: #999; } .ne { color: #c00; } .nf { color: #c0f; } .nl { color: #99f; } .nn { color: #0cf; } .nt { color: #2f6f9f; } .nv { color: #033; } .ow { color: #000; } .w { color: #bbb; } .mf { color: #f60; } .mh { color: #f60; } .mi { color: #f60; } .mo { color: #f60; } .sb { color: #c30; } .sc { color: #c30; } .sd { font-style: italic; color: #c30; } .s2 { color: #c30; } .se { color: #c30; } .sh { color: #c30; } .si { color: #a00; } .sx { color: #c30; } .sr { color: #3aa; } .s1 { color: #c30; } .ss { color: #fc3; } .bp { color: #366; } .vc { color: #033; } .vg { color: #033; } .vi { color: #033; } .il { color: #f60; } .css .o, .css .o + .nt, .css .nt + .nt { color: #999; } .language-bash::before, .language-sh::before { color: #009; content: "$ "; user-select: none; } .language-powershell::before { color: #009; content: "PM> "; user-select: none; } _buttons.scss 0000666 00000000747 15017020115 0007302 0 ustar 00 // Buttons // // Custom buttons for the docs. .btn-bd-primary { font-weight: 500; color: $bd-purple-bright; border-color: $bd-purple-bright; &:hover, &:active { color: #fff; background-color: $bd-purple-bright; border-color: $bd-purple-bright; } } .btn-bd-download { font-weight: 500; color: $bd-download; border-color: $bd-download; &:hover, &:active { color: $bd-dark; background-color: $bd-download; border-color: $bd-download; } } _clipboard-js.scss 0000666 00000001076 15017020115 0010151 0 ustar 00 // clipboard.js // // JS-based `Copy` buttons for code snippets. .bd-clipboard { position: relative; display: none; float: right; + .highlight { margin-top: 0; } } .btn-clipboard { position: absolute; top: .5rem; right: .5rem; z-index: 10; display: block; padding: .25rem .5rem; font-size: 75%; color: #818a91; cursor: pointer; background-color: transparent; border: 0; border-radius: .25rem; &:hover { color: #fff; background-color: #027de7; } } @media (min-width: 768px) { .bd-clipboard { display: block; } } _ads.scss 0000666 00000001121 15017020115 0006336 0 ustar 00 // stylelint-disable declaration-no-important, selector-max-id // // Carbon ads // #carbonads { position: static; display: block; max-width: 400px; padding: 15px 15px 15px 160px; margin: 2rem 0; overflow: hidden; font-size: 13px; line-height: 1.4; text-align: left; background-color: rgba(0, 0, 0, .05); a { color: #333; text-decoration: none; } @include media-breakpoint-up(sm) { max-width: 330px; border-radius: 4px; } } .carbon-img { float: left; margin-left: -145px; } .carbon-poweredby { display: block; color: #777 !important; } _masthead.scss 0000666 00000001567 15017020115 0007373 0 ustar 00 // stylelint-disable declaration-no-important .bd-masthead { position: relative; padding: 3rem ($grid-gutter-width / 2); // background-image: linear-gradient(45deg, #fafafa, #f5f5f5); h1 { line-height: 1; } .btn { width: 100%; padding: .8rem 2rem; font-size: 1.25rem; font-weight: 500; } .carbonad { margin-top: 0 !important; margin-bottom: -3rem !important; } @include media-breakpoint-up(sm) { padding-top: 5rem; padding-bottom: 5rem; .carbonad { margin-bottom: 0 !important; } } @include media-breakpoint-up(md) { h1 { font-size: 4rem; } .carbonad { margin-top: 3rem !important; } } } .half-rule { width: 6rem; margin: 2.5rem 0; } .masthead-followup { .bd-clipboard { display: none; } .highlight { padding: .5rem 0; background-color: transparent; } } _anchor.scss 0000666 00000000254 15017020115 0007047 0 ustar 00 .anchorjs-link { font-weight: 400; color: rgba($link-color, .5); transition: color .16s linear; &:hover { color: $link-color; text-decoration: none; } } _brand.scss 0000666 00000003443 15017020115 0006666 0 ustar 00 // stylelint-disable no-duplicate-selectors // // Brand guidelines // // Logo series wrapper .bd-brand-logos { display: table; width: 100%; margin-bottom: 1rem; overflow: hidden; color: #563d7c; background-color: #f9f9f9; border-radius: .25rem; } // Individual items .bd-brand-item { padding: 4rem 0; text-align: center; } .bd-brand-item + .bd-brand-item { border-top: 1px solid #fff; } .bd-brand-logos .inverse { color: #fff; background-color: #563d7c; } // Heading content within .bd-brand-item h1, .bd-brand-item h3 { margin-top: 0; margin-bottom: 0; } .bd-brand-item .bd-booticon { margin-right: auto; margin-left: auto; } // Make the icons stand out on what is/isn't okay // .bd-brand-item .glyphicon { // width: 30px; // height: 30px; // margin: 10px auto -10px; // line-height: 30px; // color: #fff; // border-radius: 50%; // } // .bd-brand-item .glyphicon-ok { // background-color: #5cb85c; // } // .bd-brand-item .glyphicon-remove { // background-color: #d9534f; // } @media (min-width: 768px) { .bd-brand-item { display: table-cell; width: 1%; } .bd-brand-item + .bd-brand-item { border-top: 0; border-left: 1px solid #fff; } .bd-brand-item h1 { font-size: 4rem; } } // // Color swatches // .color-swatches { margin: 0 -5px; overflow: hidden; // clearfix } .color-swatch { float: left; width: 4rem; height: 4rem; margin-right: .25rem; margin-left: .25rem; border-radius: .25rem; @media (min-width: 768px) { width: 6rem; height: 6rem; } } // Docs colors .color-swatches { .bd-purple { background-color: $bd-purple; } .bd-purple-light { background-color: $bd-purple-light; } .bd-purple-lighter { background-color: #e5e1ea; } .bd-gray { background-color: #f9f9f9; } } _nav.scss 0000666 00000003225 15017020115 0006362 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; } } _component-examples.scss 0000666 00000014305 15017020115 0011415 0 ustar 00 // stylelint-disable no-duplicate-selectors, selector-no-qualifying-type // // Grid examples // .bd-example-row { .row { > .col, > [class^="col-"] { padding-top: .75rem; padding-bottom: .75rem; background-color: rgba(86, 61, 124, .15); border: 1px solid rgba(86, 61, 124, .2); } } .row + .row { margin-top: 1rem; } .flex-items-top, .flex-items-middle, .flex-items-bottom { min-height: 6rem; background-color: rgba(255, 0, 0, .1); } } .bd-example-row-flex-cols .row { min-height: 10rem; background-color: rgba(255, 0, 0, .1); } .bd-highlight { background-color: rgba($bd-purple, .15); border: 1px solid rgba($bd-purple, .15); } // Grid mixins .example-container { width: 800px; @include make-container(); } .example-row { @include make-row(); } .example-content-main { @include make-col-ready(); @include media-breakpoint-up(sm) { @include make-col(6); } @include media-breakpoint-up(lg) { @include make-col(8); } } .example-content-secondary { @include make-col-ready(); @include media-breakpoint-up(sm) { @include make-col(6); } @include media-breakpoint-up(lg) { @include make-col(4); } } // // Container illustrations // .bd-example-container { min-width: 16rem; max-width: 25rem; margin-right: auto; margin-left: auto; } .bd-example-container-header { height: 3rem; margin-bottom: .5rem; background-color: lighten($blue, 50%); border-radius: .25rem; } .bd-example-container-sidebar { float: right; width: 4rem; height: 8rem; background-color: lighten($blue, 25%); border-radius: .25rem; } .bd-example-container-body { height: 8rem; margin-right: 4.5rem; background-color: lighten($bd-purple, 25%); border-radius: .25rem; } .bd-example-container-fluid { max-width: none; } // // Docs examples // .bd-example { position: relative; padding: 1rem; margin: 1rem (-$grid-gutter-width / 2) 0; border: solid #f7f7f9; border-width: .2rem 0 0; @include clearfix(); @include media-breakpoint-up(sm) { padding: 1.5rem; margin-right: 0; margin-left: 0; border-width: .2rem; } + .highlight, + .clipboard + .highlight { margin-top: 0; } + p { margin-top: 2rem; } .pos-f-t { position: relative; margin: -1rem; @include media-breakpoint-up(sm) { margin: -1.5rem; } } .custom-file-input:lang(es) ~ .custom-file-label::after { content: "Elegir"; } > .form-control { + .form-control { margin-top: .5rem; } } > .nav + .nav, > .alert + .alert, > .navbar + .navbar, > .progress + .progress, > .progress + .btn { margin-top: 1rem; } > .dropdown-menu:first-child { position: static; display: block; } > .form-group:last-child { margin-bottom: 0; } > .close { float: none; } } // Typography .bd-example-type { .table { .type-info { color: #999; vertical-align: middle; } td { padding: 1rem 0; border-color: #eee; } tr:first-child td { border-top: 0; } } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; } } // Contextual background colors .bd-example-bg-classes p { padding: 1rem; } // Images .bd-example > img { + img { margin-left: .5rem; } } // Buttons .bd-example { > .btn-group { margin-top: .25rem; margin-bottom: .25rem; } > .btn-toolbar + .btn-toolbar { margin-top: .5rem; } } // Forms .bd-example-control-sizing select, .bd-example-control-sizing input[type="text"] + input[type="text"] { margin-top: .5rem; } .bd-example-form .input-group { margin-bottom: .5rem; } .bd-example > textarea.form-control { resize: vertical; } // List groups .bd-example > .list-group { max-width: 400px; } // Navbars .bd-example { .fixed-top, .sticky-top { position: static; margin: -1rem -1rem 1rem; } .fixed-bottom { position: static; margin: 1rem -1rem -1rem; } @include media-breakpoint-up(sm) { .fixed-top, .sticky-top { margin: -1.5rem -1.5rem 1rem; } .fixed-bottom { margin: 1rem -1.5rem -1.5rem; } } } // Pagination .bd-example .pagination { margin-top: .5rem; margin-bottom: .5rem; } // Example modals .modal { z-index: 1072; .tooltip, .popover { z-index: 1073; } } .modal-backdrop { z-index: 1071; } .bd-example-modal { background-color: #fafafa; .modal { position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: 1; display: block; } .modal-dialog { left: auto; margin-right: auto; margin-left: auto; } } // Example tabbable tabs .bd-example-tabs .nav-tabs { margin-bottom: 1rem; } // Popovers .bd-example-popover-static { padding-bottom: 1.5rem; background-color: #f9f9f9; .popover { position: relative; display: block; float: left; width: 260px; margin: 1.25rem; } } // Tooltips .tooltip-demo a { white-space: nowrap; } .bd-example-tooltip-static .tooltip { position: relative; display: inline-block; margin: 10px 20px; opacity: 1; } // Scrollspy demo on fixed height div .scrollspy-example { position: relative; height: 200px; margin-top: .5rem; overflow: auto; } .scrollspy-example-2 { position: relative; height: 350px; overflow: auto; } .bd-example-border-utils { [class^="border"] { display: inline-block; width: 5rem; height: 5rem; margin: .25rem; background-color: #f5f5f5; } } .bd-example-border-utils-0 { [class^="border"] { border: 1px solid $border-color; } } // // Code snippets // .highlight { padding: 1rem; margin-top: 1rem; margin-bottom: 1rem; background-color: #f7f7f9; -ms-overflow-style: -ms-autohiding-scrollbar; @include media-breakpoint-up(sm) { padding: 1.5rem; } } .bd-content .highlight { margin-right: (-$grid-gutter-width / 2); margin-left: (-$grid-gutter-width / 2); @include media-breakpoint-up(sm) { margin-right: 0; margin-left: 0; } } .highlight { pre { padding: 0; margin-top: 0; margin-bottom: 0; background-color: transparent; border: 0; } pre code { font-size: inherit; color: $gray-900; // Effectively the base text color } } _footer.scss 0000666 00000000713 15017020115 0007073 0 ustar 00 // // Footer // .bd-footer { font-size: 85%; text-align: center; background-color: #f7f7f7; a { font-weight: 500; color: $gray-700; &:hover, &:focus { color: $link-color; } } p { margin-bottom: 0; } @include media-breakpoint-up(sm) { text-align: left; } } .bd-footer-links { padding-left: 0; margin-bottom: 1rem; li { display: inline-block; + li { margin-left: 1rem; } } } _skiplink.scss 0000666 00000000325 15017020115 0007420 0 ustar 00 // stylelint-disable selector-max-id #skippy { display: block; padding: 1em; color: #fff; background-color: $bd-purple; outline: 0; .skiplink-text { padding: .5em; outline: 1px dotted; } } _algolia.scss 0000666 00000006536 15017020115 0007216 0 ustar 00 // stylelint-disable declaration-no-important // Docsearch overrides // // `!important` indicates overridden properties. .algolia-autocomplete { display: block !important; flex: 1; // Menu container .ds-dropdown-menu { width: 100%; min-width: 0 !important; max-width: none !important; padding: .75rem 0 !important; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .1); box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .175); @include media-breakpoint-up(md) { width: 175%; } // Caret &::before { display: none !important; } [class^="ds-dataset-"] { padding: 0 !important; overflow: visible !important; background-color: transparent !important; border: 0 !important; } .ds-suggestions { margin-top: 0 !important; } } .algolia-docsearch-suggestion { padding: 0 !important; overflow: visible !important; } .algolia-docsearch-suggestion--category-header { padding: .125rem 1rem !important; margin-top: 0 !important; font-size: .875rem !important; font-weight: 500 !important; color: $bd-purple-bright !important; border-bottom: 0 !important; } .algolia-docsearch-suggestion--wrapper { float: none !important; padding-top: 0 !important; } // Section header .algolia-docsearch-suggestion--subcategory-column { float: none !important; width: auto !important; padding: 0 !important; text-align: left !important; } .algolia-docsearch-suggestion--content { float: none !important; width: auto !important; padding: 0 !important; // Vertical divider between column header and content &::before { display: none !important; } } .ds-suggestion { &:not(:first-child) { .algolia-docsearch-suggestion--category-header { padding-top: .75rem !important; margin-top: .75rem !important; border-top: 1px solid rgba(0, 0, 0, .1); } } .algolia-docsearch-suggestion--subcategory-column { display: none !important; } } .algolia-docsearch-suggestion--title { display: block; padding: .25rem 1rem !important; margin-bottom: 0 !important; font-size: .875rem !important; font-weight: 400 !important; } .algolia-docsearch-suggestion--text { padding: 0 1rem .5rem !important; margin-top: -.25rem; font-size: .875rem !important; font-weight: 400; line-height: 1.25 !important; } .algolia-docsearch-footer { float: none !important; width: auto !important; height: auto !important; padding: .75rem 1rem 0; font-size: .75rem !important; line-height: 1 !important; color: #767676 !important; border-top: 1px solid rgba(0, 0, 0, .1); } .algolia-docsearch-footer--logo { display: inline !important; overflow: visible !important; color: inherit !important; text-indent: 0 !important; background: none !important; } .algolia-docsearch-suggestion--highlight { color: #5f2dab; background-color: rgba(154, 132, 187, .12); } .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight { box-shadow: inset 0 -2px 0 0 rgba(95, 45, 171, .5) !important; } .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content { background-color: rgba(208, 189, 236, .15) !important; } } _content.scss 0000666 00000003713 15017020115 0007252 0 ustar 00 // stylelint-disable no-duplicate-selectors, selector-max-combinators, selector-max-compound-selectors, selector-max-type, selector-no-qualifying-type // // Automatically style Markdown-based tables like a Bootstrap `.table`. // .bd-content { order: 1; // Hack the sticky header > h2[id], > h3[id], > h4[id] { pointer-events: none; > div, > a { pointer-events: auto; } &::before { display: block; height: 6rem; margin-top: -6rem; visibility: hidden; content: ""; } } > table { width: 100%; max-width: 100%; margin-bottom: 1rem; @include media-breakpoint-down(md) { display: block; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057 &.table-bordered { border: 0; } } // Cells > thead, > tbody, > tfoot { > tr { > th, > td { padding: $table-cell-padding; vertical-align: top; border: 1px solid $table-border-color; > p:last-child { margin-bottom: 0; } } } } // Prevent breaking of code (e.g., Grunt tasks list) td:first-child > code { white-space: nowrap; } } } // // Docs sections // .bd-content { > h2:not(:first-child) { margin-top: 3rem; } > h3 { margin-top: 1.5rem; } > ul li, > ol li { margin-bottom: .25rem; } @include media-breakpoint-up(lg) { > ul, > ol, > p { max-width: 80%; } } } .bd-title { margin-top: 1rem; margin-bottom: .5rem; font-weight: 300; @include media-breakpoint-up(sm) { font-size: 3rem; } } .bd-lead { font-size: 1.125rem; font-weight: 300; @include media-breakpoint-up(sm) { max-width: 80%; margin-bottom: 1rem; font-size: 1.5rem; } } .bd-text-purple { color: $bd-purple; } .bd-text-purple-bright { color: $bd-purple-bright; } docs.scss 0000666 00000002760 15017020115 0006372 0 ustar 00 /*! * Bootstrap Docs (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under the Creative Commons Attribution 3.0 Unported License. For * details, see https://creativecommons.org/licenses/by/3.0/. */ // Dev notes // // Background information on nomenclature and architecture decisions here. // // - Bootstrap functions, variables, and mixins are included for easy reuse. // Doing so gives us access to the same core utilities provided by Bootstrap. // For example, consistent media queries through those mixins. // // - Bootstrap's **docs variables** are prefixed with `$bd-`. // These custom colors avoid collision with the components Bootstrap provides. // // - Classes are prefixed with `.bd-`. // These classes indicate custom-built or modified components for the design // and layout of the Bootstrap docs. They are not included in our builds. // // Happy Bootstrapping! // Load Bootstrap variables and mixins @import "../../scss/functions"; @import "../../scss/variables"; @import "../../scss/mixins"; // Load docs components @import "variables"; @import "nav"; @import "masthead"; @import "ads"; @import "content"; @import "skiplink"; @import "sidebar"; @import "footer"; @import "component-examples"; @import "buttons"; @import "callouts"; @import "examples"; @import "browser-bugs"; @import "brand"; @import "colors"; @import "clipboard-js"; // Load docs dependencies @import "syntax"; @import "anchor"; @import "algolia"; _examples.scss 0000666 00000000553 15017020115 0007415 0 ustar 00 // // Examples // .bd-examples .img-thumbnail { margin-bottom: .75rem; } .bd-examples h4 { margin-bottom: .25rem; } .bd-examples p { margin-bottom: 1.25rem; } @media (max-width: 480px) { .bd-examples { margin-right: -.75rem; margin-left: -.75rem; } .bd-examples > [class^="col-"] { padding-right: .75rem; padding-left: .75rem; } } _callouts.scss 0000666 00000001267 15017020115 0007430 0 ustar 00 // // Callouts // .bd-callout { padding: 1.25rem; margin-top: 1.25rem; margin-bottom: 1.25rem; border: 1px solid #eee; border-left-width: .25rem; border-radius: .25rem; } .bd-callout h4 { margin-top: 0; margin-bottom: .25rem; } .bd-callout p:last-child { margin-bottom: 0; } .bd-callout code { border-radius: .25rem; } .bd-callout + .bd-callout { margin-top: -.25rem; } // Variations @mixin bs-callout-variant($color) { border-left-color: $color; h4 { color: $color; } } .bd-callout-info { @include bs-callout-variant($bd-info); } .bd-callout-warning { @include bs-callout-variant($bd-warning); } .bd-callout-danger { @include bs-callout-variant($bd-danger); } _browser-bugs.scss 0000666 00000000303 15017020115 0010211 0 ustar 00 // Wall of Browser Bugs // // Better display for the responsive table on the Wall of Browser Bugs. .bd-browser-bugs { td p { margin-bottom: 0; } th:first-child { width: 18%; } } _colors.scss 0000666 00000000643 15017020115 0007100 0 ustar 00 // // Docs color palette classes // @each $color, $value in $colors { .swatch-#{$color} { color: color-yiq($value); background-color: #{$value}; } } @each $color, $value in $theme-colors { .swatch-#{$color} { color: color-yiq($value); background-color: #{$value}; } } @each $color, $value in $grays { .swatch-#{$color} { color: color-yiq($value); background-color: #{$value}; } } _sidebar.scss 0000666 00000005244 15017020115 0007212 0 ustar 00 // stylelint-disable declaration-no-important // // Right side table of contents // .bd-toc { @supports (position: sticky) { position: sticky; top: 4rem; height: calc(100vh - 4rem); overflow-y: auto; } order: 2; padding-top: 1.5rem; padding-bottom: 1.5rem; font-size: .875rem; } .section-nav { padding-left: 0; border-left: 1px solid #eee; ul { padding-left: 1rem; ul { display: none; } } } .toc-entry { display: block; a { display: block; padding: .125rem 1.5rem; color: #99979c; &:hover { color: $blue; text-decoration: none; } } } // // Left side navigation // .bd-sidebar { order: 0; // background-color: #f5f2f9; border-bottom: 1px solid rgba(0, 0, 0, .1); @include media-breakpoint-up(md) { @supports (position: sticky) { position: sticky; top: 4rem; z-index: 1000; height: calc(100vh - 4rem); } border-right: 1px solid rgba(0, 0, 0, .1); } @include media-breakpoint-up(xl) { flex: 0 1 320px; } } .bd-links { padding-top: 1rem; padding-bottom: 1rem; margin-right: -15px; margin-left: -15px; @include media-breakpoint-up(md) { @supports (position: sticky) { max-height: calc(100vh - 9rem); overflow-y: auto; } } // Override collapse behaviors @include media-breakpoint-up(md) { display: block !important; } } .bd-search { position: relative; // To contain the Algolia search padding: 1rem 15px; margin-right: -15px; margin-left: -15px; border-bottom: 1px solid rgba(0, 0, 0, .05); .form-control:focus { border-color: $bd-purple-bright; box-shadow: 0 0 0 3px rgba($bd-purple-bright, .25); } } .bd-search-docs-toggle { line-height: 1; color: $gray-900; } .bd-sidenav { display: none; } .bd-toc-link { display: block; padding: .25rem 1.5rem; font-weight: 500; color: rgba(0, 0, 0, .65); &:hover { color: rgba(0, 0, 0, .85); text-decoration: none; } } .bd-toc-item { &.active { margin-bottom: 1rem; &:not(:first-child) { margin-top: 1rem; } > .bd-toc-link { color: rgba(0, 0, 0, .85); &:hover { background-color: transparent; } } > .bd-sidenav { display: block; } } } // All levels of nav .bd-sidebar .nav > li > a { display: block; padding: .25rem 1.5rem; font-size: 90%; color: rgba(0, 0, 0, .65); } .bd-sidebar .nav > li > a:hover { color: rgba(0, 0, 0, .85); text-decoration: none; background-color: transparent; } .bd-sidebar .nav > .active > a, .bd-sidebar .nav > .active:hover > a { font-weight: 500; color: rgba(0, 0, 0, .85); background-color: transparent; }