134 lines
2.2 KiB
SCSS
Vendored
134 lines
2.2 KiB
SCSS
Vendored
p {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
h1,
|
|
.page-subtitle,
|
|
.header-title {
|
|
margin-bottom: 25px;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
h1,
|
|
.sectiontitle,
|
|
.page-subtitle {
|
|
position: relative;
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.sectiontitle,
|
|
.sectiontitle h2 {
|
|
font-size: 38px;
|
|
}
|
|
|
|
// h1:not(.maintitle):after,
|
|
.header-title:after,
|
|
.sectiontitle:after,
|
|
.page-subtitle:after {
|
|
content: "";
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
width: 20px;
|
|
height: 2px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
background-color: $color-main;
|
|
}
|
|
.header-title h1 {
|
|
margin-bottom: 0;
|
|
}
|
|
h1.blue-line:not(.maintitle):after,
|
|
.sectiontitle.blue-line:after,
|
|
.page-subtitle.blue-line:after {
|
|
background-color: $color-blue;
|
|
}
|
|
h1.white-line:not(.maintitle):after,
|
|
.sectiontitle.white-line:after,
|
|
.page-subtitle.white-line:after {
|
|
background-color: white;
|
|
}
|
|
|
|
h1:not(.maintitle) {
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
|
|
.page-subtitle {
|
|
//display: block;
|
|
position: relative;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.maintitle {
|
|
font-family: $fontbarlow-bold;
|
|
}
|
|
|
|
.mascotte:before {
|
|
content: url(~@/images/coq.png);
|
|
display: none;
|
|
position: absolute;
|
|
left: -450px;
|
|
bottom: 0;
|
|
}
|
|
|
|
.h2 {
|
|
margin-bottom: 0;
|
|
font-family: $fontbarlow-regular;
|
|
}
|
|
|
|
h2:not(.punchline-module__title),
|
|
h3:not(.product-card__title) {
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
h3:not(.product-card__title) {
|
|
&:not(:first-child) {
|
|
margin-top: 25px;
|
|
}
|
|
}
|
|
|
|
h3 {
|
|
font-family: $fontbarlow-bold;
|
|
}
|
|
h3.product-card__title {
|
|
font-family: $fontcocon-regular;
|
|
}
|
|
@media screen and (min-width: 1024px) {
|
|
.mascotte:before {
|
|
display: block;
|
|
font-size: 48px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 800px) {
|
|
h1:not(.title_page),
|
|
.page-subtitle,
|
|
h2 {
|
|
font-size: 48px;
|
|
}
|
|
|
|
h2,
|
|
.h2,
|
|
h3:not(.item__title, .product-card__title) {
|
|
font-size: 30px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 799px) {
|
|
h1:not(.title_page),
|
|
.page-subtitle {
|
|
font-size: 32px;
|
|
}
|
|
h2 {
|
|
font-size: 18px;
|
|
}
|
|
|
|
h2,
|
|
.h2,
|
|
h3:not(.item__title, .product-card__title) {
|
|
font-size: 24px;
|
|
}
|
|
}
|