|
0
|
1 @charset "UTF-8";
|
|
|
2
|
|
|
3 /// Sets the `width` and `height` of the element in one statement.
|
|
|
4 ///
|
|
|
5 /// @argument {number (with unit) | string} $width
|
|
|
6 ///
|
|
|
7 /// @argument {number (with unit) | string} $height [$width]
|
|
|
8 ///
|
|
|
9 /// @example scss
|
|
|
10 /// .first-element {
|
|
|
11 /// @include size(2em);
|
|
|
12 /// }
|
|
|
13 ///
|
|
|
14 /// // CSS Output
|
|
|
15 /// .first-element {
|
|
|
16 /// width: 2em;
|
|
|
17 /// height: 2em;
|
|
|
18 /// }
|
|
|
19 ///
|
|
|
20 /// @example scss
|
|
|
21 /// .second-element {
|
|
|
22 /// @include size(auto, 10em);
|
|
|
23 /// }
|
|
|
24 ///
|
|
|
25 /// // CSS Output
|
|
|
26 /// .second-element {
|
|
|
27 /// width: auto;
|
|
|
28 /// height: 10em;
|
|
|
29 /// }
|
|
|
30 ///
|
|
|
31 /// @require {function} _is-size
|
|
|
32
|
|
|
33 @mixin size(
|
|
|
34 $width,
|
|
|
35 $height: $width
|
|
|
36 ) {
|
|
|
37
|
|
|
38 @if _is-size($height) {
|
|
|
39 height: $height;
|
|
|
40 } @else {
|
|
|
41 @error "`#{$height}` is not a valid length for the `$height` argument " +
|
|
|
42 "in the `size` mixin.";
|
|
|
43 }
|
|
|
44
|
|
|
45 @if _is-size($width) {
|
|
|
46 width: $width;
|
|
|
47 } @else {
|
|
|
48 @error "`#{$width}` is not a valid length for the `$width` argument " +
|
|
|
49 "in the `size` mixin.";
|
|
|
50 }
|
|
|
51 }
|
