Warning, /iDDS/monitor/data/scss/bootstrap/forms/_form-select.scss is written in an unsupported language. File is not indexed.
0001 // Select
0002 //
0003 // Replaces the browser default select with a custom one, mostly pulled from
0004 // https://primer.github.io/.
0005
0006 .form-select {
0007 display: block;
0008 width: 100%;
0009 padding: $form-select-padding-y ($form-select-padding-x + $form-select-indicator-padding) $form-select-padding-y $form-select-padding-x;
0010 font-family: $form-select-font-family;
0011 @include font-size($form-select-font-size);
0012 font-weight: $form-select-font-weight;
0013 line-height: $form-select-line-height;
0014 color: $form-select-color;
0015 vertical-align: middle;
0016 background-color: $form-select-bg;
0017 background-image: escape-svg($form-select-indicator);
0018 background-repeat: no-repeat;
0019 background-position: $form-select-bg-position;
0020 background-size: $form-select-bg-size;
0021 border: $form-select-border-width solid $form-select-border-color;
0022 @include border-radius($form-select-border-radius, 0);
0023 @include box-shadow($form-select-box-shadow);
0024 appearance: none;
0025
0026 &:focus {
0027 border-color: $form-select-focus-border-color;
0028 outline: 0;
0029 @if $enable-shadows {
0030 @include box-shadow($form-select-box-shadow, $form-select-focus-box-shadow);
0031 } @else {
0032 // Avoid using mixin so we can pass custom focus shadow properly
0033 box-shadow: $form-select-focus-box-shadow;
0034 }
0035 }
0036
0037 &[multiple],
0038 &[size]:not([size="1"]) {
0039 padding-right: $form-select-padding-x;
0040 background-image: none;
0041 }
0042
0043 &:disabled {
0044 color: $form-select-disabled-color;
0045 background-color: $form-select-disabled-bg;
0046 border-color: $form-select-disabled-border-color;
0047 }
0048
0049 // Remove outline from select box in FF
0050 &:-moz-focusring {
0051 color: transparent;
0052 text-shadow: 0 0 0 $form-select-color;
0053 }
0054 }
0055
0056 .form-select-sm {
0057 padding-top: $form-select-padding-y-sm;
0058 padding-bottom: $form-select-padding-y-sm;
0059 padding-left: $form-select-padding-x-sm;
0060 @include font-size($form-select-font-size-sm);
0061 }
0062
0063 .form-select-lg {
0064 padding-top: $form-select-padding-y-lg;
0065 padding-bottom: $form-select-padding-y-lg;
0066 padding-left: $form-select-padding-x-lg;
0067 @include font-size($form-select-font-size-lg);
0068 }
