modif comtabilite

user/themes/anissabensalah/scss/mediaqueries/_base.scss

@@ -0,0 +1,83 @@
+// Hamburger
+// ==================================================
+.hamburger {
+  padding: $hamburger-padding-y $hamburger-padding-x;
+  display: inline-block;
+  cursor: pointer;
+
+  -webkit-transition-property: opacity, -webkit-filter;
+
+  transition-property: opacity, -webkit-filter;
+
+  transition-property: opacity, filter;
+
+  transition-property: opacity, filter, -webkit-filter;
+  -webkit-transition-duration: $hamburger-hover-transition-duration;
+          transition-duration: $hamburger-hover-transition-duration;
+  -webkit-transition-timing-function: $hamburger-hover-transition-timing-function;
+          transition-timing-function: $hamburger-hover-transition-timing-function;
+
+  // Normalize (<button>)
+  font: inherit;
+  color: inherit;
+  text-transform: none;
+  background-color: transparent;
+  border: 0;
+  margin: 0;
+  overflow: visible;
+
+  &:hover {
+    @if $hamburger-hover-use-filter == true {
+      -webkit-filter: $hamburger-hover-filter;
+              filter: $hamburger-hover-filter;
+    }
+    @else {
+      opacity: $hamburger-hover-opacity;
+    }
+  }
+}
+
+.hamburger-box {
+  width: $hamburger-layer-width;
+  height: $hamburger-layer-height * 3 + $hamburger-layer-spacing * 2;
+  display: inline-block;
+  position: relative;
+}
+
+.hamburger-inner {
+  display: block;
+  top: 50%;
+  margin-top: $hamburger-layer-height / -2;
+
+  &,
+  &::before,
+  &::after {
+    width: $hamburger-layer-width;
+    height: $hamburger-layer-height;
+    background-color: $hamburger-layer-color;
+    border-radius: $hamburger-layer-border-radius;
+    position: absolute;
+    -webkit-transition-property: -webkit-transform;
+    transition-property: -webkit-transform;
+    transition-property: transform;
+    transition-property: transform, -webkit-transform;
+    -webkit-transition-duration: 0.15s;
+            transition-duration: 0.15s;
+    -webkit-transition-timing-function: ease;
+            transition-timing-function: ease;
+  }
+
+  &::before,
+  &::after {
+    content: "";
+    display: block;
+  }
+
+  &::before {
+    top: ($hamburger-layer-spacing + $hamburger-layer-height) * -1;
+  }
+
+  &::after {
+    bottom: ($hamburger-layer-spacing + $hamburger-layer-height) * -1;
+  }
+}

user/themes/anissabensalah/scss/mediaqueries/_slider.scss

@@ -0,0 +1,47 @@
+@if index($hamburger-types, slider) {
+  /*
+   * Slider
+   */
+  .hamburger--slider {
+    .hamburger-inner {
+      top: $hamburger-layer-height / 2;
+
+      &::before {
+        top: $hamburger-layer-height + $hamburger-layer-spacing;
+        -webkit-transition-property: opacity, -webkit-transform;
+        transition-property: opacity, -webkit-transform;
+        transition-property: transform, opacity;
+        transition-property: transform, opacity, -webkit-transform;
+        -webkit-transition-timing-function: ease;
+                transition-timing-function: ease;
+        -webkit-transition-duration: 0.15s;
+                transition-duration: 0.15s;
+      }
+
+      &::after {
+        top: ($hamburger-layer-height * 2) + ($hamburger-layer-spacing * 2);
+      }
+    }
+
+    &.is-active {
+      .hamburger-inner {
+        $y-offset: $hamburger-layer-spacing + $hamburger-layer-height;
+
+        -webkit-transform: translate3d(0, $y-offset, 0) rotate(45deg);
+
+                transform: translate3d(0, $y-offset, 0) rotate(45deg);
+
+        &::before {
+          -webkit-transform: rotate(-45deg) translate3d($hamburger-layer-width / -7, $hamburger-layer-spacing * -1, 0);
+                  transform: rotate(-45deg) translate3d($hamburger-layer-width / -7, $hamburger-layer-spacing * -1, 0);
+          opacity: 0;
+        }
+
+        &::after {
+          -webkit-transform: translate3d(0, $y-offset * -2, 0) rotate(-90deg);
+                  transform: translate3d(0, $y-offset * -2, 0) rotate(-90deg);
+        }
+      }
+    }
+  }
+}

user/themes/anissabensalah/scss/mediaqueries/fonts.scss

@@ -0,0 +1,52 @@
+
+body{
+  #header{
+    a{
+      font-size: $font16;
+    }
+    .language-selector{
+      li{
+        &:nth-child(-n+2){
+          &::after{
+            font-size: $font16;
+          }
+        }
+      }
+    }
+  }
+  #start{
+    .content{
+      p{
+        font-size: $font16;
+        line-height: 2rem;
+      }
+    }
+    .citation{
+      p{
+        font-size: $font16;
+        line-height: 2rem;
+    }
+  }
+    #home, #contact{
+      h1{
+        font-family: $Regular;
+        font-size: 26vw;
+      }
+      p, a {
+        font-size: $font16;
+      }
+    }
+
+    .chap{
+      h2{
+        font-size: $font36;
+      }
+      a{
+        font-size: $font16;
+        &.focus{
+          font-size: $font18;
+        }
+      }
+    }
+  }
+}

