_buttons.scss (1717B)
1 @charset "UTF-8"; 2 3 /// Generates variables for all buttons. Please note that you must use interpolation on the variable: `#{$all-buttons}`. 4 /// 5 /// @example scss - Usage 6 /// #{$all-buttons} { 7 /// background-color: #f00; 8 /// } 9 /// 10 /// #{$all-buttons-focus}, 11 /// #{$all-buttons-hover} { 12 /// background-color: #0f0; 13 /// } 14 /// 15 /// #{$all-buttons-active} { 16 /// background-color: #00f; 17 /// } 18 /// 19 /// @example css - CSS Output 20 /// button, 21 /// input[type="button"], 22 /// input[type="reset"], 23 /// input[type="submit"] { 24 /// background-color: #f00; 25 /// } 26 /// 27 /// button:focus, 28 /// input[type="button"]:focus, 29 /// input[type="reset"]:focus, 30 /// input[type="submit"]:focus, 31 /// button:hover, 32 /// input[type="button"]:hover, 33 /// input[type="reset"]:hover, 34 /// input[type="submit"]:hover { 35 /// background-color: #0f0; 36 /// } 37 /// 38 /// button:active, 39 /// input[type="button"]:active, 40 /// input[type="reset"]:active, 41 /// input[type="submit"]:active { 42 /// background-color: #00f; 43 /// } 44 /// 45 /// @require assign-inputs 46 /// 47 /// @type List 48 /// 49 /// @todo Remove double assigned variables (Lines 59–62) in v5.0.0 50 51 $buttons-list: 'button', 52 'input[type="button"]', 53 'input[type="reset"]', 54 'input[type="submit"]'; 55 56 $all-buttons: assign-inputs($buttons-list); 57 $all-buttons-active: assign-inputs($buttons-list, active); 58 $all-buttons-focus: assign-inputs($buttons-list, focus); 59 $all-buttons-hover: assign-inputs($buttons-list, hover); 60 61 $all-button-inputs: $all-buttons; 62 $all-button-inputs-active: $all-buttons-active; 63 $all-button-inputs-focus: $all-buttons-focus; 64 $all-button-inputs-hover: $all-buttons-hover;