From 5ca1116e723f75e58b5fc9e4512fe8455308c6d7 Mon Sep 17 00:00:00 2001 From: reverend Date: Sun, 23 Aug 2020 19:21:03 +0200 Subject: [PATCH] Current Build --- public/rcss.css | 143 ++++++++++++++++++++++++++++++++++++------------ 1 file changed, 108 insertions(+), 35 deletions(-) diff --git a/public/rcss.css b/public/rcss.css index 8a76d43..efce846 100644 --- a/public/rcss.css +++ b/public/rcss.css @@ -2,50 +2,86 @@ .RV-Alignment__Container { display: grid; } .RV-Alignment__Container--top { + display: grid; align-content: start; } .RV-Alignment__Container--bottom { + display: grid; align-content: end; } .RV-Alignment__Container--left { + display: grid; justify-content: start; } .RV-Alignment__Container--right { + display: grid; justify-content: end; } .RV-Alignment__Container--horizontalCenter { + display: grid; justify-content: center; } .RV-Alignment__Container--verticalCenter { + display: grid; align-content: center; } .RV-Alignment__Container--center { + display: grid; justify-content: center; + display: grid; align-content: center; } .RV-FlexRow__Container { display: flex; flex-direction: row; justify-content: space-around; } - .RV-FlexRow__Container--wrap { + .RV-FlexRow__Container--multiRow { flex-wrap: wrap; } -.RV-FlexRow__Item { - width: 100%; } - .RV-FlexRow__Item__Container { - display: grid; } - .RV-FlexRow__Item__Container--top { - align-content: start; } - .RV-FlexRow__Item__Container--bottom { - align-content: end; } - .RV-FlexRow__Item__Container--left { - justify-content: start; } - .RV-FlexRow__Item__Container--right { - justify-content: end; } - .RV-FlexRow__Item__Container--horizontalCenter { - justify-content: center; } - .RV-FlexRow__Item__Container--verticalCenter { - align-content: center; } - .RV-FlexRow__Item__Container--center { - justify-content: center; - align-content: center; } - .RV-FlexRow__Item--fixedSize { - flex: 0 0; - width: min-content; } +.RV-FlexRow__Item__Container { + display: grid; } + .RV-FlexRow__Item__Container--top { + display: grid; + align-content: start; } + .RV-FlexRow__Item__Container--bottom { + display: grid; + align-content: end; } + .RV-FlexRow__Item__Container--left { + display: grid; + justify-content: start; } + .RV-FlexRow__Item__Container--right { + display: grid; + justify-content: end; } + .RV-FlexRow__Item__Container--horizontalCenter { + display: grid; + justify-content: center; } + .RV-FlexRow__Item__Container--verticalCenter { + display: grid; + align-content: center; } + .RV-FlexRow__Item__Container--center { + 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 { display: grid; @@ -56,19 +92,27 @@ .RV-FlexGrid__Item__Container { display: grid; } .RV-FlexGrid__Item__Container--top { + display: grid; align-content: start; } .RV-FlexGrid__Item__Container--bottom { + display: grid; align-content: end; } .RV-FlexGrid__Item__Container--left { + display: grid; justify-content: start; } .RV-FlexGrid__Item__Container--right { + display: grid; justify-content: end; } .RV-FlexGrid__Item__Container--horizontalCenter { + display: grid; justify-content: center; } .RV-FlexGrid__Item__Container--verticalCenter { + display: grid; align-content: center; } .RV-FlexGrid__Item__Container--center { + display: grid; justify-content: center; + display: grid; align-content: center; } .RV-ContentCrop__Container, .RV-ContentCrop__Container * { @@ -231,36 +275,56 @@ margin: 35px; } .RV-Spacing__Inner--small { - padding: 10px; - gap: 10px; } + padding: 10px; } + .RV-Spacing__Inner--small { + gap: 10px; } .RV-Spacing__Inner--medium { - padding: 25px; - gap: 25px; } + padding: 25px; } + .RV-Spacing__Inner--medium { + gap: 25px; } .RV-Spacing__Inner--large { - padding: 35px; - gap: 35px; } + padding: 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; height: 1em; position: relative; top: .125em; } -.RV-Iconized__Icon--medium { +.RV-Iconized__Container--medium .RV-Iconized__Icon { width: 2em; height: 2em; position: relative; top: .625em; } -.RV-Iconized__Icon--large { +.RV-Iconized__Container--large .RV-Iconized__Icon { width: 3em; height: 3em; position: relative; top: 1.15573em; } -.RV-Iconized__Icon--huge { +.RV-Iconized__Container--huge .RV-Iconized__Icon { width: 5em; height: 5em; position: relative; @@ -292,24 +356,33 @@ .RV-ImageGrid__Item__Container { display: grid; } .RV-ImageGrid__Item__Container--top { + display: grid; align-content: start; } .RV-ImageGrid__Item__Container--bottom { + display: grid; align-content: end; } .RV-ImageGrid__Item__Container--left { + display: grid; justify-content: start; } .RV-ImageGrid__Item__Container--right { + display: grid; justify-content: end; } .RV-ImageGrid__Item__Container--horizontalCenter { + display: grid; justify-content: center; } .RV-ImageGrid__Item__Container--verticalCenter { + display: grid; align-content: center; } .RV-ImageGrid__Item__Container--center { + display: grid; justify-content: center; + display: grid; align-content: center; } .RV-ImageGrid__Container { - padding: 25px; - gap: 25px; } + padding: 25px; } + .RV-ImageGrid__Container__Container { + gap: 25px; } .RV-ImageGrid__Item, .RV-ImageGrid__Item * { overflow: hidden;