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

Converting Layouts to new BEM-Generator

Browse Source
This commit is contained in:
reverend
2021-01-17 19:31:19 +01:00
parent eca0624fd3
commit c990a740b0
9 changed files with 457 additions and 420 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
components/01_Layouts/sizes/_sizes.styl
View File

@@ -1,49 +1,51 @@
RV-Sizes--half()
flex-grow 0
flex-shrink 0
flex-basis 50%
width 50%
+RV-Block__Modifier--name('half')
flex-grow 0
flex-shrink 0
flex-basis 50%
width 50%
RV-Sizes--third()
flex-grow 0
flex-shrink 0
flex-basis (100/3)%
width (100/3)%
+RV-Block__Modifier--name('third')
flex-grow 0
flex-shrink 0
flex-basis (100/3)%
width (100/3)%
RV-Sizes--quarter()
flex-grow 0
flex-shrink 0
flex-basis 25%
width 25%
+RV-Block__Modifier--name('quarter')
flex-grow 0
flex-shrink 0
flex-basis 25%
width 25%
RV-Sizes--fixedSize(width=100px)
flex-grow 0
flex-shrink 0
width min-content
flex-basis width
+RV-Block__Modifier--name('fixedSize')
flex-grow 0
flex-shrink 0
width min-content
flex-basis width
RV-Sizes--content()
flex-grow 0
flex-shrink 0
width max-content
flex-basis max-content
+RV-Block__Modifier--name('content')
flex-grow 0
flex-shrink 0
width max-content
flex-basis max-content
RV-Sizes(prefix='&')
+RV-Block('RV-Sizes')
{prefix}--half
+RV-Block__Modifier()
RV-Sizes--half()
{prefix}--third
+RV-Block__Modifier()
RV-Sizes--third()
{prefix}--quarter
+RV-Block__Modifier()
RV-Sizes--quarter()
{prefix}--fixedSize
RV-Sizes--fixedSize
+RV-Block__Modifier()
RV-Sizes--fixedSize()
{prefix}--content
RV-Sizes--content
.RV-Sizes
RV-Sizes()
+RV-Block__Modifier()
RV-Sizes--content()