user/themes/anissabensalah/scss/mediaqueries/hamburgers.scss

@@ -0,0 +1,58 @@
+@charset "UTF-8";
+/*!
+ * Hamburgers
+ * @description Tasty CSS-animated hamburgers
+ * @author Jonathan Suh @jonsuh
+ * @site https://jonsuh.com/hamburgers
+ * @link https://github.com/jonsuh/hamburgers
+ */
+
+// Settings
+// ==================================================
+$hamburger-padding-x                       : 15px !default;
+$hamburger-padding-y                       : 15px !default;
+$hamburger-layer-width                     : 40px !default;
+$hamburger-layer-height                    : 4px !default;
+$hamburger-layer-spacing                   : 6px !default;
+$hamburger-layer-color                     : #000 !default;
+$hamburger-layer-border-radius             : 4px !default;
+$hamburger-hover-opacity                   : 0.7 !default;
+$hamburger-hover-transition-duration       : 0.15s !default;
+$hamburger-hover-transition-timing-function: linear !default;
+
+// To use CSS filters as the hover effect instead of opacity,
+// set $hamburger-hover-use-filter as true and
+// change the value of $hamburger-hover-filter accordingly.
+$hamburger-hover-use-filter: false !default;
+$hamburger-hover-filter    : opacity(50%) !default;
+
+// Types (Remove or comment out what you don’t need)
+// ==================================================
+$hamburger-types: (
+
+  slider,
+) !default;
+
+// Base Hamburger (We need this)
+// ==================================================
+@import "base";
+
+// Hamburger types
+// ==================================================
+@import "slider";
+
+// ==================================================
+// Cooking up additional types:
+//
+// The Sass for each hamburger type should be nested
+// inside an @if directive to check whether or not
+// it exists in $hamburger-types so only the CSS for
+// included types are generated.
+//
+// e.g. hamburgers/types/_new-type.scss
+//
+// @if index($hamburger-types, new-type) {
+//   .hamburger--new-type {
+//     ...
+//   }
+// }

user/themes/anissabensalah/scss/mediaqueries/header.scss

@@ -0,0 +1,74 @@
+#header{
+  .language-selector{
+    margin-top: 40px;
+    width: 120px;
+    margin-left: -58px;
+  }
+  .navigation{
+    .left{
+      li{
+        &:nth-of-type(1){
+          -webkit-transform: rotate(-90deg)!important;
+                  transform: rotate(-90deg)!important;
+          top: 75%!important;
+          width: 50%;
+          left: -24%!important;
+          right: auto!important;
+          bottom: auto!important;
+          margin-left: 15px;
+        }
+        &:nth-of-type(2){
+          -webkit-transform: rotate(-90deg)!important;
+                  transform: rotate(-90deg)!important;
+          top: 25%!important;
+          width: 50%;
+          left: -24%!important;
+          right: auto!important;
+          bottom: auto!important;
+          margin-left: 15px;
+
+        }
+        &:nth-of-type(3){
+          -webkit-transform: rotate(0deg)!important;
+                  transform: rotate(0deg)!important;
+          width: 100%!important;
+          top: 10px!important;
+          right: auto!important;
+          bottom: auto!important;
+          left: 0!important;
+        }
+      }
+    }
+    .right{
+      li{
+        &:nth-of-type(1){
+          width: 100%!important;
+          top: auto!important;
+          right: 0!important;
+          bottom: 10px!important;
+          left: auto!important;
+        }
+        &:nth-of-type(2){
+          -webkit-transform: rotate(90deg)!important;
+                  transform: rotate(90deg)!important;
+          top: 75%!important;
+          width: 50%;
+          right: -24%!important;
+          left: auto!important;
+          bottom: auto!important;
+          margin-right: 15px;
+        }
+        &:nth-of-type(3){
+          -webkit-transform: rotate(90deg)!important;
+                  transform: rotate(90deg)!important;
+          top: 25%!important;
+          width: 50%;
+          right: -24%!important;
+          left: auto!important;
+          bottom: auto!important;
+          margin-right: 15px;
+        }
+      }
+    }
+  }
+}

user/themes/anissabensalah/scss/mediaqueries/section.scss

@@ -0,0 +1,24 @@
+#start{
+  #home{
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    .title{
+      p{
+        top: 58%;
+      }
+    }
+  }
+  & > div:nth-child(n+3){
+    display: block!important;
+    & > div{
+      width: 100%!important;
+      &:first-child{
+        height: 40%;
+      }
+      &:last-child{
+        height: 60%;
+      }
+    }
+  }
+}