Mercurial > nebulaweb3
diff default/assets/scss/vendors/bourbon/library/_size.scss @ 0:1d038bc9b3d2 default tip
Up:default
author | Liny <dev@neowd.com> |
---|---|
date | Sat, 31 May 2025 09:21:51 +0800 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/default/assets/scss/vendors/bourbon/library/_size.scss Sat May 31 09:21:51 2025 +0800 @@ -0,0 +1,51 @@ +@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."; + } +}