Mercurial > nebulaweb3
diff default/assets/scss/vendors/bourbon/library/_padding.scss @ 0:1d038bc9b3d2 default tip
Up:default
author | Liny <dev@neowd.com> |
---|---|
date | Sat, 31 May 2025 09:21:51 +0800 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/default/assets/scss/vendors/bourbon/library/_padding.scss Sat May 31 09:21:51 2025 +0800 @@ -0,0 +1,36 @@ +@charset "UTF-8"; + +/// Provides a quick method for targeting `padding` on specific sides of a +/// box. Use a `null` value to “skip” a side. +/// +/// @argument {arglist} $values +/// List of padding values, defined as 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, false, $values...); +}