.flex-auto
  flex: 1 1 auto

.basis-15
  flex-basis: 15%

.basis-1-6
  flex-basis: 16.67%

.basis-1-5
  flex-basis: 20%

.basis-1-4
  flex-basis: 25%

.basis-30
  flex-basis: 30%

.basis-1-3
  flex-basis: 33.33%

.basis-2-5
  flex-basis: 40%

.basis-1-2
  flex-basis: 50%

.basis-3-4
  flex-basis: 75%

.basis-4-5
  flex-basis: 80%

.row-container
  display: flex
  flex-direction: row
  align-items: center
  gap: 20px  // sets 20px space between all children

.space-between
  justify-content: space-between

.spacer
  flex: 1 1 auto

.center
  text-align: center

.right-align
  display: flex
  justify-content: flex-end

.warn
  background-color: red