36 lines
436 B
SCSS
36 lines
436 B
SCSS
|
.f-column {
|
||
|
|
display:flex;
|
||
|
|
flex-direction: column;
|
||
|
|
&.reverse {
|
||
|
|
flex-direction:column-reverse;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.f-row {
|
||
|
|
display:flex;
|
||
|
|
flex-direction: row;
|
||
|
|
&.reverse {
|
||
|
|
flex-direction:row-reverse;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.f-start {
|
||
|
|
justify-content: flex-start;
|
||
|
|
}
|
||
|
|
|
||
|
|
.f-end {
|
||
|
|
justify-content: flex-end;
|
||
|
|
}
|
||
|
|
|
||
|
|
.f-center {
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.f-around {
|
||
|
|
justify-content: space-around;
|
||
|
|
}
|
||
|
|
|
||
|
|
.f-between {
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|