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

started projet viewmode full page

Browse Source
This commit is contained in:
bachir
2026-08-15 18:58:29 +02:00
parent d3799fb3b3
commit 9f9a2501ee
12 changed files with 4439 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/leshed/assets/scss/main.scss
+72 -17
View File
@@ -1,3 +1,4 @@
@import "partials/variables";
@import "partials/colors";
@import "partials/fonts";
@import "partials/mixins";
@@ -11,6 +12,8 @@ a, a:visited{
body{
margin: 0;
// background-color: green;
font-weight: $default_fwght;
line-height: 1.5;
}
// Splitting met .word ET .char en inline-block :
@@ -25,7 +28,6 @@ body{
display: inline;
}
$header_height: 50px;
// _ _
// | | | |
@@ -183,6 +185,23 @@ header[role="banner"]{
} // end of header[role="banner"]{
.variable-title{
margin: 0;
font-weight: 200;
text-transform:lowercase;
line-height: 1;
// margin-left: -0.04em;
filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 15px #fff);
span.word{
span.char{
letter-spacing:-0.1em;
}
}
// span.whitespace{
// letter-spacing: 0.5em;
// }
}
// _____ _____ __ ____ ___ _ ____
// |_ _/ _ \ \ / / / ___/ _ \| | / ___|
// | || | | \ \ /\ / / | | | | | | | \___ \
@@ -191,10 +210,11 @@ header[role="banner"]{
div.layout.layout--twocol-section--50-50{
flex-wrap: nowrap;
column-gap: 2%;
column-gap: $colsgap;
div.layout__region{
max-width: 49%;
flex: 1 0 50%;
max-width: calc(50% - $colsgap / 2);
flex: 1 0 calc(50% - $colsgap / 2);
.views-row{
// border: 1px solid red;
// box-sizing: border-box;
@@ -203,20 +223,7 @@ div.layout.layout--twocol-section--50-50{
article.node-type-projet{
>header{
>h2{
margin: 0;
font-size: 5em;
font-weight: 200;
text-transform:lowercase;
// margin-left: -0.04em;
filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 15px #fff);
span.word{
span.char{
letter-spacing:-0.1em;
}
}
// span.whitespace{
// letter-spacing: 0.5em;
// }
}
}
>div{
@@ -253,3 +260,51 @@ div.layout.layout--twocol-section--50-50{
}
}
}
article.node-type-projet.view-mode-full{
div.cols{
display: flex;
flex-direction: row;
gap: $colsgap;
// column-gap: 2em;
div.col{
flex:0 0 calc(50% - $colsgap / 2);
// max-width: 48%;
&.left{
>h2{
font-size: 12em;
margin: 0;
}
.field_artiste_s_invite_s{
font-size: 1.8em;
font-weight: 300;
}
.field_invite_accompagne_curate_p{
font-weight: 400;
.field-label{
font-weight: $default_fwght;
}
>div{
display: inline-block;
}
}
.field_dates{
time{
font-weight: 400;
}
}
}
&.right{
img{
max-width: 100%;
height: auto;
}
}
}
}
}