reverend/scss-library
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Adapting Styles to new BEMGenerator

Browse Source
This commit is contained in:
reverend
2021-03-07 20:38:25 +01:00
parent 7ae8569ff8
commit 85923bd338
4 changed files with 41 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
components/02_Styles/spacing/_spacing.styl
View File

@@ -1,5 +1,5 @@
RV-Spacing__Outer--small()
+RV-Element__Modifier--name('small')
+RV-Element--modifier()
--outer-spacing spacing-small
margin var(--outer-spacing)
* > {
@@ -7,7 +7,7 @@ RV-Spacing__Outer--small()
}
RV-Spacing__Outer--medium()
+RV-Element__Modifier--name('medium')
+RV-Element--modifier()
--outer-spacing spacing-medium
margin var(--outer-spacing)
* > {
@@ -15,14 +15,14 @@ RV-Spacing__Outer--medium()
}
RV-Spacing__Outer--large()
+RV-Element__Modifier--name('large')
+RV-Element--modifier()
--outer-spacing spacing-large
margin var(--outer-spacing)
* > {
--outer-spacing 0
}
RV-Spacing__Inner--small()
+RV-Element__Modifier--name('small')
+RV-Element--modifier()
--inner-spacing spacing-small
padding var(--inner-spacing)
gap var(--inner-spacing)
@@ -32,7 +32,7 @@ RV-Spacing__Inner--small()
}
RV-Spacing__Inner--medium()
+RV-Element__Modifier--name('medium')
+RV-Element--modifier()
--inner-spacing spacing-medium
padding var(--inner-spacing)
gap var(--inner-spacing)
@@ -42,7 +42,7 @@ RV-Spacing__Inner--medium()
}
RV-Spacing__Inner--large()
+RV-Element__Modifier--name('large')
+RV-Element--modifier()
--inner-spacing spacing-large
padding var(--inner-spacing)
gap var(--inner-spacing)
@@ -53,17 +53,11 @@ RV-Spacing__Inner--large()
+RV-Block('RV-Spacing')
+RV-Element('Outer')
+RV-Element__Modifier()
RV-Spacing__Outer--small()
+RV-Element__Modifier()
RV-Spacing__Outer--medium()
+RV-Element__Modifier()
RV-Spacing__Outer--large()
RV-Spacing__Outer--small()
RV-Spacing__Outer--medium()
RV-Spacing__Outer--large()
+RV-Element('Inner')
+RV-Element__Modifier()
RV-Spacing__Inner--small()
+RV-Element__Modifier()
RV-Spacing__Inner--medium()
+RV-Element__Modifier()
RV-Spacing__Inner--large()
RV-Spacing__Inner--small()
RV-Spacing__Inner--medium()
RV-Spacing__Inner--large()