Spacing is not passed down to children

This commit is contained in:
reverend 2021-01-20 11:41:41 +01:00
parent 39807a7377
commit e89d51bd11
2 changed files with 40 additions and 14 deletions

View File

@ -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"
}
} }
] ]
} }

View File

@ -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')