51 lines
994 B
SCSS
51 lines
994 B
SCSS
|
@charset "UTF-8";
|
||
|
|
||
|
/// Sets the `width` and `height` of the element in one statement.
|
||
|
///
|
||
|
/// @argument {number (with unit) | string} $width
|
||
|
///
|
||
|
/// @argument {number (with unit) | string} $height [$width]
|
||
|
///
|
||
|
/// @example scss
|
||
|
/// .first-element {
|
||
|
/// @include size(2em);
|
||
|
/// }
|
||
|
///
|
||
|
/// // CSS Output
|
||
|
/// .first-element {
|
||
|
/// width: 2em;
|
||
|
/// height: 2em;
|
||
|
/// }
|
||
|
///
|
||
|
/// @example scss
|
||
|
/// .second-element {
|
||
|
/// @include size(auto, 10em);
|
||
|
/// }
|
||
|
///
|
||
|
/// // CSS Output
|
||
|
/// .second-element {
|
||
|
/// width: auto;
|
||
|
/// height: 10em;
|
||
|
/// }
|
||
|
///
|
||
|
/// @require {function} _is-size
|
||
|
|
||
|
@mixin size(
|
||
|
$width,
|
||
|
$height: $width
|
||
|
) {
|
||
|
@if _is-size($height) {
|
||
|
height: $height;
|
||
|
} @else {
|
||
|
@error "`#{$height}` is not a valid length for the `$height` argument " +
|
||
|
"in the `size` mixin.";
|
||
|
}
|
||
|
|
||
|
@if _is-size($width) {
|
||
|
width: $width;
|
||
|
} @else {
|
||
|
@error "`#{$width}` is not a valid length for the `$width` argument " +
|
||
|
"in the `size` mixin.";
|
||
|
}
|
||
|
}
|