Initial public release.
This commit is contained in:
41
src/foundation/util/_selector.scss
Normal file
41
src/foundation/util/_selector.scss
Normal file
@@ -0,0 +1,41 @@
|
||||
// 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;
|
||||
}
|
||||
Reference in New Issue
Block a user