How to change title elements
The style of title element is found in app/style/scss/elements/_titleBlock.scss
The text color can be changed through the helpful classes:
.txt-light {
color: $white;
}
.txt-dark {
color: $templateColor;
}
.txt-black {
color: $titleColor;
}
.txt-color {
color:$hoverColor;
}
The style of this element looks like this:
.title-block {
margin-bottom: 25px;
&__title {
font-family: $titleFont;
font-size: 66px;
line-height: 68px;
font-weight: 700;
letter-spacing: 20px;
margin-bottom: 20px;
}
..
&__subtitle {
font-size:18px;
line-height: 28px;
font-family: $defaultFont;
font-weight: 300;
}
Each title block has different modifiers for different sections or styles. There are 5 styles of the title blocks’ modifiers:
&--specialty, &--menu, &--delivery, &--reservation, &--about