Sha256: 97e21bbe87331e80239ff52e19ec2dbf9efdb4ddd61f52356b155c919d6a9b39

Contents?: true

Size: 1.99 KB

Versions: 23

Compression:

Stored size: 1.99 KB

Contents

// Select
//
// Replaces the browser default select with a custom one, mostly pulled from
// https://primer.github.io/.

.form-select {
  display: block;
  width: 100%;
  padding: $form-select-padding-y $form-select-indicator-padding $form-select-padding-y $form-select-padding-x;
  font-family: $form-select-font-family;
  @include font-size($form-select-font-size);
  font-weight: $form-select-font-weight;
  line-height: $form-select-line-height;
  color: $form-select-color;
  background-color: $form-select-bg;
  background-image: escape-svg($form-select-indicator);
  background-repeat: no-repeat;
  background-position: $form-select-bg-position;
  background-size: $form-select-bg-size;
  border: $form-select-border-width solid $form-select-border-color;
  @include border-radius($form-select-border-radius, 0);
  @include box-shadow($form-select-box-shadow);
  appearance: none;

  &:focus {
    border-color: $form-select-focus-border-color;
    outline: 0;
    @if $enable-shadows {
      @include box-shadow($form-select-box-shadow, $form-select-focus-box-shadow);
    } @else {
      // Avoid using mixin so we can pass custom focus shadow properly
      box-shadow: $form-select-focus-box-shadow;
    }
  }

  &[multiple],
  &[size]:not([size="1"]) {
    padding-right: $form-select-padding-x;
    background-image: none;
  }

  &:disabled {
    color: $form-select-disabled-color;
    background-color: $form-select-disabled-bg;
    border-color: $form-select-disabled-border-color;
  }

  // Remove outline from select box in FF
  &:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 $form-select-color;
  }
}

.form-select-sm {
  padding-top: $form-select-padding-y-sm;
  padding-bottom: $form-select-padding-y-sm;
  padding-left: $form-select-padding-x-sm;
  @include font-size($form-select-font-size-sm);
}

.form-select-lg {
  padding-top: $form-select-padding-y-lg;
  padding-bottom: $form-select-padding-y-lg;
  padding-left: $form-select-padding-x-lg;
  @include font-size($form-select-font-size-lg);
}

Version data entries

23 entries across 23 versions & 4 rubygems

Version Path
mumuki-styles-3.1.0 app/assets/stylesheets/vendor/bootstrap/forms/_form-select.scss
mumuki-styles-3.0.4 app/assets/stylesheets/vendor/bootstrap/forms/_form-select.scss
mumuki-styles-3.0.2.2 app/assets/stylesheets/vendor/bootstrap/forms/_form-select.scss
mumuki-styles-3.0.2.1 app/assets/stylesheets/vendor/bootstrap/forms/_form-select.scss
jekyll-bootstrap-theme-1.1.0 _sass/bootstrap/forms/_form-select.scss
administrate-bootstrap-theme-0.2.2 app/assets/stylesheets/administrate-bootstrap-theme/bootstrap/forms/_form-select.scss
bootstrap-5.0.1 assets/stylesheets/bootstrap/forms/_form-select.scss
mumuki-styles-3.0.3 app/assets/stylesheets/vendor/bootstrap/forms/_form-select.scss
mumuki-styles-3.0.2 app/assets/stylesheets/vendor/bootstrap/forms/_form-select.scss
jekyll-bootstrap-theme-1.0.0 _sass/bootstrap/forms/_form-select.scss
bootstrap-5.0.0 assets/stylesheets/bootstrap/forms/_form-select.scss
jekyll-bootstrap-theme-0.1.1 _sass/bootstrap/forms/_form-select.scss
jekyll-bootstrap-theme-0.1.0 _sass/bootstrap/forms/_form-select.scss
administrate-bootstrap-theme-0.2.0 app/assets/stylesheets/administrate-bootstrap-theme/bootstrap/forms/_form-select.scss
mumuki-styles-3.0.1 app/assets/stylesheets/vendor/bootstrap/forms/_form-select.scss
bootstrap-5.0.0.beta3 assets/stylesheets/bootstrap/forms/_form-select.scss
administrate-bootstrap-theme-0.1.9 node_modules/bootstrap/scss/forms/_form-select.scss
administrate-bootstrap-theme-0.1.8 node_modules/bootstrap/scss/forms/_form-select.scss
administrate-bootstrap-theme-0.1.6 node_modules/bootstrap/scss/forms/_form-select.scss
administrate-bootstrap-theme-0.1.4 node_modules/bootstrap/scss/forms/_form-select.scss