modif position blocs + add variable scss

logs/popularity/daily.json

@@ -1 +1 @@
-{"02-07-2018":140,"03-07-2018":176,"04-07-2018":10,"11-07-2018":166,"13-07-2018":188,"14-07-2018":111,"17-07-2018":197,"25-07-2018":26,"26-07-2018":10}
+{"02-07-2018":140,"03-07-2018":176,"04-07-2018":10,"11-07-2018":166,"13-07-2018":188,"14-07-2018":111,"17-07-2018":197,"25-07-2018":26,"26-07-2018":54}

logs/popularity/monthly.json

@@ -1 +1 @@
-{"07-2018":1024}
+{"07-2018":1068}

logs/popularity/totals.json

@@ -1 +1 @@
-{"\/":1024}
+{"\/":1068}

logs/popularity/visitors.json

@@ -1 +1 @@
-{"79c47964f1cd8a7f86f7fb4e1c1ac6bdb2551b4b":1532585943,"4b84b15bff6ee5796152495a230e45e3d7e947d9":1530699635}
+{"79c47964f1cd8a7f86f7fb4e1c1ac6bdb2551b4b":1532588999,"4b84b15bff6ee5796152495a230e45e3d7e947d9":1530699635}

user/themes/r2c/scss/configuration/_config.scss

@@ -14,3 +14,30 @@
 //width
 
 // $33: calc(100% / 3);
+
+// header
+$heightH: 25px;
+
+// taille & position blocs
+
+// height
+$H100: 100%;
+$H50: calc(#{$H100} / 2);
+
+// width
+$W100: 100%;
+$W33: calc(#{$W100} / 3);
+
+// top
+$T100: 100%;
+
+// right
+$R100: 100%;
+
+//bottom
+$B100: 100%;
+
+// left
+$L100: 100%;
+$L33: calc(#{$L100} / 3);
+$L66: calc(#{$L100} / 3);

user/themes/r2c/scss/template/_section.scss

@@ -1,43 +1,3 @@
-  #page{
-    height: 100%;
-    .navbar{
-      width: 100%;
-      height: 50px;
-    }
-    #start{
-      width: 100%;
-      height: calc(100% - 50px);
-      .blocs{
-        overflow-y: auto;
-        &:nth-child(1){
-          background: red;
-        }
-        &:nth-child(2){
-          background: pink;
-        }
-        &:nth-child(3){
-          background: brown;
-        }
-        &:nth-child(4){
-          background: blue;
-        }
-        &:nth-child(5){
-          background: green;
-        }
-        &:nth-child(6){
-          background: yellow;
-        }
-      }
-    }
-  }
-
-.top{
-  height: 50%;
-}
-.top, .bottom{
-  display: inline-grid;
-    grid-template-columns: auto auto auto;
-}
 .handler{
   width: 50px;
   height: 50px;
@@ -48,6 +8,52 @@
   top: 50%;
   z-index: 999;
 }
+body{
+  overflow: hidden;
+}
+#page{
+  height: 100%;
+  .navbar{
+    width: 100%;
+    height: 50px;
+  }
+  #start{
+    width: 100%;
+    height: calc(100% - 50px);
+    .top, .bottom{
+      position: relative;
+      height: $H50;
+    }
+    .blocs{
+      overflow-y: auto;
+      position: absolute;
+      width: $W33;
+      height: $H100;
+      &:nth-child(1){
+        background: red;
+
+      }
+      &:nth-child(2){
+        background: pink;
+        left: $L33;
+      }
+      &:nth-child(3){
+        background: green;
+        right: 0;
+      }
+    }
+  }
+}
+
+// .top{
+//   height: 50%;
+// }
+// .top, .bottom{
+//   // display: inline-grid;
+//   //   grid-template-columns: auto auto auto;
+// }
+
+
 
 //
 // #start{
@@ -57,21 +63,19 @@
 //     height: 100%;
 //   }
 // }
-
-.bottom{
-height: 100%;
-position: fixed;
-  & > div{
-    position: fixed;
-    width: calc(100%/3);
-    top: calc(100%/2 + 25px);
-    height: calc(100%/2 - 25px);
-    bottom: 0;
-    &:nth-child(2){
-      left: calc(100%/3);
-    }
-    &:nth-child(3){
-      right: 0;
-    }
-  }
-}
+//
+// .top, .bottom{
+//   & > div{
+//     position: fixed;
+//     width: calc(100%/3);
+//     top: calc(100%/2 + 25px);
+//     height: calc(100%/2 - 25px);
+//     bottom: 0;
+//     &:nth-child(2){
+//       left: calc(100%/3);
+//     }
+//     &:nth-child(3){
+//       right: 0;
+//     }
+//   }
+// }