started druapl theme leshed

2026-07-13 16:24:52 +02:00
parent 688715e47f
commit 43113e662b
28 changed files with 3299 additions and 3 deletions
@@ -0,0 +1,15 @@
+@import "partials/colors";
+@import "partials/fonts";
+@import "partials/mixins";
+
+a, a:visited{
+  text-decoration: none;
+  color: inherit;
+  transition: color 0.15s ease-out;
+}
+
+body{
+  margin: 0;
+  // background-color: green;
+}
+
@@ -0,0 +1,3 @@
+// $bleu_site: #1642bc;
+// $bleu_typo: #0b1e52;
+// $rose: #f661e2;
@@ -0,0 +1,29 @@
+// @import "/assets/fonts/fredoka/stylesheet.css";
+// @import "/assets/fonts/Schibsted_Grotesk/stylesheet.css";
+
+
+// body{
+//   font-family: "Schibsted Grotesk";
+//   font-weight: normal;
+//   font-style: normal;
+//   color: $bleu_typo;
+// }
+
+// @mixin titre_h2{
+//   font-family: 'Fredoka';
+//   font-size: 3em;
+//   font-weight: 400;
+//   color: $bleu_typo;
+//   line-height: 1;
+// }
+
+// @mixin titre_h3{
+//   @include titre_h2();
+//   font-size: 2em;
+// }
+
+// @mixin titre_h4{
+//   @include titre_h2();
+//   font-size: 1.323em;
+// }
+
@@ -0,0 +1,69 @@
+@mixin menu-contenus{
+  ul,li{
+    padding: 0;
+    margin:0;
+    list-style: none;
+  }
+  .wrapper{
+    position: relative;
+  }
+  label{
+    color:$bleu_site;
+    font-weight: 600;
+    display: block;
+    font-size: 0.756em;
+    padding:0 0 0.25em 0;
+    transition: color 0.25s ease-out;
+    position: absolute;
+    z-index: 0;
+    &:has(+ a:hover){
+      color: $rose;
+    }
+  }
+  a{
+    font-size: 1.13em;
+    transition: color 0.15s ease-out;
+    display: block;
+    position: relative;
+    z-index: 1;
+    padding-top: 1em;
+    &:hover{
+      color: $bleu_site;
+    }
+  }
+
+}
+
+@mixin card{
+  position: relative;
+  background-color: #fff;
+  padding:2em;
+  box-shadow: 0 0 10px rgba(0,0,0,0.25);
+  max-width: 50em;
+  box-sizing: content-box;
+  margin: 30vh auto 0;
+  &[role="home-presentation"]{
+    margin-top: 10vh;
+  }
+}
+
+@mixin arrow{
+  display: block;
+  width:30px; height:30px;
+  border-radius: 15px;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: contain;
+  text-indent: 100px;
+  overflow: hidden;
+}
+
+@mixin arrow-white{
+  @include arrow();
+  background-image: url('/themes/custom/mathallo/assets/img/arrow-white.svg');
+}
+
+@mixin arrow-blue{
+  @include arrow();
+  background-image: url('/themes/custom/mathallo/assets/img/arrow-blue.svg');
+}