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

BEM Generator shorthand for block modifiers

Browse Source
This commit is contained in:
reverend
2021-03-10 02:58:14 +01:00
parent 05b23653c7
commit d6b4f0aff2
12 changed files with 33 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/02_ContentShape/focalPoint/_focalPoint.styl
View File

@@ -44,7 +44,7 @@ RV-FocalPoint(focalX=50%, focalY=50%)
object-fit cover
object-position --focalX --focalY
+RV-Block('RV-FocalPoint')
+RV-Block--shorthand('RV-FocalPoint')
RV-FocalPoint()
RV-FocalPoint--upperHalf()

4
components/02_ContentShape/focalPoint/focalPoint.hbs
View File

@@ -14,9 +14,9 @@
</div>
<div class="RV-AspectRatio RV-AspectRatio--4to3">
<img class="RV-FocalPoint RV-FocalPoint--upperHalf" src="{{ path '/images/portrait_lowFocelPoint.jpeg'}}"/>
<img class="RV-FocalPoint--upperHalf" src="{{ path '/images/portrait_lowFocelPoint.jpeg'}}"/>
</div>
<div class="RV-AspectRatio RV-AspectRatio--1to2">
<img class="RV-FocalPoint RV-FocalPoint--rightHalf" src="{{ path '/images/landscape.jpeg'}}"/>
<img class="RV-FocalPoint--rightHalf" src="{{ path '/images/landscape.jpeg'}}"/>
</div>