package.scss._orange-navbar.scss Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of boosted Show documentation

Orange Boosted with Bootstrap is a Bootstrap based, Orange branded accessible and ergonomic components library.

The newest version!

// Contents
//
// Supra bar
// Brand exclusive thin navbar that can be used with orange navbar
.supra {
  // scss-docs-start supra-navbar-css-vars
  --#{$prefix}navbar-padding-y: 0px;
  --#{$prefix}navbar-nav-font-size: #{$font-size-sm};
  --#{$prefix}navbar-nav-line-height: #{$line-height-sm};
  --#{$prefix}navbar-nav-link-padding-y: #{$navbar-supra-link-padding-y};
  --#{$prefix}navbar-nav-link-padding-x: #{$navbar-supra-link-padding-x};
  --#{$prefix}navbar-nav-icon-padding-y: #{$navbar-supra-icon-padding-y};
  --#{$prefix}navbar-nav-icon-padding-x: #{$navbar-supra-icon-padding-x};
  --#{$prefix}navbar-nav-icon-size: #{$navbar-supra-icon-size};
  // scss-docs-end supra-navbar-css-vars

  display: none;

  .navbar-nav .nav-link {
    padding-top: var(--#{$prefix}navbar-nav-link-padding-y);

    &.nav-icon {
      padding-top: add(var(--#{$prefix}navbar-nav-icon-padding-y), .3125rem);
    }
  }

  &.navbar-nav .nav-link {
    margin-right: 0;
  }
}

.header-minimized :first-child:not(.supra),
.header-minimized .supra + .navbar {
  // scss-docs-start minimized-navbar-css-vars
  @include media-breakpoint-up(md){
    --#{$prefix}navbar-padding-y: 0px;
    --#{$prefix}navbar-brand-margin-y: #{$navbar-minimized-brand-margin-y};
    --#{$prefix}navbar-brand-logo-size: #{$navbar-brand-logo-size-xs};
    --#{$prefix}navbar-brand-font-size: #{$navbar-brand-font-size-xs};
    --#{$prefix}navbar-brand-letter-spacing: #{$navbar-brand-letter-spacing-xs};
    --#{$prefix}navbar-nav-icon-padding-y: #{$navbar-minimized-nav-icon-padding-y};
    --#{$prefix}navbar-toggler-padding-y: #{$navbar-minimized-toggler-padding-y};

    .two-lined {
      --#{$prefix}navbar-brand-font-size: #{$navbar-brand-font-size-two-lined-xs};
      --#{$prefix}navbar-brand-letter-spacing: #{$navbar-brand-letter-spacing-two-lined-xs};
    }
  }
  // scss-docs-end minimized-navbar-css-vars
}