Mercurial > nebulaweb3
comparison 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 |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:1d038bc9b3d2 |
---|---|
1 @charset "UTF-8"; | |
2 | |
3 /// Provides a quick method for targeting `padding` on specific sides of a | |
4 /// box. Use a `null` value to “skip” a side. | |
5 /// | |
6 /// @argument {arglist} $values | |
7 /// List of padding values, defined as 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, false, $values...); | |
36 } |