54 lines
688 B
SCSS
54 lines
688 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-between {
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
|
||
|
|
.flexlarge {
|
||
|
|
flex: 2;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Alignment styles.
|
||
|
|
.align-left {
|
||
|
|
justify-content: flex-start;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.align-right {
|
||
|
|
justify-content: flex-end;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.align-center {
|
||
|
|
justify-content: center;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bold {
|
||
|
|
font-weight: 700;
|
||
|
|
}
|
||
|
|
|
||
|
|
.italic {
|
||
|
|
font-style: italic;
|
||
|
|
}
|