scss-library/components/02_Styles/spacing/_spacing.styl

63 lines
1.3 KiB
Stylus
Raw Normal View History

2021-01-03 12:36:12 +01:00
RV-Spacing__Outer--small()
+RV-Element__Modifier('small')
--outer-spacing spacing-small
2021-01-20 11:41:41 +01:00
margin var(--outer-spacing)
* > {
--outer-spacing 0
}
2021-01-03 12:36:12 +01:00
RV-Spacing__Outer--medium()
+RV-Element__Modifier('medium')
--outer-spacing spacing-medium
2021-01-20 11:41:41 +01:00
margin var(--outer-spacing)
* > {
--outer-spacing 0
}
2021-01-03 12:36:12 +01:00
RV-Spacing__Outer--large()
2021-01-20 11:41:41 +01:00
+RV-Element__Modifier('large')
--outer-spacing spacing-large
2021-01-20 11:41:41 +01:00
* > {
--outer-spacing 0
}
2021-01-03 12:36:12 +01:00
RV-Spacing__Inner--small()
+RV-Element__Modifier('small')
--inner-spacing spacing-small
2021-01-20 11:41:41 +01:00
padding var(--inner-spacing)
gap var(--inner-spacing)
column-gap var(--inner-spacing)
* > {
--inner-spacing 0
}
2021-01-03 12:36:12 +01:00
RV-Spacing__Inner--medium()
+RV-Element__Modifier('medium')
--inner-spacing spacing-medium
2021-01-20 11:41:41 +01:00
padding var(--inner-spacing)
gap var(--inner-spacing)
column-gap var(--inner-spacing)
* > {
--inner-spacing 0
}
2021-01-03 12:36:12 +01:00
RV-Spacing__Inner--large()
+RV-Element__Modifier('large')
--inner-spacing spacing-large
2021-01-20 11:41:41 +01:00
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-Element('Inner')
RV-Spacing__Inner--small()
RV-Spacing__Inner--medium()
RV-Spacing__Inner--large()