55 lines
655 B
Sass
55 lines
655 B
Sass
.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
|