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

Honsely, I don't know what happened here

Browse Source
This commit is contained in:
reverend
2021-03-03 00:49:21 +01:00
parent a0240b2ec8
commit 6f4170af8e
70 changed files with 2415 additions and 372 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/02_Styles/_styles.styl
View File

@@ -1,4 +1,4 @@
@import 'spacing/_spacing'
@import 'elementList/_elementList'
@import 'boxShadow/_boxShadow'
@import 'iconized/_iconized'

12
components/02_Styles/boxShadow/_boxShadow.styl
View File

@@ -93,19 +93,19 @@ RV-BoxShadow()
RV-BoxShadow()
+RV-Block__Modifier()
RV-BoxShadow--simple(color)
RV-BoxShadow--simple(--color)
+RV-Block__Modifier()
RV-BoxShadow--liftedCorners(color)
RV-BoxShadow--liftedCorners(--color)
+RV-Block__Modifier()
RV-BoxShadow--levitating(color)
RV-BoxShadow--levitating(--color)
+RV-Block__Modifier()
RV-BoxShadow--stacked(color)
RV-BoxShadow--stacked(--color)
+RV-Block__Modifier()
RV-BoxShadow--drop(color)
RV-BoxShadow--drop(--color)
+RV-Block__Modifier()
RV-BoxShadow--solid(color)
RV-BoxShadow--solid(--color)

15
components/02_Styles/elementList/_elementList.styl Normal file
View File

@@ -0,0 +1,15 @@
RV-ElementList__Item()
+RV-Element--name('Item')
RV-FlexRow__Item()
RV-ElementList(break_width=500px)
RV-FlexRow()
RV-Reset()
list-style-type none
+RV-Block('RV-ElementList')
RV-ElementList()
+RV-Element()
RV-ElementList__Item()

1
components/02_Styles/elementList/elementList.config.json Normal file
View File

@@ -0,0 +1 @@
{}

22
components/02_Styles/elementList/elementList.hbs Normal file
View File

@@ -0,0 +1,22 @@
<ul class="RV-ElementList RV-ElementList--vertical">
<li class="RV-ElementList__Item">Item</li>
<li class="RV-ElementList__Item">Item</li>
<li class="RV-ElementList__Item">Item</li>
<li class="RV-ElementList__Item">Item</li>
</ul>
<br><br>
<ul class="RV-ElementList RV-ElementList--horizontal">
<li class="RV-ElementList__Item">Item</li>
<li class="RV-ElementList__Item">Item</li>
<li class="RV-ElementList__Item">Item</li>
<li class="RV-ElementList__Item">Item</li>
</ul>
<br><br>
<ul class="RV-ElementList RV-ElementList--auto">
<li class="RV-ElementList__Item">ItemItem</li>
<li class="RV-ElementList__Item">ItemItemItem</li>
<li class="RV-ElementList__Item">ItemItem</li>
<li class="RV-ElementList__Item">Item</li>
</ul>

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

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