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,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;
+     }
+   }
+ }