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

68 lines
1.2 KiB
Stylus
Raw Permalink Normal View History

2021-01-03 12:36:12 +01:00
RV-Spacing__Outer--small()
--outer-spacing spacing-small
margin var(--outer-spacing)
* > {
--outer-spacing 0
}
2021-01-03 12:36:12 +01:00
RV-Spacing__Outer--medium()
--outer-spacing spacing-medium
margin var(--outer-spacing)
* > {
--outer-spacing 0
}
2021-01-03 12:36:12 +01:00
RV-Spacing__Outer--large()
--outer-spacing spacing-large
margin var(--outer-spacing)
* > {
--outer-spacing 0
}
2021-01-03 12:36:12 +01:00
RV-Spacing__Inner--small()
--inner-spacing spacing-small
padding var(--inner-spacing)
gap var(--inner-spacing)
2021-03-10 00:57:50 +01:00
column-gap var(--inner-spacing)
box-sizing border-box
* > {
--inner-spacing 0
}
2021-01-03 12:36:12 +01:00
RV-Spacing__Inner--medium()
--inner-spacing spacing-medium
padding var(--inner-spacing)
gap var(--inner-spacing)
2021-03-10 00:57:50 +01:00
column-gap var(--inner-spacing)
box-sizing border-box
* > {
--inner-spacing 0
}
2021-01-03 12:36:12 +01:00
RV-Spacing__Inner--large()
--inner-spacing spacing-large
padding var(--inner-spacing)
gap var(--inner-spacing)
2021-03-10 00:57:50 +01:00
column-gap var(--inner-spacing)
box-sizing border-box
* > {
--inner-spacing 0
}
.RV-Spacing
&__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()