Sha256: ddb154993c32670f6120c3bf77e52c7405ba2cd546e10caee1fabd67a572431e

Contents?: true

Size: 594 Bytes

Versions: 132

Compression:

Stored size: 594 Bytes

Contents

@charset "UTF-8";

/// Provides a quick method for targeting `margin` on specific sides of a box. Use a `null` value to “skip” a side.
///
/// @param {Arglist} $vals
///   List of arguments
///
/// @example scss - Usage
///   .element {
///     @include margin(null 10px 3em 20vh);
///   }
///
/// @example css - CSS Output
///   .element {
///     margin-bottom: 3em;
///     margin-left: 20vh;
///     margin-right: 10px;
///   }
///
/// @require {mixin} directional-property
///
/// @output `margin`

@mixin margin($vals...) {
  @include directional-property(margin, false, $vals...);
}

Version data entries

132 entries across 125 versions & 21 rubygems

Version Path
bourbon-4.2.4 app/assets/stylesheets/addons/_margin.scss
solidus_backend-1.0.0.pre3 vendor/bundle/gems/bourbon-4.2.3/app/assets/stylesheets/addons/_margin.scss
nesta-contentfocus-extensions-0.0.3 assets/stylesheets/bourbon/addons/_margin.scss
nesta-contentfocus-extensions-0.0.2 assets/stylesheets/bourbon/addons/_margin.scss
solidus_backend-1.0.0.pre2 vendor/bundle/gems/bourbon-4.2.3/app/assets/stylesheets/addons/_margin.scss
mifflin-0.1.1 vendor/assets/bower_components/bourbon/app/assets/stylesheets/addons/_margin.scss
bourbon-4.2.3 app/assets/stylesheets/addons/_margin.scss
bourbon-4.2.2 app/assets/stylesheets/addons/_margin.scss
bourbon-4.2.1 app/assets/stylesheets/addons/_margin.scss
bourbon-4.2.0 app/assets/stylesheets/addons/_margin.scss
bourbon-4.2.0.beta app/assets/stylesheets/addons/_margin.scss
bourbon-4.2.0.pre app/assets/stylesheets/addons/_margin.scss