bachir/drupal-erable
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

corrections graphiques

Browse Source
This commit is contained in:
Valentin
2024-11-27 19:34:18 +01:00
parent c052f89d27
commit 5b13541fdc
20 changed files with 962 additions and 249 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/themes/erabletheme/scss/_actualites.scss
View File

@@ -19,5 +19,10 @@
font-size: $xl_font_size !important;
}
}
.sous_titre {
@media screen and (min-width: $breakpoint_tablet) {
font-size: $m_font_size !important;
}
}
}
}

10
web/themes/erabletheme/scss/_fullpage.scss
View File

@@ -11,6 +11,7 @@
position: relative;
width: auto;
display: inline-block;
line-height: 1.3;
@include main_title();
}
@@ -74,6 +75,15 @@
padding-left: $x_margin;
@include sous_titre();
}
.faded {
opacity: 0;
transform: translateY(2rem);
transition: all 0.5s ease 0.2s;
}
.fade-in {
opacity: 1;
transform: translateY(0);
}
}
.views-row {

195
web/themes/erabletheme/scss/_gouvernance.scss
View File

@@ -1,85 +1,127 @@
.paragraph--type--membre-equipe {
height: auto;
display: grid;
grid-template-columns: 30vw auto 1fr;
grid-auto-rows: auto;
margin-bottom: 5vh;
padding: 0 3vw !important;
&:first-of-type {
margin-top: 5vh;
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type {
@media screen and (min-width: $breakpoint_desktop) {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 2.5vw;
max-width: 100%;
padding: 0 3vw;
}
> .portrait {
grid-row: 1 / 3;
> div {
display: flex;
align-items: center;
> div {
width: 20vw;
height: 20vw;
position: relative;
img {
border-radius: 10vw;
width: 100%;
height: 100%;
object-fit: cover;
padding: 1px;
filter: grayscale(100%);
}
&::after {
top: 0;
left: 0;
position: absolute;
content: '';
height: 100%;
width: 100%;
background-image: url('/themes/erabletheme/assets/cercle_dessin.svg');
background-size: cover;
display: block;
pointer-events: none;
}
.paragraph--type--membre-equipe {
height: auto;
display: grid;
grid-template-columns: 30vw auto 1fr;
grid-auto-rows: auto;
margin-bottom: 5vh;
padding: 0 3vw !important;
&:first-of-type {
margin-top: 5vh;
}
> .portrait {
grid-row: 1 / 3;
> div {
display: flex;
align-items: center;
> div {
width: 20vw;
height: 20vw;
position: relative;
img {
border-radius: 10vw;
width: 100%;
height: 100%;
object-fit: cover;
padding: 1px;
filter: grayscale(100%);
}
&::after {
top: 0;
left: 0;
position: absolute;
content: '';
height: 100%;
width: 100%;
background-image: url('/themes/erabletheme/assets/cercle_dessin.svg');
background-size: cover;
display: block;
pointer-events: none;
}
}
}
}
> .prenom,
> .nom {
align-self: flex-end;
margin-bottom: 2vh;
@include sous_titre();
}
> .nom > div {
padding-left: 0.5rem;
}
> .texte {
grid-column: 2 / 4;
@include main_text_content();
p {
margin-top: 0 !important;
padding-left: 0 !important;
}
}
@media screen and (min-width: $breakpoint_tablet) {
grid-template-columns: 10vw auto 1fr;
> .portrait > div > div {
width: 10vw;
height: 10vw;
border-radius: 5vw;
}
> .prenom {
padding-left: 3vw;
}
> .texte p {
padding-left: 3vw !important;
}
}
@media screen and (min-width: $breakpoint_desktop) {
padding: 0 !important;
grid-template-columns: auto 1fr;
> .portrait {
grid-column: 1 / 3;
grid-row: 1 / 1;
// justify-self: center;
width: 7vw;
height: 7vw;
> div > div {
width: 7vw;
height: 7vw;
}
}
}
> .prenom,
> .nom {
align-self: flex-end;
margin-bottom: 2vh;
@include sous_titre();
}
> .nom > div {
padding-left: 0.5rem;
}
> .texte {
grid-column: 2 / 4;
@include main_text_content();
p {
margin-top: 0 !important;
padding-left: 0 !important;
}
}
@media (min-width: $breakpoint_tablet) {
grid-template-columns: 10vw auto 1fr;
> .portrait > div > div {
width: 10vw;
height: 10vw;
border-radius: 5vw;
}
> .prenom,
> .nom {
margin-top: 0.8rem;
align-self: start;
padding: 0 !important;
grid-row: 2 / 2;
}
> .prenom {
justify-self: end;
}
> .texte {
grid-column: 1 / 3;
grid-row: 3 / 3;
p {
padding: 0 !important;
margin: 0 !important;
}
}
}
> .prenom {
padding-left: 3vw;
}
> .texte p {
padding-left: 3vw !important;
}
}
}
.content_gouvernance {
/* .content_gouvernance {
.views-row {
margin-bottom: 2vh;
article {
@@ -97,6 +139,5 @@
}
}
}
}
*/

51
web/themes/erabletheme/scss/_projets.scss
View File

@@ -350,6 +350,31 @@
@include sous_titre_alt();
}
> div:nth-of-type(2) {
> div:first-of-type > div {
> div:first-of-type > div:last-of-type::before {
mask-image: url('/themes/erabletheme/assets/equipes-projets-icons/grenouille.svg');
}
}
> div:nth-of-type(2) > div {
> div:first-of-type > div:last-of-type::before {
mask-image: url('/themes/erabletheme/assets/equipes-projets-icons/marmotte.svg');
}
}
> div:nth-of-type(3) > div {
> div:first-of-type > div:last-of-type::before {
mask-image: url('/themes/erabletheme/assets/equipes-projets-icons/collibri.svg');
}
}
> div:nth-of-type(4) > div {
> div:first-of-type > div:last-of-type::before {
mask-image: url('/themes/erabletheme/assets/equipes-projets-icons/papillon.svg');
}
}
> div:nth-of-type(5) > div {
> div:first-of-type > div:last-of-type::before {
mask-image: url('/themes/erabletheme/assets/equipes-projets-icons/nenuphar.svg');
}
}
> div {
> div {
padding-left: $x_margin;
@@ -358,7 +383,23 @@
margin-bottom: 3rem !important;
> div:first-of-type {
margin-bottom: 2rem;
display: inline-block;
@include sous_titre();
> div:last-of-type {
display: flex;
align-items: center;
&::before {
content: '';
display: inline-block;
width: 1.8rem;
height: 1.8rem;
background-color: $teal;
mask-repeat: no-repeat;
mask-position: center;
mask-size: 1.8rem;
margin-right: 0.5rem;
}
}
}
> div:nth-of-type(2) {
> div {
@@ -391,8 +432,9 @@
grid-row: 2;
margin: 0;
padding: 0;
color: black;
font-size: $m_font_size;
color: black !important;
font-size: $m_font_size !important;
@include sous_titre();
> div {
padding-left: 0.2rem !important;
}
@@ -402,8 +444,9 @@
grid-row: 2;
margin: 0;
padding: 0;
color: black;
font-size: $m_font_size;
color: black !important;
font-size: $m_font_size !important;
@include sous_titre();
}
> .texte {
margin-top: 0.5rem;

7
web/themes/erabletheme/scss/_ressources.scss
View File

@@ -18,10 +18,11 @@
margin: 0 !important;
padding: 0 !important;
justify-self: start;
align-self: end;
> a {
display: block;
pointer-events: none;
> span {
//margin-top: -1rem !important;
display: block;
@include sous_titre_alt();
}
@@ -44,6 +45,7 @@
padding: 2rem 0;
margin-right: 2rem;
img {
border: solid 1px $teal;
width: 100%;
height: auto;
}
@@ -52,6 +54,9 @@
grid-column: 2;
grid-row: 2;
margin-top: -1rem;
align-self: center;
display: block;
padding-bottom: 0.5rem;
@include main_text_content();
}
}

3
web/themes/erabletheme/scss/partials/_articles.scss
View File

@@ -19,6 +19,9 @@
margin-bottom: 5px;
}
}
.article_meta + h2 {
margin-top: 0 !important;
}
h2 {
padding-top: 0 !important;
margin-bottom: 2rem !important;

2
web/themes/erabletheme/scss/partials/_articles_teaser.scss
View File

@@ -10,7 +10,7 @@
width: 100%;
aspect-ratio: 20 / 9;
overflow: hidden;
padding-left: $x_margin;
//padding-left: $x_margin;
padding-right: $x_margin;
display: flex;
align-items: center;

13
web/themes/erabletheme/scss/partials/_background.scss
View File

@@ -27,10 +27,20 @@
width: auto;
z-index: -1;
}
@media screen and (min-width: $breakpoint_desktop_large) {
width: 22vw;
}
}
#bg-2 {
top: 8vh;
left: -28vw;
@media screen and (min-width: $breakpoint_desktop) {
transform: rotate(1deg);
}
@media screen and (min-width: $breakpoint_desktop_large) {
left: -5vw;
top: 9vh;
}
}
#bg-5 {
width: 20vw;
@@ -40,6 +50,9 @@
@media screen and (min-width: $breakpoint_desktop) {
z-index: -1;
}
@media screen and (min-width: $breakpoint_desktop_large) {
width: 27vw;
}
}
/* #bg-4 {
top: 18vh;

4
web/themes/erabletheme/scss/partials/_header.scss
View File

@@ -250,7 +250,7 @@
}
}
#block-erabletheme-navigationprincipale {
background: linear-gradient(to bottom, white, transparent);
background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0.8) 50%, transparent);
width: 100%;
display: none;
position: absolute;
@@ -266,7 +266,7 @@
li {
font-family: 'Marianne', sans-serif;
font-size: $m_font_size;
padding: 4px 12px;
padding: 9px 16px;
background-color: white;
transition: background-color 0.3s ease;
&:first-of-type {

4
web/themes/erabletheme/scss/styles.scss
View File

@@ -10,13 +10,11 @@
@import "partials/_header";
@import "partials/_footer";
@import "partials/_carousel";
@import "partials/_articles";
@import "partials/_articles_teaser";
@import "partials/_forms.scss";
@import "partials/_background.scss";
/* PAGES */
@import "_home.scss";
@import "_fullpage.scss";
@import "_gouvernance.scss";
@@ -27,3 +25,5 @@
@import "_actualites.scss";
@import "_ressources.scss";
@import "_faq.scss";
@import "partials/_articles";