gridcellx/lib/GridCell.css

GridCell component for React, written in TypeScript

.gridCell {
  margin: 0px;
  padding: 0px;
  padding-right: 0.5px;
  padding-bottom: 0.5px;
  background-color: darkblue; }

.gridCell .cell {
  background-color: white;
  height: 100%; }

.gridCell .row {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0px;
  padding: 0px;
  background-color: transparent; }

.gridCell .col {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0.5px;
  background-color: transparent;
  flex-basis: 100%;
  max-width: 100%; }

.gridCell .col1 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0.5px;
  background-color: transparent;
  flex-basis: 4.16667%;
  max-width: 4.16667%; }

.gridCell .col2 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0.5px;
  background-color: transparent;
  flex-basis: 8.33333%;
  max-width: 8.33333%; }

.gridCell .col3 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0.5px;
  background-color: transparent;
  flex-basis: 12.5%;
  max-width: 12.5%; }

.gridCell .col4 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0.5px;
  background-color: transparent;
  flex-basis: 16.66667%;
  max-width: 16.66667%; }

.gridCell .col5 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0.5px;
  background-color: transparent;
  flex-basis: 20.83333%;
  max-width: 20.83333%; }

.gridCell .col6 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0.5px;
  background-color: transparent;
  flex-basis: 25%;
  max-width: 25%; }

.gridCell .col7 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0.5px;
  background-color: transparent;
  flex-basis: 29.16667%;
  max-width: 29.16667%; }

.gridCell .col8 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0.5px;
  background-color: transparent;
  flex-basis: 33.33333%;
  max-width: 33.33333%; }

.gridCell .col9 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0.5px;
  background-color: transparent;
  flex-basis: 37.5%;
  max-width: 37.5%; }

.gridCell .col10 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0.5px;
  background-color: transparent;
  flex-basis: 41.66667%;
  max-width: 41.66667%; }

.gridCell .col11 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0.5px;
  background-color: transparent;
  flex-basis: 45.83333%;
  max-width: 45.83333%; }

.gridCell .col12 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0.5px;
  background-color: transparent;
  flex-basis: 50%;
  max-width: 50%; }

.gridCell .col13 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0.5px;
  background-color: transparent;
  flex-basis: 54.16667%;
  max-width: 54.16667%; }

.gridCell .col14 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0.5px;
  background-color: transparent;
  flex-basis: 58.33333%;
  max-width: 58.33333%; }

.gridCell .col15 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0.5px;
  background-color: transparent;
  flex-basis: 62.5%;
  max-width: 62.5%; }

.gridCell .col16 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0.5px;
  background-color: transparent;
  flex-basis: 66.66667%;
  max-width: 66.66667%; }

.gridCell .col17 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0.5px;
  background-color: transparent;
  flex-basis: 70.83333%;
  max-width: 70.83333%; }

.gridCell .col18 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0.5px;
  background-color: transparent;
  flex-basis: 75%;
  max-width: 75%; }

.gridCell .col19 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0.5px;
  background-color: transparent;
  flex-basis: 79.16667%;
  max-width: 79.16667%; }

.gridCell .col20 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0.5px;
  background-color: transparent;
  flex-basis: 83.33333%;
  max-width: 83.33333%; }

.gridCell .col21 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0.5px;
  background-color: transparent;
  flex-basis: 87.5%;
  max-width: 87.5%; }

.gridCell .col22 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0.5px;
  background-color: transparent;
  flex-basis: 91.66667%;
  max-width: 91.66667%; }

.gridCell .col23 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0.5px;
  background-color: transparent;
  flex-basis: 95.83333%;
  max-width: 95.83333%; }

.gridCell .col24 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0.5px;
  background-color: transparent;
  flex-basis: 100%;
  max-width: 100%; }