FM / bootstrap

/home/techb158/dev.balacoffee.com/resources/src/assets/styles/vendor/bootstrap/

/home/techb158/dev.balacoffee.com/resources/src/assets/styles/vendor/bootstrap

Name	Size	Mode	Actions
.github/	-	0755	rm
mixins/	-	0755	rm
utilities/	-	0755	rm
.babelrc.js	298	0644	edit dl rm
.browserslistrc	205	0644	edit dl rm
.editorconfig	222	0644	edit dl rm
.eslintignore	61	0644	edit dl rm
.eslintrc.json	7099	0644	edit dl rm
.gitattributes	398	0644	edit dl rm
.gitignore	597	0644	edit dl rm
.stylelintignore	49	0644	edit dl rm
.stylelintrc	7635	0644	edit dl rm
.travis.yml	741	0644	edit dl rm
bootstrap-grid.scss	649	0644	edit dl rm
bootstrap-reboot.scss	411	0644	edit dl rm
bootstrap.scss	899	0644	edit dl rm
_alert.scss	1150	0644	edit dl rm
_badge.scss	982	0644	edit dl rm
_breadcrumb.scss	1278	0644	edit dl rm
_button-group.scss	3740	0644	edit dl rm
_buttons.scss	2780	0644	edit dl rm
_card.scss	6037	0644	edit dl rm
_carousel.scss	5253	0644	edit dl rm
_close.scss	873	0644	edit dl rm
_code.scss	968	0644	edit dl rm
_custom-forms.scss	12262	0644	edit dl rm
_dropdown.scss	3839	0644	edit dl rm
_forms.scss	8757	0644	edit dl rm
_functions.scss	2660	0644	edit dl rm
_grid.scss	1016	0644	edit dl rm
_images.scss	1146	0644	edit dl rm
_input-group.scss	5359	0644	edit dl rm
_jumbotron.scss	378	0644	edit dl rm
_list-group.scss	2887	0644	edit dl rm
_media.scss	83	0644	edit dl rm
_mixins.scss	984	0644	edit dl rm
_modal.scss	4934	0644	edit dl rm
_nav.scss	2022	0644	edit dl rm
_navbar.scss	6529	0644	edit dl rm
_pagination.scss	1874	0644	edit dl rm
_popover.scss	4536	0644	edit dl rm
_print.scss	3003	0644	edit dl rm
_progress.scss	864	0644	edit dl rm
_reboot.scss	11551	0644	edit dl rm
_root.scss	572	0644	edit dl rm
_tables.scss	3519	0644	edit dl rm
_toasts.scss	974	0644	edit dl rm
_tooltip.scss	2503	0644	edit dl rm
_transitions.scss	311	0644	edit dl rm
_type.scss	2115	0644	edit dl rm
_utilities.scss	436	0644	edit dl rm
_variables.scss	33188	0644	edit dl rm

Edit: /home/techb158/dev.balacoffee.com/resources/src/assets/styles/vendor/bootstrap/_navbar.scss (6529B)

// Contents
//
// Navbar
// Navbar brand
// Navbar nav
// Navbar text
// Navbar divider
// Responsive navbar
// Navbar position
// Navbar themes

// Navbar
//
// Provide a static navbar from which we expand to create full-width, fixed, and
// other navbar variations.

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap; // allow us to do the line break for collapsing content
  align-items: center;
  justify-content: space-between; // space out brand from logo
  padding: $navbar-padding-y $navbar-padding-x;

// Because flex properties aren't inherited, we need to redeclare these first
  // few properties so that content nested within behave properly.
  > .container,
  > .container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
}

// Navbar brand
//
// Used for brand, project, or site names.

.navbar-brand {
  display: inline-block;
  padding-top: $navbar-brand-padding-y;
  padding-bottom: $navbar-brand-padding-y;
  margin-right: $navbar-padding-x;
  font-size: $navbar-brand-font-size;
  line-height: inherit;
  white-space: nowrap;

@include hover-focus {
    text-decoration: none;
  }
}

// Navbar nav
//
// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).

.navbar-nav {
  display: flex;
  flex-direction: column; // cannot use `inherit` to get the `.navbar`s value
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;

.nav-link {
    padding-right: 0;
    padding-left: 0;
  }

.dropdown-menu {
    position: static;
    float: none;
  }
}

// Navbar text
//
//

