typographie
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user