bootstrap-italia 2.17.3 → 3.0.0-alpha.0

package/src/scss/forms/_form-select.scss

@@ -1,59 +1,3 @@
-// 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;
-  -moz-padding-start: subtract($form-select-padding-x, 3px); // See https://github.com/twbs/bootstrap/issues/32636
-  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);
-  @include transition($form-select-transition);
-  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;
@@ -94,45 +38,12 @@
     margin-top: 0;
   }
 }
+
 .select-wrapper {
   position: relative;
-  label {
-    position: absolute;
-    color: $select-label-color;
-    font-size: $select-label-size;
-    display: block;
-    font-weight: $select-label-weight;
-    padding: 0 $input-spacing-x;
-    line-height: calc(2.5rem - 1px);
-    top: 0;
-    transform: translateY(-75%);
-  }
-  select {
-    border: none;
-    border-bottom: 1px solid $neutral-1-a7;
-    border-radius: 0;
-    padding: $input-spacing-y $input-spacing-x;
-    outline: 0;
-    height: $input-height;
-    width: 100%;
-    box-shadow: none;
-    transition: 0.2s ease-out;
-    font-weight: 700;
-    color: $color-text-base;
-    background-color: $white;
-    appearance: auto;
-    option {
-      font-weight: normal;
-    }
-    &:disabled {
-      background-color: $input-disabled-bg;
-      opacity: 1;
-      &:hover {
-        cursor: not-allowed;
-      }
-    }
-  }
 }
+
+// Bootstrap Select - TODO: refactor
 .bootstrap-select:not([class*='col-']):not([class*='form-control']):not(.input-group-btn) {
   width: 100%;
 }