clermont-ici: modify typography (#57175)
* default font-size and line-height * describe default headers typography
This commit is contained in:
parent
3f87cc9be8
commit
3164f9cfa7
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue