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

Adapting to new bem generator

Browse Source
This commit is contained in:
reverend 2021-03-09 13:03:22 +01:00
parent 92f3fa7bd5
commit 11891aa5c7
2 changed files with 8 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
components/02_ContentShape/shape/_shape.styl
View File

@ -9,7 +9,7 @@
* You may want to combine this mixin with RV-FocalPoint. * You may want to combine this mixin with RV-FocalPoint.
*/ */
RV-Shape--square() RV-Shape--square()
+RV-Block__Modifier--name('square') +RV-Block--modifier()
padding-top 100% padding-top 100%
width 100% width 100%
position relative position relative
@ -22,7 +22,7 @@ RV-Shape--square()
right 0 right 0
RV-Shape--circle() RV-Shape--circle()
+RV-Block__Modifier--name('circle') +RV-Block--modifier()
padding-top 100% padding-top 100%
width 100% width 100%
position relative position relative
@ -38,8 +38,5 @@ RV-Shape--circle()
right 0 right 0
+RV-Block('RV-Shape') +RV-Block('RV-Shape')
+RV-Block__Modifier() RV-Shape--square()
RV-Shape--square() RV-Shape--circle()
+RV-Block__Modifier()
RV-Shape--circle()

11
components/02_ContentShape/truncation/_truncation.styl
View File

@ -4,7 +4,7 @@
* and container height manualy in Stylues. CSS-Variables can unfortunately not be used in this case. * and container height manualy in Stylues. CSS-Variables can unfortunately not be used in this case.
*/ */
RV-Truncation--fade(background-color=white) RV-Truncation--fade(background-color=white)
+RV-Block__Modifier--name('fade') +RV-Block--modifier()
+RV-Element('Content') +RV-Element('Content')
&:last-child:after &:last-child:after
@ -20,7 +20,7 @@ RV-Truncation--fade(background-color=white)
z-index 10 z-index 10
RV-Truncation--ellipsis(background-color=white) RV-Truncation--ellipsis(background-color=white)
+RV-Block__Modifier--name('ellipsis') +RV-Block--modifier()
+RV-Element('Cutter') +RV-Element('Cutter')
&:after &:after
@ -74,8 +74,5 @@ RV-Truncation(line-height=1.3em, height=100%, background-color=white)
+RV-Block('RV-Truncation') +RV-Block('RV-Truncation')
RV-Truncation() RV-Truncation()
+RV-Block__Modifier() RV-Truncation--fade(--background-color)
RV-Truncation--fade(--background-color) RV-Truncation--ellipsis(--background-color)
+RV-Block__Modifier()
RV-Truncation--ellipsis(--background-color)