scss-library/components/01_Layouts/alignment/_alignment.styl
2021-01-18 21:58:23 +01:00

57 lines
1.1 KiB
Stylus

RV-Alignment()
position absolute
display grid
RV-Alignment--top()
+RV-Block__Modifier--name('top')
align-content start
RV-Alignment--bottom()
+RV-Block__Modifier--name('bottom')
align-content end
RV-Alignment--left()
+RV-Block__Modifier--name('left')
justify-content start
RV-Alignment--right()
+RV-Block__Modifier--name('right')
justify-content: end
RV-Alignment--horizontalCenter()
+RV-Block__Modifier--name('horizontalCenter')
justify-content center
RV-Alignment--verticalCenter()
+RV-Block__Modifier--name('verticalCenter')
align-items center
RV-Alignment--center()
+RV-Block__Modifier--name('center')
align-items center
justify-content center
+RV-Block('RV-Alignment')
RV-Alignment()
+RV-Block__Modifier()
RV-Alignment--top()
+RV-Block__Modifier()
RV-Alignment--bottom()
+RV-Block__Modifier()
RV-Alignment--left()
+RV-Block__Modifier()
RV-Alignment--right()
+RV-Block__Modifier()
RV-Alignment--horizontalCenter()
+RV-Block__Modifier()
RV-Alignment--verticalCenter()
+RV-Block__Modifier()
RV-Alignment--center()