Component to rotation

This commit is contained in:
reverend 2021-03-21 18:47:22 +01:00
parent 82f3a5285e
commit ecd56029f4
4 changed files with 53 additions and 1 deletions

View File

@ -4,3 +4,4 @@
@import 'shape/_shape' @import 'shape/_shape'
@import 'truncation/_truncation' @import 'truncation/_truncation'
@import 'alignment/_alignment' @import 'alignment/_alignment'
@import 'rotation/_rotation'

View File

@ -0,0 +1,19 @@
RV-Rotation--left()
+RV-Block--modifier()
transform rotate(-90deg)
RV-Rotation--right()
+RV-Block--modifier()
transform rotate(90deg)
RV-Rotation--upsideDown()
+RV-Block--modifier()
transform rotate(180deg)
RV-Rotation()
+RV-Block()
RV-Rotation--left()
RV-Rotation--right()
RV-Rotation--upsideDown()
RV-Rotation()

View File

@ -0,0 +1,25 @@
{
"name": "rotation",
"title": "Rotation",
"variants": [
{
"name": "Left",
"context": {
"modifier": "RV-Rotation--left"
}
},
{
"name": "Reft",
"context": {
"modifier": "RV-Rotation--right"
}
},
{
"name": "UpsideDown",
"context": {
"modifier": "RV-Rotation--upsideDown"
}
}
]
}

View File

@ -0,0 +1,7 @@
<div class="RV-Rotation {{modifier}} RV-Dummy RV-Dummy--landscape">
Im a content text.
</div>
<div class="RV-Rotation {{modifier}} RV-Dummy RV-Dummy--square">
Im a square text.
</div>