add projets

2018-12-14 10:29:18 +01:00
parent 5fed785d86
commit 6f5eca2799
190 changed files with 17055 additions and 204 deletions
@@ -0,0 +1,33 @@
+// 360 Degree Viewer
+// The number of images 
+$image-height: 9rem;
+$image-number: 36 !default;
+$image-width: 24rem;
+
+.viewer-360 {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  
+  @for $s from 1 through ($image-number) {
+    .viewer-slider[value='#{$s}'] + .viewer-image {
+      background-position-y: percentage((($s)-1) * 1/(($image-number)-1));
+    }
+  }
+
+  .viewer-slider {
+    cursor: ew-resize;
+    margin: 1rem;
+    order: 2;
+    width: 60%;
+  }
+
+  .viewer-image {
+    background-position-y: 0;
+    background-repeat: no-repeat;
+    background-size: 100%;
+    height: $image-height;
+    order: 1;
+    width: $image-width;
+  }
+}