Spacing is a special case, no bem generator here
This commit is contained in:
parent
a1d1f85085
commit
47f7f7efcf
@ -1,63 +1,65 @@
|
||||
RV-Spacing__Outer--small()
|
||||
+RV-Element--modifier()
|
||||
--outer-spacing spacing-small
|
||||
margin var(--outer-spacing)
|
||||
* > {
|
||||
--outer-spacing 0
|
||||
}
|
||||
--outer-spacing spacing-small
|
||||
margin var(--outer-spacing)
|
||||
* > {
|
||||
--outer-spacing 0
|
||||
}
|
||||
|
||||
RV-Spacing__Outer--medium()
|
||||
+RV-Element--modifier()
|
||||
--outer-spacing spacing-medium
|
||||
margin var(--outer-spacing)
|
||||
* > {
|
||||
--outer-spacing 0
|
||||
}
|
||||
--outer-spacing spacing-medium
|
||||
margin var(--outer-spacing)
|
||||
* > {
|
||||
--outer-spacing 0
|
||||
}
|
||||
|
||||
RV-Spacing__Outer--large()
|
||||
+RV-Element--modifier()
|
||||
--outer-spacing spacing-large
|
||||
margin var(--outer-spacing)
|
||||
* > {
|
||||
--outer-spacing 0
|
||||
}
|
||||
--outer-spacing spacing-large
|
||||
margin var(--outer-spacing)
|
||||
* > {
|
||||
--outer-spacing 0
|
||||
}
|
||||
|
||||
RV-Spacing__Inner--small()
|
||||
+RV-Element--modifier()
|
||||
--inner-spacing spacing-small
|
||||
padding var(--inner-spacing)
|
||||
gap var(--inner-spacing)
|
||||
column-gap var(--inner-spacing)
|
||||
* > {
|
||||
--inner-spacing 0
|
||||
}
|
||||
--inner-spacing spacing-small
|
||||
padding var(--inner-spacing)
|
||||
gap var(--inner-spacing)
|
||||
column-gap var(--inner-spacing)
|
||||
* > {
|
||||
--inner-spacing 0
|
||||
}
|
||||
|
||||
RV-Spacing__Inner--medium()
|
||||
+RV-Element--modifier()
|
||||
--inner-spacing spacing-medium
|
||||
padding var(--inner-spacing)
|
||||
gap var(--inner-spacing)
|
||||
column-gap var(--inner-spacing)
|
||||
* > {
|
||||
--inner-spacing 0
|
||||
}
|
||||
--inner-spacing spacing-medium
|
||||
padding var(--inner-spacing)
|
||||
gap var(--inner-spacing)
|
||||
column-gap var(--inner-spacing)
|
||||
* > {
|
||||
--inner-spacing 0
|
||||
}
|
||||
|
||||
RV-Spacing__Inner--large()
|
||||
+RV-Element--modifier()
|
||||
--inner-spacing spacing-large
|
||||
padding var(--inner-spacing)
|
||||
gap var(--inner-spacing)
|
||||
column-gap var(--inner-spacing)
|
||||
* > {
|
||||
--inner-spacing 0
|
||||
}
|
||||
--inner-spacing spacing-large
|
||||
padding var(--inner-spacing)
|
||||
gap var(--inner-spacing)
|
||||
column-gap var(--inner-spacing)
|
||||
* > {
|
||||
--inner-spacing 0
|
||||
}
|
||||
|
||||
+RV-Block('RV-Spacing')
|
||||
+RV-Element('Outer')
|
||||
RV-Spacing__Outer--small()
|
||||
RV-Spacing__Outer--medium()
|
||||
RV-Spacing__Outer--large()
|
||||
.RV-Spacing
|
||||
|
||||
+RV-Element('Inner')
|
||||
RV-Spacing__Inner--small()
|
||||
RV-Spacing__Inner--medium()
|
||||
RV-Spacing__Inner--large()
|
||||
&__Outer
|
||||
&--small
|
||||
RV-Spacing__Outer--small()
|
||||
&--medium
|
||||
RV-Spacing__Outer--medium()
|
||||
&--large
|
||||
RV-Spacing__Outer--large()
|
||||
|
||||
&__Inner
|
||||
&--small
|
||||
RV-Spacing__Inner--small()
|
||||
&--medium
|
||||
RV-Spacing__Inner--medium()
|
||||
&--large
|
||||
RV-Spacing__Inner--large()
|
Loading…
Reference in New Issue
Block a user