Current Build

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;