|
|
|
@ -51,6 +51,7 @@ $gf-form-label-margin: 0.2rem; |
|
|
|
|
display: block; |
|
|
|
|
font-size: $font-size-sm; |
|
|
|
|
margin-right: $gf-form-label-margin; |
|
|
|
|
|
|
|
|
|
border: $input-btn-border-width solid transparent; |
|
|
|
|
@include border-radius($label-border-radius-sm); |
|
|
|
|
} |
|
|
|
@ -103,71 +104,30 @@ $gf-form-label-margin: 0.2rem; |
|
|
|
|
&.gf-size-auto { width: auto; } |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.gf-form-input > select { |
|
|
|
|
width: 115%; |
|
|
|
|
min-width: 110%; |
|
|
|
|
max-width: 115%; |
|
|
|
|
height: 24px; |
|
|
|
|
margin: 0; |
|
|
|
|
padding: 0 20px 0 0; |
|
|
|
|
border: 0; |
|
|
|
|
outline: none; |
|
|
|
|
background: transparent; |
|
|
|
|
color: $input-color; |
|
|
|
|
font-size: 16px; |
|
|
|
|
font-weight: 400; |
|
|
|
|
line-height: 24px; |
|
|
|
|
text-indent: .01px; |
|
|
|
|
select.gf-form-input { |
|
|
|
|
text-overflow: ''; |
|
|
|
|
-webkit-appearance: none; |
|
|
|
|
-moz-appearance: menulist-text; // was set to "window" and caused odd display on windos and linux. |
|
|
|
|
appearance: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// This hides native dropdown button arrow in IE |
|
|
|
|
.gf-form-input > select::-ms-expand { |
|
|
|
|
display: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.gf-form-input:after > select:after { |
|
|
|
|
position: absolute; |
|
|
|
|
top: 50%; |
|
|
|
|
right: 10px; |
|
|
|
|
height: 12px; |
|
|
|
|
margin-top: -6px; |
|
|
|
|
padding: 0; |
|
|
|
|
background-color: transparent; |
|
|
|
|
color: $input-color; |
|
|
|
|
font: normal normal normal 14px/1 FontAwesome; |
|
|
|
|
text-align: center; |
|
|
|
|
content: '\f0d7'; |
|
|
|
|
pointer-events: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.gf-form-input > select:focus { |
|
|
|
|
outline: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// This hides focus around selected option in FF |
|
|
|
|
.gf-form-input > select:-moz-focusring { |
|
|
|
|
color: transparent; |
|
|
|
|
text-shadow: 0 0 0 #adafae; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// .gf-form-input { |
|
|
|
|
// margin: 0; |
|
|
|
|
// background: $input-color; |
|
|
|
|
// } |
|
|
|
|
|
|
|
|
|
.gf-form-select-interior { |
|
|
|
|
margin: 0; |
|
|
|
|
background-color: $input-bg; |
|
|
|
|
border: 1px solid $input-bg; |
|
|
|
|
} |
|
|
|
|
&:after { |
|
|
|
|
position: absolute; |
|
|
|
|
top: 50%; |
|
|
|
|
right: 10px; |
|
|
|
|
height: 12px; |
|
|
|
|
margin-top: -6px; |
|
|
|
|
padding: 0; |
|
|
|
|
background-color: transparent; |
|
|
|
|
color: $input-color; |
|
|
|
|
font: normal normal normal 14px/1 FontAwesome; |
|
|
|
|
text-align: center; |
|
|
|
|
content: '\f0d7'; |
|
|
|
|
pointer-events: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.gf-form-input > select { |
|
|
|
|
height: 34px; |
|
|
|
|
line-height: 34px; |
|
|
|
|
&:-moz-focusring { |
|
|
|
|
color: transparent; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.gf-form-btn { |
|
|
|
|