Sha256: 53af7dc8ac874a4eddf792af349eed1525c653cc892e6b6a76d434f3a422e84e

Contents?: true

Size: 822 Bytes

Versions: 28

Compression:

Stored size: 822 Bytes

Contents

@charset "UTF-8";

/// Provides a concise, one-line method for setting `margin` on specific edges
/// of a box. Use a `null` value to “skip” edges of the box with standard
/// CSS shorthand.
///
/// @argument {list} $values
///   List of margin values; accepts CSS shorthand.
///
/// @example scss
///   .element {
///     @include margin(null auto);
///   }
///
///   // CSS Output
///   .element {
///     margin-left: auto;
///     margin-right: auto;
///   }
///
/// @example scss
///   .element {
///     @include margin(10px 3em 20vh null);
///   }
///
///   // CSS Output
///   .element {
///     margin-bottom: 20vh;
///     margin-right: 3em;
///     margin-top: 10px;
///   }
///
/// @require {mixin} _directional-property

@mixin margin($values) {
  @include _directional-property(margin, null, $values);
}

Version data entries

28 entries across 28 versions & 5 rubygems

Version Path
bourbon-5.0.0 core/bourbon/library/_margin.scss
dream-theme-0.1.0 _sass/bourbon/bourbon/library/_margin.scss
bourbon-5.0.0.beta.8 core/bourbon/library/_margin.scss
spice-rack-0.4.0 _sass/bourbon/bourbon/library/_margin.scss
spice-rack-0.3.0 _sass/bourbon/bourbon/library/_margin.scss
spice-rack-0.2.0 _sass/bourbon/bourbon/library/_margin.scss
spice-rack-0.1.0 _sass/bourbon/bourbon/library/_margin.scss
bourbon-5.0.0.beta.7 core/bourbon/library/_margin.scss