42 lines
927 B
SCSS
42 lines
927 B
SCSS
|
// Foundation for Sites by ZURB
|
||
|
|
// foundation.zurb.com
|
||
|
|
// Licensed under MIT Open Source
|
||
|
|
|
||
|
|
////
|
||
|
|
/// @group functions
|
||
|
|
////
|
||
|
|
|
||
|
|
/// Generates a selector with every text input type. You can also filter the list to only output a subset of those selectors.
|
||
|
|
///
|
||
|
|
/// @param {List|Keyword} $types [()] - A list of text input types to use. Leave blank to use all of them.
|
||
|
|
/// @param {Keyword} $modifier [''] - A modifier to be applied to each text input type (e.g. a class or a pseudo-class). Leave blank to ignore.
|
||
|
|
@function text-inputs($types: (), $modifier: '') {
|
||
|
|
$return: ();
|
||
|
|
|
||
|
|
$all-types:
|
||
|
|
text
|
||
|
|
password
|
||
|
|
date
|
||
|
|
datetime
|
||
|
|
datetime-local
|
||
|
|
month
|
||
|
|
week
|
||
|
|
email
|
||
|
|
number
|
||
|
|
search
|
||
|
|
tel
|
||
|
|
time
|
||
|
|
url
|
||
|
|
color;
|
||
|
|
|
||
|
|
@if not has-value($types) {
|
||
|
|
$types: $all-types;
|
||
|
|
}
|
||
|
|
|
||
|
|
@each $type in $types {
|
||
|
|
$return: append($return, unquote('[type=\'#{$type}\']#{$modifier}'), comma);
|
||
|
|
}
|
||
|
|
|
||
|
|
@return $return;
|
||
|
|
}
|