@descco/ui-core/lib/css/06-components/grid-row.css

Descco UI

/* ==========================================================================
   GridRow Component
   ========================================================================== */
.grid-row__row___332_W {
  -ms-flex: 0 1 auto;
  -ms-flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-box-direction: normal;
  -webkit-box-flex: 0;
  -webkit-box-orient: horizontal;
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem; }
  .grid-row__row___332_W.grid-row__reverse___TQUi1 {
    -ms-flex-direction: row-reverse;
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    flex-direction: row-reverse; }

.grid-row__start-xs___14Ewf {
  -webkit-box-pack: start;
  justify-content: flex-start;
  text-align: start; }

.grid-row__center-xs___1p_0T {
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center; }

.grid-row__end-xs___221lN {
  -webkit-box-pack: end;
  justify-content: flex-end;
  text-align: end; }

.grid-row__top-xs___3r1hH {
  -webkit-box-align: start;
  align-items: flex-start; }

.grid-row__middle-xs___2_pBD {
  -webkit-box-align: center;
  align-items: center; }

.grid-row__bottom-xs___6E-Cv {
  -webkit-box-align: end;
  align-items: flex-end; }

.grid-row__around-xs___1JK66 {
  justify-content: space-around; }

.grid-row__between-xs___2Zd1T {
  justify-content: space-between; }

.grid-row__first-xs___OFVXG {
  -webkit-box-ordinal-group: 0;
  order: -1; }

.grid-row__last-xs___3yI3e {
  -webkit-box-ordinal-group: 2;
  order: 1; }

@media (min-width: 768px) {
  .grid-row__start-sm___1NOdH {
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start; }
  .grid-row__center-sm___24LAD {
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center; }
  .grid-row__end-sm___3QG8b {
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end; }
  .grid-row__top-sm___2_7wq {
    -webkit-box-align: start;
    align-items: flex-start; }
  .grid-row__middle-sm___3a3gL {
    -webkit-box-align: center;
    align-items: center; }
  .grid-row__bottom-sm___37qi6 {
    -webkit-box-align: end;
    align-items: flex-end; }
  .grid-row__around-sm___3nOei {
    justify-content: space-around; }
  .grid-row__between-sm___1IGaI {
    -webkit-box-pack: justify;
    justify-content: space-between; }
  .grid-row__first-sm___3VCU- {
    -webkit-box-ordinal-group: 0;
    order: -1; }
  .grid-row__last-sm___1cH3a {
    -webkit-box-ordinal-group: 2;
    order: 1; } }

@media (min-width: 992px) {
  .grid-row__start-md___vePbT {
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start; }
  .grid-row__center-md___2-wM9 {
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center; }
  .grid-row__end-md___3J15m {
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end; }
  .grid-row__top-md___1A7NP {
    -webkit-box-align: start;
    align-items: flex-start; }
  .grid-row__middle-md___2sQJJ {
    -webkit-box-align: center;
    align-items: center; }
  .grid-row__bottom-md___24dga {
    -webkit-box-align: end;
    align-items: flex-end; }
  .grid-row__around-md___2fP92 {
    justify-content: space-around; }
  .grid-row__between-md___2rQPf {
    -webkit-box-pack: justify;
    justify-content: space-between; }
  .grid-row__first-md___3_TGo {
    -webkit-box-ordinal-group: 0;
    order: -1; }
  .grid-row__last-md___14fLy {
    -webkit-box-ordinal-group: 2;
    order: 1; } }

@media (min-width: 1300px) {
  .grid-row__start-lg___qPhCB {
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start; }
  .grid-row__center-lg___ghQES {
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center; }
  .grid-row__end-lg___3O47I {
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end; }
  .grid-row__top-lg___3VArS {
    -webkit-box-align: start;
    align-items: flex-start; }
  .grid-row__middle-lg___2X5yy {
    -webkit-box-align: center;
    align-items: center; }
  .grid-row__bottom-lg___2pL_J {
    -webkit-box-align: end;
    align-items: flex-end; }
  .grid-row__around-lg___1ozYO {
    justify-content: space-around; }
  .grid-row__between-lg___ixlno {
    -webkit-box-pack: justify;
    justify-content: space-between; }
  .grid-row__first-lg___1p0hf {
    -webkit-box-ordinal-group: 0;
    order: -1; }
  .grid-row__last-lg___1ofnt {
    -webkit-box-ordinal-group: 2;
    order: 1; } }