Contents

@charset "UTF-8";

/// Sets the `width` and `height` of the element in one statement.
///
/// @param {number} $width
///
/// @param {number} $height [$width]
///
/// @example scss
/// .first-element {
///   @include size(2em);
/// }
///
/// .second-element {
///   @include size(auto, 10em);
/// }
///
/// @example css
/// .first-element {
///   width: 2em;
///   height: 2em;
/// }
///
/// .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` parameter in the `size` mixin.";
  }

  @if is-size($width) {
    width: $width;
  } @else {
    @error "`#{$width}` is not a valid length for the `$width` parameter in the `size` mixin.";
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
bourbon-5.0.0.alpha.0	core/bourbon/addons/_size.scss