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

@charset "UTF-8";

/// Provides a concise method for targeting `padding` on specific sides of a
/// box. Use a `null` value to “skip” a side.
///
/// @argument {list} $values
///   List of padding values; accepts CSS shorthand.
///
/// @example scss
///   .element-one {
///     @include padding(null 1rem);
///   }
///
///   // CSS Output
///   .element-one {
///     padding-left: 1rem;
///     padding-right: 1rem;
///   }
///
/// @example scss
///   .element-two {
///     @include padding(10vh null 10px 5%);
///   }
///
///   // CSS Output
///   .element-two {
///     padding-bottom: 10px;
///     padding-left: 5%;
///     padding-top: 10vh;
///   }
///
/// @require {mixin} _directional-property

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