kevin/Popsu-coloque
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

change typo et couleur

Browse Source
This commit is contained in:
ouidade
2024-04-16 09:32:02 +02:00
parent 31fe945538
commit 82076eabb0
66 changed files with 6105 additions and 1133 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/colloque2024/css/configs/global.scss
+13 -12
View File
@@ -1,5 +1,6 @@
body,html{
font-size: 16px;
font-family: 'Marianne', "sans-serif";
line-height: 1.2;
background: $fond;
.is-active{
@@ -25,24 +26,24 @@ h1,h2,h3,h4{
}
h2{
font-family: 'dukefill';
font-family: 'Marianne';
font-size: 2.5rem;
line-height: 2.5rem;
color: $color2;
color: $col_black;
@media screen and (min-width: 768px) {
font-size: 3rem;
line-height: 3.5rem;
}
a{
color: $color2;
color: $col_black;
}
}
h3{
margin: 1rem 0;
font-family: 'dukefill';
font-family: 'Mariannebold';
font-size: 2rem;
color: $lightgrey;
color: $color2024;
@media screen and (min-width: 768px){
font-size: 2.5rem;
line-height: 3.5rem;
@@ -58,15 +59,15 @@ p {
p{
font-size: 1rem;
line-height: 1.5rem;
font-family: 'truenoregular';
font-family: 'Marianneregular';
strong{
font-family: 'truenobold';
font-family: 'Mariannebold';
em{
font-family: 'truenobold_italic';
font-family: 'Mariannebold_italic';
}
}
em{
font-family: 'truenoregular_italic';
font-family: 'Marianneregular_italic';
}
a{
display: inline;
@@ -86,7 +87,7 @@ a{
blockquote{
margin: 2rem 1rem 2rem 1rem;
color: $lightgrey;
@include croix_or_B;
// @include croix_or_B;
@media screen and (min-width: 768px) {
margin: 3.5rem 2rem 4rem 2rem;
p{
@@ -94,7 +95,7 @@ blockquote{
}
}
p{
font-family: 'cormorantBold';
font-family: 'Mariannebold';
font-size: 2rem;
line-height: 2.5rem;
font-weight: lighter;
@@ -119,7 +120,7 @@ button{
footer{
*{
font-family: 'truenobold';
font-family: 'Marianne';
color: $col_black;
}
h2{
web/themes/custom/colloque2024/css/configs/mixin.scss
+24 -24
View File
@@ -1,27 +1,27 @@
@mixin croix_or {
&:after{
height: 10px;
margin-top: 0.5rem;
content: " ";
display: block;
background: url($croix_or);
background-repeat: repeat-x;
background-size: auto auto;
}
}
// @mixin croix_or {
// &:after{
// height: 10px;
// margin-top: 0.5rem;
// content: " ";
// display: block;
// background: url($croix_or);
// background-repeat: repeat-x;
// background-size: auto auto;
// }
// }
@mixin croix_or_B {
&:before{
width: 100px;
height: 10px;
margin-top: 0.5rem;
content: " ";
display: block;
background: url($croix_or);
background-repeat: repeat-x;
background-size: auto auto;
}
}
// @mixin croix_or_B {
// &:before{
// width: 100px;
// height: 10px;
// margin-top: 0.5rem;
// content: " ";
// display: block;
// background: url($croix_or);
// background-repeat: repeat-x;
// background-size: auto auto;
// }
// }
@mixin shadow{
@@ -29,7 +29,7 @@
transition: 0.3s transform ease, 0.3s box-shadow ease;
&:hover{
transform: scale(1.05);
box-shadow: 0px 0px 13px 0px $color2;
box-shadow: 0px 0px 13px 0px $color2024;
transition: 0.3s transform ease, 0.3s box-shadow ease;
}
}
web/themes/custom/colloque2024/css/configs/typography.scss
+126 -21
View File
@@ -68,10 +68,111 @@
font-style: normal;
}
#block-renderedsitesettingsblock-2 {
/*marianne*/
@font-face {
font-family: 'Mariannethin';
src: url('../fonts/Marianne/Marianne-Thin.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-Thin.woff') format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Mariannethin_italic';
src: url("../fonts/Marianne/Marianne-Thin_Italic.woff2") format('woff2'),
url('../fonts/Marianne/Marianne-Thin_Italic.woff') format('woff');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Mariannelight';
src: url('../fonts/Marianne/Marianne-Light.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-Light.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Mariannelight_italic';
src: url('../fonts/Marianne/Marianne-Light_Italic.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-Light_Italic.woff') format('woff');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Marianneregular';
src: url("../fonts/Marianne/Marianne-Regular.woff2") format('woff2'),
url("../fonts/Marianne/Marianne-Regular.woff") format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Marianneregular_italic';
src: url('../fonts/Marianne/Marianne-Regular_Italic.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-Regular_Italic.woff') format('woff');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Mariannemedium';
src: url('../fonts/Marianne/Marianne-Medium.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-Medium.woff') format('woff');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Mariannemedium_italic';
src: url('../fonts/Marianne/Marianne-Medium_Italic.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-Medium_Italic.woff') format('woff');
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: 'Mariannebold';
src: url('../fonts/Marianne/Marianne-Bold.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-Bold.woff') format('woff');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Mariannebold_italic';
src: url('../fonts/Marianne/Marianne-Bold_Italic.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-Bold_Italic.woff') format('woff');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Marianneextrabold';
src: url('../fonts/Marianne/Marianne-ExtraBold.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-ExtraBold.woff') format('woff');
font-weight: 1000;
font-style: normal;
}
@font-face {
font-family: 'Marianneextrabold_italic';
src: url('../fonts/Marianne/Marianne-ExtraBold_Italic.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-ExtraBold_Italic.woff') format('woff');
font-weight: 1000;
font-style: italic;
}
#block-colloque2024-renderedsitesettingsblock-2 {
.site_setting_entity {
h1 {
font-family: "dukefill";
font-family: 'Marianneregular';
font-size: 2rem;
line-height: 2rem;
text-transform: uppercase;
@@ -82,11 +183,11 @@
.__info_colloque {
& > div {
&:first-child {
font-family: "truenoregular";
font-family: "Marianneregular";
font-size: 0.9rem;
}
&:last-child {
font-family: "truenoregular";
font-family: "Marianneregular";
font-weight: bold;
font-size: 0.7rem;
line-height: 1;
@@ -98,25 +199,25 @@
form {
label {
font-family: "truenolight";
font-family: "Mariannelight";
}
.select-items {
div {
font-family: "truenolight";
font-family: "Mariannelight";
}
}
.select-selected {
font-family: "truenoregular";
font-family: "Marianneregular";
}
input {
font-family: "truenolight";
font-family: "Mariannelight";
}
}
.thumbnails {
&.programme {
.__content {
font-family: "truenobold";
font-family: "Mariannebold";
font-size: 1rem;
text-transform: uppercase;
}
@@ -124,11 +225,11 @@ form {
&.publications {
.__content {
div {
font-family: "cormorantBold";
font-family: "Mariannebold";
font-size: 1.2rem;
}
span {
font-family: "cormorantBoldItalic";
font-family: "Mariannebold_italic";
font-size: 1.2rem;
}
}
@@ -136,11 +237,11 @@ form {
&.interviews {
.__content {
div {
font-family: "cormorantBold";
font-family: "Mariannebold";
font-size: 1.2rem;
}
span {
font-family: "cormorantBoldItalic";
font-family: "Mariannebold_italic";
font-size: 1.2rem;
}
}
@@ -149,11 +250,11 @@ form {
background: transparent;
div,
p {
font-family: "cormorantBold";
font-family: "Mariannebold";
font-size: 1.2rem;
}
span {
font-family: "cormorantBoldItalic";
font-family: "Mariannebold_italic";
font-size: 1.2rem;
}
}
@@ -163,22 +264,26 @@ form {
.thumbnails_participants {
@include shadow_participants;
* {
color: $color2;
// color: $color2024;
}
.__name {
font-family: "truenoregular";
font-family: "Marianneregular";
font-size: 1rem;
color: $col_black;
padding-bottom: 0.5rem;
}
.__qualite {
font-family: "truenoregular_italic";
font-family: "Marianneregular_italic";
font-size: 0.8rem;
color: $color2024;
}
}
.paragraph--type--role-de-l-intervenant {
.___title_inter {
div {
font-family: "truenobold";
font-family: "Mariannebold";
font-size: 0.8rem;
text-transform: uppercase;
}
@@ -190,7 +295,7 @@ article {
&.participant_full {
.__auteur {
h2 {
font-family: "truenoregular";
font-family: "Marianneregular";
font-size: 2rem;
line-height: 1;
letter-spacing: normal;
@@ -198,7 +303,7 @@ article {
}
.status {
div {
font-family: "truenoregular_italic";
font-family: "Marianneregular_italic";
color: $color2;
font-size: 1rem;
line-height: 1.2rem;
web/themes/custom/colloque2024/css/configs/var.scss
+3 -1
View File
@@ -1,8 +1,10 @@
$color1: #b9a47eff;
$color2: #1d378eff;
$color2024: rgb(3,135,136);
$col_black: black;
$color_orange: rgb(255, 128, 77);
$lightgrey: #6f6d7dff;
$fond: #1d378e0d;
$fond: white;
$underline:#d2d2ebff;
$gutter: 0.5rem;