variables titles are ok

2026-08-13 11:58:27 +02:00
parent 612896d2c6
commit 914f5fd9d1
5 changed files with 366 additions and 32 deletions
@@ -72,7 +72,7 @@ header[role="banner"]{
    display: flex;
    justify-content:space-between;
    align-items: center;
-    padding: 0.2em 2em;
+    padding: 0.2em 0;
  }

  #block-leshed-identitedusite{
@@ -170,3 +170,76 @@ header[role="banner"]{
  }
 } // end of header[role="banner"]{

+
+//   _____ _____        __   ____ ___  _     ____
+//  |_   _/ _ \ \      / /  / ___/ _ \| |   / ___|
+//    | || | | \ \ /\ / /  | |  | | | | |   \___ \
+//    | || |_| |\ V  V /   | |__| |_| | |___ ___) |
+//    |_| \___/  \_/\_/     \____\___/|_____|____/
+
+div.layout.layout--twocol-section--50-50{
+  flex-wrap: nowrap;
+  column-gap: 1em;
+  div.layout__region{
+    .views-row{
+      // border: 1px solid red;
+      // box-sizing: border-box;
+      margin-bottom: 1.5em;
+      article.node-type-projet{
+        >header{
+          >h2{
+            margin: 0;
+            font-size: 5em;
+            text-transform:lowercase;
+            filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 15px #fff);
+            span.word{
+              hyphens: auto;
+
+              // $bgcolor:rgba(255,255,255,0.8);
+              // // background-color: $bgcolor;
+              // border-radius: 0.8em;
+              // box-shadow: 0 0 20px #fff;
+
+              span.char{
+                letter-spacing:-0.2em;
+              }
+            }
+            // span.whitespace{
+            //   letter-spacing: 0.5em;
+            // }
+          }
+        }
+        >div{
+          // margin-top: 3em;
+        }
+        // only with images, title overlap the image
+        &.has-image{
+          >header{
+            >h2{
+              position: relative;
+              max-height: 1em;
+              overflow: visible;
+              z-index: 10;
+              // text-shadow: 0 0 10px #fff;
+              // box-shadow: 0 0 15px #f00;
+              // filter: drop-shadow(0 0 5px #fff);
+            }
+            div.field_images{
+              position:relative;
+              // width: 100%;
+              z-index: 5;
+              a{
+                display:block;
+                img{
+                  width:100%;
+                  height: auto;
+                }
+              }
+            }
+          }
+        }
+      }
+
+    }
+  }
+}