@qvant/qui-max/dist/css/q-row.css

A Vue 3 Design system for Web.

.q-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(var(--layout-gutter) / -2);
  margin-left: calc(var(--layout-gutter) / -2);
}
.q-row_align-h_start {
  justify-content: flex-start;
}
.q-row_align-h_end {
  justify-content: flex-end;
}
.q-row_align-h_center {
  justify-content: center;
}
.q-row_align-h_between {
  justify-content: space-between;
}
.q-row_align-h_around {
  justify-content: space-around;
}
.q-row_align-v_start {
  align-items: flex-start;
}
.q-row_align-v_end {
  align-items: flex-end;
}
.q-row_align-v_center {
  align-items: center;
}
.q-row_align-v_baseline {
  align-items: baseline;
}
.q-row_align-v_stretch {
  align-items: stretch;
}