clermont-ici: modify typography (#57175)

* default font-size and line-height
* describe default headers typography
This commit is contained in:
Thomas Jund 2021-09-29 15:55:09 +02:00
parent 3f87cc9be8
commit 3164f9cfa7
2 changed files with 31 additions and 9 deletions

View File

@ -1,3 +1,22 @@
//
// TYPO
//
h1 {
font-size: $fz-h1;
text-transform: uppercase;
}
h2 {
font-size: $fz-h2;
text-transform: uppercase;
}
h3 {
font-size: $fz-h3;
text-transform: uppercase;
}
p {
line-height: 1.35;
}
//
// COMPONENTS
//
@ -379,7 +398,7 @@ div.gru-nav ul {
justify-content: center;
align-items: center;
text-transform: uppercase;
font-weight: 600;
font-weight: 700;
color: black;
padding: 0 1.5em;
&, &:hover {
@ -430,18 +449,20 @@ div.gru-nav ul {
@extend .list-of-forms-cell;
}
.wcs-current-forms-cell,
.wcs-current-drafts-cell {
@extend .pk-transparent;
.text-cell p {
line-height: 1.35;
}
.text-cell:not(.centered-orange-cell) {
@extend .pk-transparent;
}
div.wcs-current-forms-cell,
div.wcs-current-drafts-cell {
@extend .pk-transparent;
h2:first-child {
font-size: $fz-h3 !important;
border-bottom: none;
border-radius: $border-radius !important;
background-color: $green-light;

View File

@ -13,11 +13,11 @@ $green-light: #BFE4C4;
}
// Typo
$fz-h1: 2.5em;
$fz-h2: 1.55em;
$fz-h3: 1.25em;
$fz-small: 0.875em;
$fz-xsmall: 0.75em;
$fz-h1: calc(40em / 15);
$fz-h2: calc(25em / 15);
$fz-h3: calc(20em / 15);
$fz-small: calc(13.5em / 15);
$fz-xsmall: calc(12em / 15);
// logos démarche
// "keyword" : "asset"
@ -33,6 +33,7 @@ $border-radius: 20px;
$font-color: black;
$link-color: $red;
$font-family: montserrat, sans-serif;
$font-size: 93.75%;
$width: 95rem;
$mobile-limit: 1024px;