PHP Classes

File: assets/vendor/bootstrap-md/scss/free/_navbars.scss

Recommend this page to a friend!
  Classes of akeel   F3A   assets/vendor/bootstrap-md/scss/free/_navbars.scss   Download  
File: assets/vendor/bootstrap-md/scss/free/_navbars.scss
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: F3A
PHP Web development framework like Laravel lite
Author: By
Last change:
Date: 2 years ago
Size: 2,573 bytes
 

Contents

Class file image Download
// Navbars .navbar { font-weight: $navbar-font-weight; box-shadow: $z-depth-1; form { .md-form { input { margin: 0 $navbar-form-input-mr $navbar-form-input-mb $navbar-form-input-ml; } } } .breadcrumb { padding: $navbar-breadcrumb-padding-top 0 0 $navbar-breadcrumb-padding-left; margin: 0; font-size: $navbar-double-font-size; font-weight: $navbar-font-weight; background-color: inherit; .breadcrumb-item { color: $white-base; &.active { color: $navbar-breadcrumb-color; } &:before { color: $navbar-breadcrumb-color; } } } .navbar-toggler { border-width: 0; outline: 0; } .nav-flex-icons { flex-direction: row; } .container { @media (max-width: $medium-screen) { width: 100%; .navbar-toggler-right { right: 0; } } } .nav-item { .nav-link { display: block; &.disabled { &:active { pointer-events: none; } } .fas, .fab, .far { padding-right: $navbar-flex-icons-padding-lg; padding-left: $navbar-flex-icons-padding-lg; } @media (max-width: $medium-screen) { padding-right: $navbar-flex-icons-padding-md; padding-left: $navbar-flex-icons-padding-md; } } } .dropdown-menu { position: absolute !important; margin-top: 0; a { padding: $navbar-dropdown-menu-padding; font-size: $navbar-dropdown-font-size; font-weight: $navbar-font-weight; &:not(.active) { color: $black; } } form { @media (max-width: $small-screen) { width: 17rem; } @media (min-width: $small-screen) { width: 22rem; } } } &.navbar-light { @include make-navbar($navbar-light-disabled-color, $navbar-light-toggler-icon, $black, $navbar-light-hover-color, $navbar-light-bg-active-color); } &.navbar-dark { @include make-navbar($navbar-dark-disabled-color, $navbar-dark-toggler-icon, $white, $navbar-dark-hover-color, $navbar-dark-bg-active-color); } &.scrolling-navbar { @media (min-width: $small-screen) { padding-top: $navbar-scrolling-padding; padding-bottom: $navbar-scrolling-padding; transition: $navbar-scrolling-transition; .navbar-nav > li { transition-duration: $navbar-scrolling-transition-duration; } &.top-nav-collapse { padding-top: $navbar-top-collapse-padding; padding-bottom: $navbar-top-collapse-padding; } } } }