49 lines
993 B
SCSS
49 lines
993 B
SCSS
.header {
|
|
@include flexbox();
|
|
@include align-items(center);
|
|
@include justify-content(center);
|
|
@include flex-direction(column);
|
|
|
|
.title {
|
|
font-family: $title-font;
|
|
font-weight: 900;
|
|
}
|
|
}
|
|
|
|
.site-header {
|
|
@include flexbox();
|
|
@include justify-content(center);
|
|
@include flex-direction(column);
|
|
|
|
&__title {
|
|
line-height: 1.1;
|
|
font-weight: 700;
|
|
font-family: $title-font;
|
|
|
|
&--shadow {
|
|
@include themify($themes) {
|
|
text-shadow: 1px 1px 0 themed('terms-title-color'),
|
|
2px 2px 0 lighten(themed('terms-title-shadow-color'), 4%),
|
|
3px 3px 0 lighten(themed('terms-title-shadow-color'), 8%),
|
|
4px 4px 0 lighten(themed('terms-title-shadow-color'), 12%);
|
|
}
|
|
}
|
|
}
|
|
|
|
&__subtitle {
|
|
line-height: 1.2;
|
|
font-family: $title-font;
|
|
}
|
|
|
|
&__align-left {
|
|
@include align-items(flex-start);
|
|
}
|
|
|
|
&__align-center {
|
|
@include align-items(center);
|
|
}
|
|
|
|
&__align-right {
|
|
@include align-items(flex-end);
|
|
}
|
|
} |