Sha256: 2a550a66fb7e36e056a9da19915874f87250317941ef8d30b119ed26f2bf47e6
Contents?: true
Size: 1.56 KB
Versions: 66
Compression:
Stored size: 1.56 KB
Contents
// Foundation for Sites by ZURB
// foundation.zurb.com
// Licensed under MIT Open Source
////
/// @group forms
////
/// Background color for select menus.
/// @type Color
$select-background: $white !default;
/// Color of the dropdown triangle inside select menus. Set to `transparent` to remove it entirely.
/// @type Color
$select-triangle-color: $dark-gray !default;
/// Default radius for select menus.
/// @type Color
$select-radius: $global-radius !default;
@mixin form-select {
$height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));
height: $height;
padding: ($form-spacing / 2);
border: $input-border;
margin: 0 0 $form-spacing;
font-size: $input-font-size;
font-family: $input-font-family;
line-height: normal;
color: $input-color;
background-color: $select-background;
border-radius: $select-radius;
-webkit-appearance: none;
-moz-appearance: none;
@if $select-triangle-color != transparent {
@include background-triangle($select-triangle-color);
background-size: 9px 6px;
background-position: $global-right (-$form-spacing) center;
background-origin: content-box;
background-repeat: no-repeat;
padding-#{$global-right}: ($form-spacing * 1.5);
}
// Disabled state
&:disabled {
background-color: $input-background-disabled;
cursor: $input-cursor-disabled;
}
// Hide the dropdown arrow shown in newer IE versions
&::-ms-expand {
display: none;
}
&[multiple] {
height: auto;
background-image: none;
}
}
@mixin foundation-form-select {
select {
@include form-select;
}
}
Version data entries
66 entries across 66 versions & 2 rubygems