rwanoux
61 lines
793 B
SCSS
61 lines
793 B
SCSS
// Flexbox.
|
|
.flex-group-center,
|
|
.flex-group-left,
|
|
.flex-group-right {
|
|
justify-content: center;
|
|
align-items: center;
|
|
text-align: center;
|
|
}
|
|
|
|
.flex-group-left {
|
|
justify-content: flex-start;
|
|
text-align: left;
|
|
}
|
|
|
|
.flex-group-right {
|
|
justify-content: flex-end;
|
|
text-align: right;
|
|
}
|
|
|
|
.flexshrink {
|
|
flex: 0;
|
|
}
|
|
|
|
.flex-center {
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.flex-between {
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.flex-around {
|
|
justify-content: space-around;
|
|
|
|
}
|
|
|
|
.flexlarge {
|
|
flex: 2;
|
|
}
|
|
|
|
.flexsmall {
|
|
flex: 0.5
|
|
}
|
|
|
|
// Alignment styles.
|
|
.align-left {
|
|
justify-content: flex-start;
|
|
text-align: left;
|
|
}
|
|
|
|
.align-right {
|
|
justify-content: flex-end;
|
|
text-align: right;
|
|
}
|
|
|
|
.align-center {
|
|
align-items: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
} |