Contents

@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.";
  }
}

Version data entries

17 entries across 17 versions & 3 rubygems

Version	Path
baseline-scss-0.5.0	src/vendors/bourbon/library/_size.scss
baseline-scss-0.4.4	src/vendors/bourbon/library/_size.scss
baseline-scss-0.4.3	src/vendors/bourbon/library/_size.scss
baseline-scss-0.4.2	src/vendors/bourbon/library/_size.scss
baseline-scss-0.4.1	src/vendors/bourbon/library/_size.scss
baseline-scss-0.4.0	src/vendors/bourbon/library/_size.scss
baseline-scss-0.3.3	src/vendors/bourbon/library/_size.scss
baseline-scss-0.3.2	src/vendors/bourbon/library/_size.scss
baseline-scss-0.3.1	src/vendors/bourbon/library/_size.scss
baseline-scss-0.3.0	src/vendors/bourbon/library/_size.scss
bourbon-7.3.0	core/bourbon/library/_size.scss
bourbon-7.2.0	core/bourbon/library/_size.scss
bourbon-7.1.0	core/bourbon/library/_size.scss
geekspace-3.2.0	_sass/bourbon/bourbon/library/_size.scss
geekspace-3.1.2	_sass/bourbon/bourbon/library/_size.scss
geekspace-3.1.1	_sass/bourbon/bourbon/library/_size.scss
bourbon-7.0.0	core/bourbon/library/_size.scss