Spacing is not passed down to children
This commit is contained in:
parent
39807a7377
commit
e89d51bd11
@ -1,5 +1,8 @@
|
|||||||
{
|
{
|
||||||
"title": "FlexGRid",
|
"title": "FlexGRid",
|
||||||
|
"context": {
|
||||||
|
"item-shadow" : "drop"
|
||||||
|
},
|
||||||
"variants": [
|
"variants": [
|
||||||
{
|
{
|
||||||
"name": "AutoWidth",
|
"name": "AutoWidth",
|
||||||
@ -18,6 +21,12 @@
|
|||||||
"context": {
|
"context": {
|
||||||
"modifier": "--masonry"
|
"modifier": "--masonry"
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Horizontal Masonry",
|
||||||
|
"context": {
|
||||||
|
"modifier": "--horizontalMasonry"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
@ -1,38 +1,55 @@
|
|||||||
RV-Spacing__Outer--small()
|
RV-Spacing__Outer--small()
|
||||||
+RV-Element__Modifier('small')
|
+RV-Element__Modifier('small')
|
||||||
margin spacing-small
|
|
||||||
--outer-spacing spacing-small
|
--outer-spacing spacing-small
|
||||||
|
margin var(--outer-spacing)
|
||||||
|
* > {
|
||||||
|
--outer-spacing 0
|
||||||
|
}
|
||||||
|
|
||||||
RV-Spacing__Outer--medium()
|
RV-Spacing__Outer--medium()
|
||||||
+RV-Element__Modifier('medium')
|
+RV-Element__Modifier('medium')
|
||||||
margin spacing-medium
|
|
||||||
--outer-spacing spacing-medium
|
--outer-spacing spacing-medium
|
||||||
|
margin var(--outer-spacing)
|
||||||
|
* > {
|
||||||
|
--outer-spacing 0
|
||||||
|
}
|
||||||
|
|
||||||
RV-Spacing__Outer--large()
|
RV-Spacing__Outer--large()
|
||||||
+RV-Element__Modifier('large')
|
+RV-Element__Modifier('large')
|
||||||
margin spacing-large
|
|
||||||
--outer-spacing spacing-large
|
--outer-spacing spacing-large
|
||||||
|
|
||||||
|
* > {
|
||||||
|
--outer-spacing 0
|
||||||
|
}
|
||||||
RV-Spacing__Inner--small()
|
RV-Spacing__Inner--small()
|
||||||
+RV-Element__Modifier('small')
|
+RV-Element__Modifier('small')
|
||||||
padding spacing-small
|
|
||||||
gap spacing-small
|
|
||||||
column-gap spacing-small
|
|
||||||
--inner-spacing spacing-small
|
--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-Spacing__Inner--medium()
|
||||||
+RV-Element__Modifier('medium')
|
+RV-Element__Modifier('medium')
|
||||||
padding spacing-medium
|
|
||||||
gap spacing-medium
|
|
||||||
column-gap spacing-medium
|
|
||||||
--inner-spacing spacing-medium
|
--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-Spacing__Inner--large()
|
||||||
+RV-Element__Modifier('large')
|
+RV-Element__Modifier('large')
|
||||||
padding spacing-large
|
|
||||||
gap spacing-large
|
|
||||||
column-gap spacing-large
|
|
||||||
--inner-spacing spacing-large
|
--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-Block('RV-Spacing')
|
||||||
+RV-Element('Outer')
|
+RV-Element('Outer')
|
||||||
|
Loading…
Reference in New Issue
Block a user