add font
This commit is contained in:
@@ -1,6 +1,8 @@
|
||||
#block-popsu-colloque-submenu{
|
||||
margin: 3rem auto;
|
||||
ul{
|
||||
display: flex;
|
||||
padding: 0;
|
||||
li{
|
||||
margin-right: 1rem;
|
||||
a{
|
||||
@@ -11,8 +13,9 @@
|
||||
background: white;
|
||||
transition: color 0.3s ease, background 0.3s ease;
|
||||
&:hover{
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
background: blue;
|
||||
background: $color2;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,11 +1,11 @@
|
||||
.__img-hero{
|
||||
height: 400px;
|
||||
width: 100vw;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
right: 50%;
|
||||
margin-left: -50vw;
|
||||
margin-right: -50vw;
|
||||
// width: 100vw;
|
||||
// position: relative;
|
||||
// left: 50%;
|
||||
// right: 50%;
|
||||
// margin-left: -50vw;
|
||||
// margin-right: -50vw;
|
||||
img{
|
||||
width:100%;
|
||||
height: 100%;
|
||||
|
||||
@@ -1,7 +1,10 @@
|
||||
// main{
|
||||
// margin-top: $margin-hero;
|
||||
// }
|
||||
html,body{
|
||||
background: $fond;
|
||||
}
|
||||
|
||||
header{
|
||||
background: white;
|
||||
}
|
||||
|
||||
img{
|
||||
width:100%;
|
||||
@@ -31,8 +34,12 @@ article{
|
||||
.__head{
|
||||
div{
|
||||
& > div{
|
||||
margin: 0rem 0.5rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
& > div:not(:first-child){
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -50,8 +57,15 @@ blockquote{
|
||||
|
||||
.container{
|
||||
&.programme{
|
||||
margin-top: 3rem;
|
||||
h3{
|
||||
margin: 0;
|
||||
}
|
||||
.views{
|
||||
section{
|
||||
& > div{
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
&:not(:last-child){
|
||||
@include croix_or;
|
||||
margin: 0 0 2rem 0;
|
||||
|
||||
@@ -1,3 +1,6 @@
|
||||
.paragraph--type--role-de-l-intervenant{
|
||||
margin-bottom: 5rem;
|
||||
}
|
||||
.___title_inter{
|
||||
border-bottom: 1px solid black;
|
||||
margin-bottom: 2rem;
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
.__rs{
|
||||
& > div{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
margin: 0 0.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -225,6 +225,13 @@ article{
|
||||
}
|
||||
}
|
||||
}
|
||||
.views{
|
||||
&.__publications{
|
||||
article{
|
||||
width: calc( 25% - #{$gutter1} * 4);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.bibliographie{
|
||||
article{
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
|
||||
@import "variables/var.scss";
|
||||
@import "mixins/mixin.scss";
|
||||
@import "typography.scss";
|
||||
@import "./typography.scss";
|
||||
@import "components/admin/edit.scss";
|
||||
@import "components/admin/toolbar.scss";
|
||||
|
||||
|
||||
@@ -1,14 +1,162 @@
|
||||
@font-face {
|
||||
font-family: 'dukefill';
|
||||
src: url('../fonts/duke_fill-webfont.woff2') format('woff2'),
|
||||
url('../fonts/duke_fill-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'cormorantBold';
|
||||
src: url('../fonts/Cormorant-Bold-webfont.woff2') format('woff2'),
|
||||
url('../fonts/Cormorant-Bold-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'cormorantBoldItalic';
|
||||
src: url('../fonts/Cormorant-BoldItalic-webfont.woff2') format('woff2'),
|
||||
url('../fonts/Cormorant-BoldItalic-webfont.woff') format('woff');
|
||||
font-weight: lighter;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'truenoregular';
|
||||
src: url('../fonts/truenorg-webfont.woff2') format('woff2'),
|
||||
url('../fonts/truenorg-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
|
||||
main{
|
||||
h2{
|
||||
text-transform: uppercase;
|
||||
font-family: 'dukefill';
|
||||
font-size: 3.5rem;
|
||||
line-height: 3rem;
|
||||
letter-spacing: $letter_spacingH;
|
||||
}
|
||||
h2, a{
|
||||
// color: $color2;
|
||||
color: $color2;
|
||||
}
|
||||
&.home{
|
||||
h2{
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
h3{
|
||||
text-transform: uppercase;
|
||||
margin: 2rem 0;
|
||||
font-family: 'dukefill';
|
||||
font-size: 3rem;
|
||||
letter-spacing: $letter_spacingH;
|
||||
color: $lightgrey;
|
||||
}
|
||||
.__ressources{
|
||||
h4{
|
||||
text-transform: uppercase;
|
||||
margin: 2rem 0;
|
||||
font-family: 'dukefill';
|
||||
font-size: 2rem;
|
||||
letter-spacing: $letter_spacingH;
|
||||
color: $color2
|
||||
}
|
||||
}
|
||||
|
||||
blockquote{
|
||||
p{
|
||||
font-family: 'cormorantBold';
|
||||
font-size: 3rem;
|
||||
line-height: 3rem;
|
||||
font-weight: lighter;
|
||||
}
|
||||
}
|
||||
|
||||
p{
|
||||
font-size: 1rem;
|
||||
line-height: 1.5rem;
|
||||
font-family: 'truenoregular';
|
||||
}
|
||||
|
||||
a{
|
||||
color: black;
|
||||
&:hover{
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
.__wrap_content{
|
||||
p{
|
||||
a{
|
||||
display: inline;
|
||||
background: $underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.thumbnails_participants{
|
||||
*{
|
||||
color: $color2;
|
||||
}
|
||||
.__name{
|
||||
font-family: 'truenoregular';
|
||||
font-size: 1rem;
|
||||
}
|
||||
.__qualite{
|
||||
font-family: 'truenoregular';
|
||||
font-size: 1rem;
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.programme{
|
||||
h3{
|
||||
font-size: 1.5rem;
|
||||
font-family: 'truenoregular';
|
||||
}
|
||||
}
|
||||
|
||||
.thumbnails{
|
||||
time, .type_moment{
|
||||
font-family: 'truenoregular';
|
||||
font-size: 0.9rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.__content{
|
||||
a{
|
||||
font-family: 'truenoregular';
|
||||
font-weight: bold;
|
||||
font-size: 1rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.paragraph--type--role-de-l-intervenant{
|
||||
.___title_inter{
|
||||
div{
|
||||
font-family: 'truenoregular';
|
||||
font-weight: bold;
|
||||
font-size: 0.8rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
article{
|
||||
.__head{
|
||||
div{
|
||||
font-family: 'truenoregular';
|
||||
font-size: 1rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
}
|
||||
.blue, #txt_present{
|
||||
// color: $color2;
|
||||
}
|
||||
@@ -20,6 +168,20 @@ main{
|
||||
}
|
||||
}
|
||||
|
||||
#block-popsu-colloque-submenu{
|
||||
ul{
|
||||
li{
|
||||
a{
|
||||
font-size: 2rem;
|
||||
font-family: 'dukefill';
|
||||
letter-spacing: 0.05rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.more_link{
|
||||
span{
|
||||
padding-left: 0.5rem;
|
||||
|
||||
@@ -1,8 +1,12 @@
|
||||
$color1: red;
|
||||
$color2: #1d378eff;
|
||||
$col_black: black;
|
||||
$lightgrey: grey;
|
||||
$lightgrey: #6f6d7dff;
|
||||
$fond: #1d378e0d;
|
||||
$underline:#d2d2ebff;
|
||||
|
||||
$gutter1 : 1rem;
|
||||
|
||||
$croix_or: '../images/croix_filetsable.svg';
|
||||
|
||||
$letter_spacingH: 0.1rem;
|
||||
|
||||
Reference in New Issue
Block a user