49 lines
611 B
SCSS
49 lines
611 B
SCSS
/**
|
|
* ALIGNERS
|
|
*/
|
|
|
|
// container
|
|
.aligner {
|
|
display: flex;
|
|
|
|
&--spaceBetween {
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
}
|
|
|
|
&--spaceAround {
|
|
justify-content: space-around;
|
|
width: 100%;
|
|
}
|
|
|
|
&--centerVertical {
|
|
align-items: center;
|
|
}
|
|
|
|
&--centerHoritzontal {
|
|
justify-content: center;
|
|
}
|
|
|
|
&--contentStart {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
&--contentEnd {
|
|
justify-content: flex-end;
|
|
}
|
|
}
|
|
|
|
// item
|
|
.aligner--itemTop {
|
|
align-self: flex-start;
|
|
}
|
|
|
|
.aligner--itemBottom {
|
|
align-self: flex-end;
|
|
}
|
|
|
|
.flex-grow, // deprecated
|
|
.aligner--grow {
|
|
flex-grow: 1;
|
|
}
|