Mercurial > nebulaweb3
comparison default/assets/scss/vendors/bourbon/library/_margin.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 `margin` on specific sides of a | |
4 /// box. Use a `null` value to “skip” a side. | |
5 /// | |
6 /// @argument {arglist} $values | |
7 /// List of margin values, defined as CSS shorthand. | |
8 /// | |
9 /// @example scss | |
10 /// .element { | |
11 /// @include margin(null auto); | |
12 /// } | |
13 /// | |
14 /// // CSS Output | |
15 /// .element { | |
16 /// margin-left: auto; | |
17 /// margin-right: auto; | |
18 /// } | |
19 /// | |
20 /// @example scss | |
21 /// .element { | |
22 /// @include margin(10px 3em 20vh null); | |
23 /// } | |
24 /// | |
25 /// // CSS Output | |
26 /// .element { | |
27 /// margin-bottom: 20vh; | |
28 /// margin-right: 3em; | |
29 /// margin-top: 10px; | |
30 /// } | |
31 /// | |
32 /// @require {mixin} _directional-property | |
33 | |
34 @mixin margin($values...) { | |
35 @include _directional-property(margin, false, $values...); | |
36 } |