template home + scss

2020-07-13 20:30:10 +02:00
parent 3a082e23cc
commit 82f7d7d6b6
40 changed files with 6034 additions and 8 deletions
@@ -0,0 +1,33 @@
+header{
+  height: 100px;
+  div {
+    height: inherit;
+  }
+}
+#block-popsu-colloque-branding{
+  position: relative;
+  z-index: 999;
+  & > a{
+    display: block;
+    height: 9rem;
+    position: relative;
+    img{
+      width: auto;
+      height: 100%;
+      object-fit: contain;
+    }
+  }
+}
+
+#block-mainnavigation{
+  border-left: 1px solid $color1;
+  padding-bottom: 1rem;
+  display: flex;
+  align-items: flex-end;
+  ul{
+    li{
+      padding: 0 1rem;
+      border-right: 1px solid $col_black;
+    }
+  }
+}
@@ -0,0 +1,9 @@
+.__img-hero{
+  height: 400px;
+  width: 100vw;
+  position: relative;
+  left: 50%;
+  right: 50%;
+  margin-left: -50vw;
+  margin-right: -50vw;
+}
@@ -0,0 +1,54 @@
+/**
+ * @file
+ * Presentational styles for Drupal stark theme layout.
+ *
+ * It is left empty for testing purposes.
+ *
+ * @see https://www.drupal.org/project/drupal/issues/2349711
+ */
+
+ .__slide{
+   .thumbnails{
+     margin: 1rem 0;
+     max-width: 300px;
+     height: auto;
+     width: calc(100% / 5 );
+     background: white;
+     transform: scale(1);
+     box-shadow: none;
+     transition: 0.3s transform ease, 0.3s box-shadow ease;
+     &:hover{
+       transform: scale(1.05);
+       transition: 0.3s all ease;
+       box-shadow: 0px 0px 3px 3px blue;
+     }
+      & > .__wrap{
+         padding: 1rem;
+     }
+     .__media{
+       margin-right: 1rem;
+       figcaption{
+         height: 100%;
+         img{
+           width: 100%;
+           height: 100%;
+           object-fit: cover;
+         }
+       }
+     }
+     .d-flex{
+       padding: 1rem;
+     }
+   }
+ }
+
+ .thumbnails{
+   figcaption{
+     height: 100px;
+     img{
+       width: 100%;
+       height: 100%;
+       object-fit: cover;
+     }
+   }
+ }