FUNCT Add temperatures navigation

1 files changed, 8 insertions, 13 deletions

diff --git a/src/styles/main.scss b/src/styles/main.scss
index 5fd580e..bafd901 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -62,24 +62,19 @@ body {
             }
 
             &.temperatures {
-                &:before {
-                    padding-top:150%;
-                }
-
-                .scrolling {
-                    position: relative;
-                    float: left;
+                .temperatures-container {
                     width: 100%;
-                    height: 100%;
-                    overflow: scroll;
+                    height: 480px;
+                    overflow-y: scroll;
+                    scroll-snap-type: y mandatory;
 
                     .temperature {
-                        position: relative;
-                        float: left;
-                        height: 50%;
-                        width: 100%;
                         font-size: 10rem;
                         text-align: center;
+                        width: 100%;
+                        height: 240px;
+                        line-height: 240px;
+                        scroll-snap-align: start;
                     }
                 }
             }