mirror of
https://github.com/scratchfoundation/scratchx.git
synced 2024-11-29 11:05:55 -05:00
64 lines
1.7 KiB
SCSS
64 lines
1.7 KiB
SCSS
@charset "UTF-8";
|
||
|
||
/// Generates variables for all buttons. Please note that you must use interpolation on the variable: `#{$all-buttons}`.
|
||
///
|
||
/// @example scss - Usage
|
||
/// #{$all-buttons} {
|
||
/// background-color: #f00;
|
||
/// }
|
||
///
|
||
/// #{$all-buttons-focus},
|
||
/// #{$all-buttons-hover} {
|
||
/// background-color: #0f0;
|
||
/// }
|
||
///
|
||
/// #{$all-buttons-active} {
|
||
/// background-color: #00f;
|
||
/// }
|
||
///
|
||
/// @example css - CSS Output
|
||
/// button,
|
||
/// input[type="button"],
|
||
/// input[type="reset"],
|
||
/// input[type="submit"] {
|
||
/// background-color: #f00;
|
||
/// }
|
||
///
|
||
/// button:focus,
|
||
/// input[type="button"]:focus,
|
||
/// input[type="reset"]:focus,
|
||
/// input[type="submit"]:focus,
|
||
/// button:hover,
|
||
/// input[type="button"]:hover,
|
||
/// input[type="reset"]:hover,
|
||
/// input[type="submit"]:hover {
|
||
/// background-color: #0f0;
|
||
/// }
|
||
///
|
||
/// button:active,
|
||
/// input[type="button"]:active,
|
||
/// input[type="reset"]:active,
|
||
/// input[type="submit"]:active {
|
||
/// background-color: #00f;
|
||
/// }
|
||
///
|
||
/// @require assign-inputs
|
||
///
|
||
/// @type List
|
||
///
|
||
/// @todo Remove double assigned variables (Lines 59–62) in v5.0.0
|
||
|
||
$buttons-list: 'button',
|
||
'input[type="button"]',
|
||
'input[type="reset"]',
|
||
'input[type="submit"]';
|
||
|
||
$all-buttons: assign-inputs($buttons-list);
|
||
$all-buttons-active: assign-inputs($buttons-list, active);
|
||
$all-buttons-focus: assign-inputs($buttons-list, focus);
|
||
$all-buttons-hover: assign-inputs($buttons-list, hover);
|
||
|
||
$all-button-inputs: $all-buttons;
|
||
$all-button-inputs-active: $all-buttons-active;
|
||
$all-button-inputs-focus: $all-buttons-focus;
|
||
$all-button-inputs-hover: $all-buttons-hover;
|