.navbar-text {
  display: inline-block;
  padding-top: $nav-link-padding-y;
  padding-bottom: $nav-link-padding-y;
}

// Responsive navbar
//
// Custom styles for responsive collapsing and toggling of navbar contents.
// Powered by the collapse Bootstrap JavaScript plugin.

// When collapsed, prevent the toggleable navbar contents from appearing in
// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`
// on the `.navbar` parent.
.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  // For always expanded or extra full navbars, ensure content aligns itself
  // properly vertically. Can be easily overridden with flex utilities.
  align-items: center;
}

// Button for toggling the navbar when in its collapsed state
.navbar-toggler {
  padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;
  font-size: $navbar-toggler-font-size;
  line-height: 1;
  background-color: transparent; // remove default button style
  border: $border-width solid transparent; // remove default button style
  @include border-radius($navbar-toggler-border-radius);

@include hover-focus {
    text-decoration: none;
  }

// Opinionated: add "hand" cursor to non-disabled .navbar-toggler elements
  &:not(:disabled):not(.disabled) {
    cursor: pointer;
  }
}

// Keep as a separate element so folks can easily override it with another icon
// or image file as needed.
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

// Generate series of `.navbar-expand-*` responsive classes for configuring
// where your navbar collapses.
.navbar-expand {
  @each $breakpoint in map-keys($grid-breakpoints) {
    $next: breakpoint-next($breakpoint, $grid-breakpoints);
    $infix: breakpoint-infix($next, $grid-breakpoints);

&#{$infix} {
      @include media-breakpoint-down($breakpoint) {
        > .container,
        > .container-fluid {
          padding-right: 0;
          padding-left: 0;
        }
      }

@include media-breakpoint-up($next) {
        flex-flow: row nowrap;
        justify-content: flex-start;

.navbar-nav {
          flex-direction: row;

.dropdown-menu {
            position: absolute;
          }

.nav-link {
            padding-right: $navbar-nav-link-padding-x;
            padding-left: $navbar-nav-link-padding-x;
          }
        }

// For nesting containers, have to redeclare for alignment purposes
        > .container,
        > .container-fluid {
          flex-wrap: nowrap;
        }

.navbar-collapse {
          display: flex !important;  // stylelint-disable-line declaration-no-important

// Changes flex-bases to auto because of an IE10 bug
          flex-basis: auto;
        }

.navbar-toggler {
          display: none;
        }
      }
    }
  }
}

// Navbar themes
//
// Styles for switching between navbars with light or dark background.

// Dark links against a light background
.navbar-light {
  .navbar-brand {
    color: $navbar-light-active-color;

@include hover-focus {
      color: $navbar-light-active-color;
    }
  }

.navbar-nav {
    .nav-link {
      color: $navbar-light-color;

@include hover-focus {
        color: $navbar-light-hover-color;
      }

&.disabled {
        color: $navbar-light-disabled-color;
      }
    }

.show > .nav-link,
    .active > .nav-link,
    .nav-link.show,
    .nav-link.active {
      color: $navbar-light-active-color;
    }
  }

.navbar-toggler {
    color: $navbar-light-color;
    border-color: $navbar-light-toggler-border-color;
  }

.navbar-toggler-icon {
    background-image: $navbar-light-toggler-icon-bg;
  }

.navbar-text {
    color: $navbar-light-color;
    a {
      color: $navbar-light-active-color;

@include hover-focus {
        color: $navbar-light-active-color;
      }
    }
  }
}

// White links against a dark background
.navbar-dark {
  .navbar-brand {
    color: $navbar-dark-active-color;

@include hover-focus {
      color: $navbar-dark-active-color;
    }
  }

.navbar-nav {
    .nav-link {
      color: $navbar-dark-color;

@include hover-focus {
        color: $navbar-dark-hover-color;
      }

&.disabled {
        color: $navbar-dark-disabled-color;
      }
    }

.show > .nav-link,
    .active > .nav-link,
    .nav-link.show,
    .nav-link.active {
      color: $navbar-dark-active-color;
    }
  }

.navbar-toggler {
    color: $navbar-dark-color;
    border-color: $navbar-dark-toggler-border-color;
  }

.navbar-toggler-icon {
    background-image: $navbar-dark-toggler-icon-bg;
  }

.navbar-text {
    color: $navbar-dark-color;
    a {
      color: $navbar-dark-active-color;

@include hover-focus {
        color: $navbar-dark-active-color;
      }
    }
  }
}

cmd: