Skip to content
This repository has been archived by the owner on Sep 13, 2024. It is now read-only.

Commit

Permalink
Revert html5-input-types
Browse files Browse the repository at this point in the history
  • Loading branch information
Phil LaPier committed Apr 19, 2014
1 parent a47293c commit ccf954f
Show file tree
Hide file tree
Showing 3 changed files with 39 additions and 27 deletions.
1 change: 0 additions & 1 deletion app/assets/stylesheets/_bourbon.scss
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,6 @@
@import "helpers/shape-size-stripper";

// Custom Functions
@import "functions/assign";
@import "functions/color-lightness";
@import "functions/flex-grid";
@import "functions/golden-ratio";
Expand Down
54 changes: 39 additions & 15 deletions app/assets/stylesheets/addons/_html5-input-types.scss
Original file line number Diff line number Diff line change
Expand Up @@ -20,19 +20,29 @@ $inputs-list: 'input[type="email"]',
'input[type="time"]',
'input[type="week"]';

// Bare inputs
//************************************************************************//
$all-text-inputs: assign-inputs($inputs-list);
$unquoted-inputs-list: ();
@each $input-type in $inputs-list {
$unquoted-inputs-list: append($unquoted-inputs-list, unquote($input-type), comma);
}

$all-text-inputs: $unquoted-inputs-list;


// Hover Pseudo-class
//************************************************************************//
$all-text-inputs-hover: assign-inputs($inputs-list, hover);
$all-text-inputs-hover: ();
@each $input-type in $unquoted-inputs-list {
$input-type-hover: $input-type + ":hover";
$all-text-inputs-hover: append($all-text-inputs-hover, $input-type-hover, comma);
}

// Focus Pseudo-class
//************************************************************************//
$all-text-inputs-focus: assign-inputs($inputs-list, focus);


$all-text-inputs-focus: ();
@each $input-type in $unquoted-inputs-list {
$input-type-focus: $input-type + ":focus";
$all-text-inputs-focus: append($all-text-inputs-focus, $input-type-focus, comma);
}

// You must use interpolation on the variable:
// #{$all-text-inputs}
Expand All @@ -55,23 +65,37 @@ $inputs-button-list: 'input[type="button"]',
'input[type="reset"]',
'input[type="submit"]';

// Bare inputs
//************************************************************************//
$all-button-inputs: assign-inputs($inputs-button-list);
$unquoted-inputs-button-list: ();
@each $input-type in $inputs-button-list {
$unquoted-inputs-button-list: append($unquoted-inputs-button-list, unquote($input-type), comma);
}

$all-button-inputs: $unquoted-inputs-button-list;


// Hover Pseudo-class
//************************************************************************//
$all-button-inputs-hover: assign-inputs($inputs-button-list, hover);
$all-button-inputs-hover: ();
@each $input-type in $unquoted-inputs-button-list {
$input-type-hover: $input-type + ":hover";
$all-button-inputs-hover: append($all-button-inputs-hover, $input-type-hover, comma);
}

// Focus Pseudo-class
//************************************************************************//
$all-button-inputs-focus: assign-inputs($inputs-button-list, focus);
$all-button-inputs-focus: ();
@each $input-type in $unquoted-inputs-button-list {
$input-type-focus: $input-type + ":focus";
$all-button-inputs-focus: append($all-button-inputs-focus, $input-type-focus, comma);
}

// Active Pseudo-class
//************************************************************************//
$all-button-inputs-active: assign-inputs($inputs-button-list, active);


$all-button-inputs-active: ();
@each $input-type in $unquoted-inputs-button-list {
$input-type-active: $input-type + ":active";
$all-button-inputs-active: append($all-button-inputs-active, $input-type-active, comma);
}

// You must use interpolation on the variable:
// #{$all-button-inputs}
Expand Down
11 changes: 0 additions & 11 deletions app/assets/stylesheets/functions/_assign.scss

This file was deleted.

0 comments on commit ccf954f

Please sign in to comment.