typographie

This commit is contained in:
2020-07-28 22:14:58 +02:00
parent f7a6562f51
commit b8dad034eb
91 changed files with 718 additions and 255 deletions
@@ -28,6 +28,11 @@ h2{
font-family: 'dukefill';
font-size: 2.5rem;
line-height: 2.5rem;
color: $color2;
@media screen and (min-width: 768px) {
font-size: 3rem;
line-height: 3.5rem;
}
a{
color: $color2;
}
@@ -38,6 +43,10 @@ h3{
font-family: 'dukefill';
font-size: 2rem;
color: $lightgrey;
@media screen and (min-width: 768px){
font-size: 2.5rem;
line-height: 3.5rem;
}
}
p {
@@ -50,6 +59,19 @@ p{
font-size: 1rem;
line-height: 1.5rem;
font-family: 'truenoregular';
strong{
font-family: 'truenobold';
em{
font-family: 'truenobold_italic';
}
}
em{
font-family: 'truenoregular_italic';
}
a{
display: inline;
background: $underline;
}
}
a{
@@ -86,8 +108,6 @@ img{
object-fit: cover;
}
button{
outline:0;
border: 0;
@@ -96,3 +116,15 @@ button{
border: 0;
}
}
footer{
*{
font-family: 'truenobold';
color: $col_black;
}
h2{
text-transform: uppercase;
font-size: 1rem;
line-height: 1.5rem;
}
}
@@ -20,10 +20,51 @@
font-style: normal;
}
@font-face {
font-family: 'truenolight';
src: url('../fonts/trueno/truenolt-webfont.woff2') format('woff2'),
url('../fonts/trueno/truenolt-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'truenolight_italic';
src: url('../fonts/trueno/truenoltit-webfont.woff2') format('woff2'),
url('../fonts/trueno/truenoltit-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'truenoregular';
src: url('../fonts/truenorg-webfont.woff2') format('woff2'),
url('../fonts/truenorg-webfont.woff') format('woff');
src: url('../fonts/trueno/truenorg-webfont.woff2') format('woff2'),
url('../fonts/trueno/truenorg-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'truenoregular_italic';
src: url('../fonts/trueno/truenorgit-webfont.woff2') format('woff2'),
url('../fonts/trueno/truenorgit-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'truenobold';
src: url('../fonts/trueno/truenobd-webfont.woff2') format('woff2'),
url('../fonts/trueno/truenobd-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'truenobold_italic';
src: url('../fonts/trueno/truenobdit-webfont.woff2') format('woff2'),
url('../fonts/trueno/truenobdit-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@@ -66,13 +107,28 @@
}
}
main{
// page publication
form{
label{
font-family: 'truenolight';
}
.select-items{
div{
font-family: 'truenolight';
}
}
.select-selected{
font-family: 'truenoregular';
}
input{
font-family: 'truenolight';
}
}
.thumbnails{
&.programme{
.__content{
font-family: 'truenoregular';
font-weight: bold;
font-family: 'truenobold';
font-size: 1rem;
text-transform: uppercase;
}
@@ -102,6 +158,32 @@ main{
}
}
// thumbnails_participants
.thumbnails_participants{
@include shadow_participants;
*{
color: $color2;
}
.__name{
font-family: 'truenoregular';
font-size: 1rem;
}
.__qualite{
font-family: 'truenoregular_italic';
font-size: 0.8rem;
}
}
.paragraph--type--role-de-l-intervenant{
.___title_inter{
div{
font-family: 'truenobold';
font-size: 0.8rem;
text-transform: uppercase;
}
}
}
// page shadow_participants
article{
&.participant_full{
@@ -109,14 +191,17 @@ article{
h2{
font-family: 'truenoregular';
font-size: 2rem;
line-height: 1;
letter-spacing: normal;
}
}
.status{
div{
font-family: 'truenoregular';
font-style: italic;
font-size: 0.8rem;
font-family: 'truenoregular_italic';
color: $color2;
font-size: 1rem;
line-height: 1.2rem;
text-align: center;
@media screen and (min-width: 768px) {
text-align: left;
@@ -125,34 +210,3 @@ article{
}
}
}
// thumbnails_participants
.thumbnails_participants{
@include shadow_participants;
*{
color: $color2;
}
.__name{
font-family: 'truenoregular';
font-size: 1rem;
}
.__qualite{
font-family: 'truenoregular';
font-size: 0.8rem;
font-style: italic;
}
}
.paragraph--type--role-de-l-intervenant{
.___title_inter{
div{
font-family: 'truenoregular';
font-weight: bold;
font-size: 0.8rem;
text-transform: uppercase;
}
}
}
}