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

34
components/00_ContentShape/shape/_shape.styl Normal file
View File

@@ -0,0 +1,34 @@
RV-Shape--square()
padding-top 100%
width 100%
position relative
*
position absolute
top 0
left 0
bottom 0
right 0
RV-Shape--circle()
padding-top 100%
width 100%
position relative
&, *
border-radius 50%
*
position absolute
top 0
left 0
bottom 0
right 0
.RV-Shape
&--square
RV-Shape--square()
&--circle
RV-Shape--circle()

17
components/00_ContentShape/shape/shape.config.json Normal file
View File

@@ -0,0 +1,17 @@
{
"name": "Shape",
"variants": [
{
"name": "Square",
"context": {
"modifier": "RV-Shape--square"
}
},
{
"name": "Circle",
"context": {
"modifier": "RV-Shape--circle"
}
}
]
}

3
components/00_ContentShape/shape/shape.hbs Normal file
View File

@@ -0,0 +1,3 @@
<div class="RV-Shape {{#if modifier}}{{modifier}}{{/if}}">
<img class="RV-FocalPoint" style="--focalX: 50%; --focalY: 75%" src="{{ path '/images/portrait_lowFocelPoint.jpeg'}}"/>
</div>