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

Current Build

Browse Source
This commit is contained in:
reverend 2020-08-23 19:21:03 +02:00
parent 22ba839453
commit 5ca1116e72
1 changed files with 108 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

143
public/rcss.css
View File

@ -2,50 +2,86 @@
.RV-Alignment__Container { .RV-Alignment__Container {
display: grid; } display: grid; }
.RV-Alignment__Container--top { .RV-Alignment__Container--top {
display: grid;
align-content: start; } align-content: start; }
.RV-Alignment__Container--bottom { .RV-Alignment__Container--bottom {
display: grid;
align-content: end; } align-content: end; }
.RV-Alignment__Container--left { .RV-Alignment__Container--left {
display: grid;
justify-content: start; } justify-content: start; }
.RV-Alignment__Container--right { .RV-Alignment__Container--right {
display: grid;
justify-content: end; } justify-content: end; }
.RV-Alignment__Container--horizontalCenter { .RV-Alignment__Container--horizontalCenter {
display: grid;
justify-content: center; } justify-content: center; }
.RV-Alignment__Container--verticalCenter { .RV-Alignment__Container--verticalCenter {
display: grid;
align-content: center; } align-content: center; }
.RV-Alignment__Container--center { .RV-Alignment__Container--center {
display: grid;
justify-content: center; justify-content: center;
display: grid;
align-content: center; } align-content: center; }
.RV-FlexRow__Container { .RV-FlexRow__Container {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-around; } justify-content: space-around; }
.RV-FlexRow__Container--wrap { .RV-FlexRow__Container--multiRow {
flex-wrap: wrap; } flex-wrap: wrap; }
.RV-FlexRow__Item { .RV-FlexRow__Item__Container {
width: 100%; } display: grid; }
.RV-FlexRow__Item__Container { .RV-FlexRow__Item__Container--top {
display: grid; } display: grid;
.RV-FlexRow__Item__Container--top { align-content: start; }
align-content: start; } .RV-FlexRow__Item__Container--bottom {
.RV-FlexRow__Item__Container--bottom { display: grid;
align-content: end; } align-content: end; }
.RV-FlexRow__Item__Container--left { .RV-FlexRow__Item__Container--left {
justify-content: start; } display: grid;
.RV-FlexRow__Item__Container--right { justify-content: start; }
justify-content: end; } .RV-FlexRow__Item__Container--right {
.RV-FlexRow__Item__Container--horizontalCenter { display: grid;
justify-content: center; } justify-content: end; }
.RV-FlexRow__Item__Container--verticalCenter { .RV-FlexRow__Item__Container--horizontalCenter {
align-content: center; } display: grid;
.RV-FlexRow__Item__Container--center { justify-content: center; }
justify-content: center; .RV-FlexRow__Item__Container--verticalCenter {
align-content: center; } display: grid;
.RV-FlexRow__Item--fixedSize { align-content: center; }
flex: 0 0; .RV-FlexRow__Item__Container--center {
width: min-content; } display: grid;
justify-content: center;
display: grid;
align-content: center; }
.RV-FlexRow__Item, .RV-FlexRow__Item--normal {
flex-grow: 3;
flex-shrink: 3; }
.RV-FlexRow__Item--narrower {
flex-grow: 1;
flex-shrink: 5; }
.RV-FlexRow__Item--narrow {
flex-grow: 2;
flex-shrink: 4; }
.RV-FlexRow__Item--wide {
flex-grow: 4;
flex-shrink: 2; }
.RV-FlexRow__Item--wider {
flex-grow: 5;
flex-shrink: 1; }
.RV-FlexRow__Item--fixedSize {
flex-grow: 0;
flex-shrink: 0;
width: min-content; }
.RV-FlexGrid__Container { .RV-FlexGrid__Container {
display: grid; display: grid;
@ -56,19 +92,27 @@
.RV-FlexGrid__Item__Container { .RV-FlexGrid__Item__Container {
display: grid; } display: grid; }
.RV-FlexGrid__Item__Container--top { .RV-FlexGrid__Item__Container--top {
display: grid;
align-content: start; } align-content: start; }
.RV-FlexGrid__Item__Container--bottom { .RV-FlexGrid__Item__Container--bottom {
display: grid;
align-content: end; } align-content: end; }
.RV-FlexGrid__Item__Container--left { .RV-FlexGrid__Item__Container--left {
display: grid;
justify-content: start; } justify-content: start; }
.RV-FlexGrid__Item__Container--right { .RV-FlexGrid__Item__Container--right {
display: grid;
justify-content: end; } justify-content: end; }
.RV-FlexGrid__Item__Container--horizontalCenter { .RV-FlexGrid__Item__Container--horizontalCenter {
display: grid;
justify-content: center; } justify-content: center; }
.RV-FlexGrid__Item__Container--verticalCenter { .RV-FlexGrid__Item__Container--verticalCenter {
display: grid;
align-content: center; } align-content: center; }
.RV-FlexGrid__Item__Container--center { .RV-FlexGrid__Item__Container--center {
display: grid;
justify-content: center; justify-content: center;
display: grid;
align-content: center; } align-content: center; }
.RV-ContentCrop__Container, .RV-ContentCrop__Container * { .RV-ContentCrop__Container, .RV-ContentCrop__Container * {
@ -231,36 +275,56 @@
margin: 35px; } margin: 35px; }
.RV-Spacing__Inner--small { .RV-Spacing__Inner--small {
padding: 10px; padding: 10px; }
gap: 10px; } .RV-Spacing__Inner--small {
gap: 10px; }
.RV-Spacing__Inner--medium { .RV-Spacing__Inner--medium {
padding: 25px; padding: 25px; }
gap: 25px; } .RV-Spacing__Inner--medium {
gap: 25px; }
.RV-Spacing__Inner--large { .RV-Spacing__Inner--large {
padding: 35px; padding: 35px; }
gap: 35px; } .RV-Spacing__Inner--large {
gap: 35px; }
.RV-Iconized__Icon--small { .RV-Iconized__Container {
position: relative; }
.RV-Iconized__Container--medium {
top: -.5em; }
.RV-Iconized__Container--large {
top: -1.03073em; }
.RV-Iconized__Container--huge {
top: -2.05em; }
.RV-Iconized__Icon {
margin: 0;
padding: 0;
top: 0;
bottom: 0;
left: 0;
right: 0; }
.RV-Iconized__Container--small .RV-Iconized__Icon {
width: 1em; width: 1em;
height: 1em; height: 1em;
position: relative; position: relative;
top: .125em; } top: .125em; }
.RV-Iconized__Icon--medium { .RV-Iconized__Container--medium .RV-Iconized__Icon {
width: 2em; width: 2em;
height: 2em; height: 2em;
position: relative; position: relative;
top: .625em; } top: .625em; }
.RV-Iconized__Icon--large { .RV-Iconized__Container--large .RV-Iconized__Icon {
width: 3em; width: 3em;
height: 3em; height: 3em;
position: relative; position: relative;
top: 1.15573em; } top: 1.15573em; }
.RV-Iconized__Icon--huge { .RV-Iconized__Container--huge .RV-Iconized__Icon {
width: 5em; width: 5em;
height: 5em; height: 5em;
position: relative; position: relative;
@ -292,24 +356,33 @@
.RV-ImageGrid__Item__Container { .RV-ImageGrid__Item__Container {
display: grid; } display: grid; }
.RV-ImageGrid__Item__Container--top { .RV-ImageGrid__Item__Container--top {
display: grid;
align-content: start; } align-content: start; }
.RV-ImageGrid__Item__Container--bottom { .RV-ImageGrid__Item__Container--bottom {
display: grid;
align-content: end; } align-content: end; }
.RV-ImageGrid__Item__Container--left { .RV-ImageGrid__Item__Container--left {
display: grid;
justify-content: start; } justify-content: start; }
.RV-ImageGrid__Item__Container--right { .RV-ImageGrid__Item__Container--right {
display: grid;
justify-content: end; } justify-content: end; }
.RV-ImageGrid__Item__Container--horizontalCenter { .RV-ImageGrid__Item__Container--horizontalCenter {
display: grid;
justify-content: center; } justify-content: center; }
.RV-ImageGrid__Item__Container--verticalCenter { .RV-ImageGrid__Item__Container--verticalCenter {
display: grid;
align-content: center; } align-content: center; }
.RV-ImageGrid__Item__Container--center { .RV-ImageGrid__Item__Container--center {
display: grid;
justify-content: center; justify-content: center;
display: grid;
align-content: center; } align-content: center; }
.RV-ImageGrid__Container { .RV-ImageGrid__Container {
padding: 25px; padding: 25px; }
gap: 25px; } .RV-ImageGrid__Container__Container {
gap: 25px; }
.RV-ImageGrid__Item, .RV-ImageGrid__Item * { .RV-ImageGrid__Item, .RV-ImageGrid__Item * {
overflow: hidden; overflow: hidden;