86 lines
1.2 KiB
SCSS
86 lines
1.2 KiB
SCSS
/* ----------------------------------------- */
|
|
/* Flexbox */
|
|
/* ----------------------------------------- */
|
|
|
|
.flexrow {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
|
|
> * {
|
|
flex: 1;
|
|
}
|
|
|
|
.flex05 {
|
|
flex: 0.5;
|
|
}
|
|
.flex1 {
|
|
flex: 1;
|
|
}
|
|
.flex125 {
|
|
flex: 1.25;
|
|
}
|
|
.flex15 {
|
|
flex: 1.5;
|
|
}
|
|
.flex2 {
|
|
flex: 2;
|
|
}
|
|
.flex3 {
|
|
flex: 3;
|
|
}
|
|
.flex4 {
|
|
flex: 4;
|
|
}
|
|
}
|
|
|
|
.flexnowrap {
|
|
flex-wrap: nowrap;
|
|
}
|
|
|
|
.flexcol {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: nowrap;
|
|
|
|
> * {
|
|
flex: 1;
|
|
}
|
|
|
|
.flex05 {
|
|
flex: 0.5;
|
|
}
|
|
.flex1 {
|
|
flex: 1;
|
|
}
|
|
.flex125 {
|
|
flex: 1.25;
|
|
}
|
|
.flex15 {
|
|
flex: 1.5;
|
|
}
|
|
.flex2 {
|
|
flex: 2;
|
|
}
|
|
.flex3 {
|
|
flex: 3;
|
|
}
|
|
.flex4 {
|
|
flex: 4;
|
|
}
|
|
}
|
|
|
|
.flex-center {
|
|
align-items: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
}
|
|
|
|
.flex-between {
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.flex-around {
|
|
justify-content: space-around;
|
|
}
|