[theme-danix.xyz.git] / assets / sass / bourbon / bourbon / library / _margin.scss

@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);
}
Commit	Line	Data
2d3ca553	1	@charset "UTF-8";
	2
	3	/// Provides a concise, one-line method for setting `margin` on specific edges
	4	/// of a box. Use a `null` value to “skip” edges of the box with standard
	5	/// CSS shorthand.
	6	///
	7	/// @argument {list} $values
	8	/// List of margin values; accepts CSS shorthand.
	9	///
	10	/// @example scss
	11	/// .element {
	12	/// @include margin(null auto);
	13	/// }
	14	///
	15	/// // CSS Output
	16	/// .element {
	17	/// margin-left: auto;
	18	/// margin-right: auto;
	19	/// }
	20	///
	21	/// @example scss
	22	/// .element {
	23	/// @include margin(10px 3em 20vh null);
	24	/// }
	25	///
	26	/// // CSS Output
	27	/// .element {
	28	/// margin-bottom: 20vh;
	29	/// margin-right: 3em;
	30	/// margin-top: 10px;
	31	/// }
	32	///
	33	/// @require {mixin} _directional-property
	34
	35	@mixin margin($values) {
	36	@include _directional-property(margin, null, $values);
	37	}