Quickfixes and boxshadow

public/rcss.css

@@ -18,76 +18,77 @@
     justify-content: center; }
   .RV-Alignment__Container--verticalCenter {
     display: grid;
-    align-content: center; }
+    align-items: center; }
   .RV-Alignment__Container--center {
     display: grid;
     justify-content: center;
     display: grid;
-    align-content: center; }
+    align-items: center; }
 
 .RV-FlexRow__Container {
   display: flex;
   flex-direction: row;
-  justify-content: space-around; }
+  height: 100%; }
   .RV-FlexRow__Container--multiRow {
     flex-wrap: wrap; }
+  .RV-FlexRow__Container--column {
+    display: flex;
+    flex-direction: column; }
 
-.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-FlexRow__Item {
+  min-width: min-content;
+  width: 100%; }
+  .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-items: center; }
+    .RV-FlexRow__Item__Container--center {
+      display: grid;
+      justify-content: center;
+      display: grid;
+      align-items: 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;
+    flex-basis: 100px; }
 
 .RV-FlexGrid__Container {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-  grid-template-rows: repeat(auto-fill, 300px);
-  grid-auto-rows: 300px; }
+  grid-template-rows: repeat(auto-fill, minmax(300px, 1fr));
+  grid-auto-rows: minmax(300px, 1fr); }
 
 .RV-FlexGrid__Item__Container {
   display: grid; }
@@ -108,12 +109,12 @@
     justify-content: center; }
   .RV-FlexGrid__Item__Container--verticalCenter {
     display: grid;
-    align-content: center; }
+    align-items: center; }
   .RV-FlexGrid__Item__Container--center {
     display: grid;
     justify-content: center;
     display: grid;
-    align-content: center; }
+    align-items: center; }
 
 .RV-ContentCrop__Container, .RV-ContentCrop__Container * {
   overflow: hidden;
@@ -293,6 +294,8 @@
 
 .RV-Iconized__Container {
   position: relative; }
+  .RV-Iconized__Container--small {
+    top: -.25em; }
   .RV-Iconized__Container--medium {
     top: -.5em; }
   .RV-Iconized__Container--large {
@@ -309,12 +312,18 @@
   right: 0;
   border: none; }
 
-.RV-Iconized__Container--small .RV-Iconized__Icon {
+.RV-Iconized__Container--extraSmall .RV-Iconized__Icon {
   width: 1em;
   height: 1em;
   position: relative;
   top: .125em; }
 
+.RV-Iconized__Container--small .RV-Iconized__Icon {
+  width: 1.5em;
+  height: 1.5em;
+  position: relative;
+  top: .45em; }
+
 .RV-Iconized__Container--medium .RV-Iconized__Icon {
   width: 2em;
   height: 2em;
@@ -355,8 +364,8 @@
 .RV-ImageGrid__Container {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-  grid-template-rows: repeat(auto-fill, 300px);
-  grid-auto-rows: 300px; }
+  grid-template-rows: repeat(auto-fill, minmax(300px, 1fr));
+  grid-auto-rows: minmax(300px, 1fr); }
 
 .RV-ImageGrid__Item__Container {
   display: grid; }
@@ -377,12 +386,12 @@
     justify-content: center; }
   .RV-ImageGrid__Item__Container--verticalCenter {
     display: grid;
-    align-content: center; }
+    align-items: center; }
   .RV-ImageGrid__Item__Container--center {
     display: grid;
     justify-content: center;
     display: grid;
-    align-content: center; }
+    align-items: center; }
 
 .RV-ImageGrid__Container {
   padding: 25px; }