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

RV-Spacing__Outer--small()
	+RV-Element--modifier()
		--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
		}

RV-Spacing__Outer--large()
	+RV-Element--modifier()	
		--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
		}

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
		}

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
		}

+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()
Converting Layouts to Stylus 2021-01-03 12:36:12 +01:00			`RV-Spacing__Outer--small()`
Adapting Styles to new BEMGenerator 2021-03-07 20:38:25 +01:00			`+RV-Element--modifier()`
Converting Stylus to BEM-Generator and adding Boxshadows 2021-01-17 22:33:38 +01:00			`--outer-spacing spacing-small`
Spacing is not passed down to children 2021-01-20 11:41:41 +01:00			`margin var(--outer-spacing)`
			`* > {`
			`--outer-spacing 0`
			`}`
Converting Layouts to Stylus 2021-01-03 12:36:12 +01:00
			`RV-Spacing__Outer--medium()`
Adapting Styles to new BEMGenerator 2021-03-07 20:38:25 +01:00			`+RV-Element--modifier()`
Converting Stylus to BEM-Generator and adding Boxshadows 2021-01-17 22:33:38 +01:00			`--outer-spacing spacing-medium`
Spacing is not passed down to children 2021-01-20 11:41:41 +01:00			`margin var(--outer-spacing)`
			`* > {`
			`--outer-spacing 0`
			`}`
Converting Layouts to Stylus 2021-01-03 12:36:12 +01:00
			`RV-Spacing__Outer--large()`
Adapting Styles to new BEMGenerator 2021-03-07 20:38:25 +01:00			`+RV-Element--modifier()`
Converting Stylus to BEM-Generator and adding Boxshadows 2021-01-17 22:33:38 +01:00			`--outer-spacing spacing-large`
Small fix 2021-01-20 11:46:37 +01:00			`margin var(--outer-spacing)`
Spacing is not passed down to children 2021-01-20 11:41:41 +01:00			`* > {`
			`--outer-spacing 0`
			`}`
Converting Layouts to Stylus 2021-01-03 12:36:12 +01:00			`RV-Spacing__Inner--small()`
Adapting Styles to new BEMGenerator 2021-03-07 20:38:25 +01:00			`+RV-Element--modifier()`
Converting Stylus to BEM-Generator and adding Boxshadows 2021-01-17 22:33:38 +01:00			`--inner-spacing spacing-small`
Spacing is not passed down to children 2021-01-20 11:41:41 +01:00			`padding var(--inner-spacing)`
			`gap var(--inner-spacing)`
			`column-gap var(--inner-spacing)`
			`* > {`
			`--inner-spacing 0`
			`}`
Converting Layouts to Stylus 2021-01-03 12:36:12 +01:00
			`RV-Spacing__Inner--medium()`
Adapting Styles to new BEMGenerator 2021-03-07 20:38:25 +01:00			`+RV-Element--modifier()`
Converting Stylus to BEM-Generator and adding Boxshadows 2021-01-17 22:33:38 +01:00			`--inner-spacing spacing-medium`
Spacing is not passed down to children 2021-01-20 11:41:41 +01:00			`padding var(--inner-spacing)`
			`gap var(--inner-spacing)`
			`column-gap var(--inner-spacing)`
			`* > {`
			`--inner-spacing 0`
			`}`
Converting Layouts to Stylus 2021-01-03 12:36:12 +01:00
			`RV-Spacing__Inner--large()`
Adapting Styles to new BEMGenerator 2021-03-07 20:38:25 +01:00			`+RV-Element--modifier()`
Converting Stylus to BEM-Generator and adding Boxshadows 2021-01-17 22:33:38 +01:00			`--inner-spacing spacing-large`
Spacing is not passed down to children 2021-01-20 11:41:41 +01:00			`padding var(--inner-spacing)`
			`gap var(--inner-spacing)`
			`column-gap var(--inner-spacing)`
			`* > {`
			`--inner-spacing 0`
			`}`
Converting Stylus to BEM-Generator and adding Boxshadows 2021-01-17 22:33:38 +01:00
			`+RV-Block('RV-Spacing')`
			`+RV-Element('Outer')`
Adapting Styles to new BEMGenerator 2021-03-07 20:38:25 +01:00			`RV-Spacing__Outer--small()`
			`RV-Spacing__Outer--medium()`
			`RV-Spacing__Outer--large()`
Converting Stylus to BEM-Generator and adding Boxshadows 2021-01-17 22:33:38 +01:00
			`+RV-Element('Inner')`
Adapting Styles to new BEMGenerator 2021-03-07 20:38:25 +01:00			`RV-Spacing__Inner--small()`
			`RV-Spacing__Inner--medium()`
			`RV-Spacing__Inner--large()`