From 24997a5bce23c496b2e6c5e11e281331e1a836a7 Mon Sep 17 00:00:00 2001 From: Humberto Alfonso Díaz Date: Thu, 4 Jul 2019 14:12:55 +0200 Subject: FUNCT Add temperatures navigation --- src/index.html | 104 +++++++++++++++++++++++++++++++++++++++++++++++++++ src/styles/main.scss | 21 ++++------- 2 files changed, 112 insertions(+), 13 deletions(-) diff --git a/src/index.html b/src/index.html index e450e2b..e727743 100644 --- a/src/index.html +++ b/src/index.html @@ -25,7 +25,59 @@
+
+
+ LO +
+
+ 16º +
+
+ 17º +
+
+ 18º +
+
+ 19º +
+
+ 20º +
+
+ 21º +
+
+ 22º +
+
+ 23º +
+
+ 24º +
+
+ 25º +
+
+ 26º +
+
+ 27º +
+
+ 28º +
+
+ 29º +
+
+ HI +
+
+
+
@@ -39,7 +91,59 @@
+
+
+ LO +
+
+ 16º +
+
+ 17º +
+
+ 18º +
+
+ 19º +
+
+ 20º +
+
+ 21º +
+
+ 22º +
+
+ 23º +
+
+ 24º +
+
+ 25º +
+
+ 26º +
+
+ 27º +
+
+ 28º +
+
+ 29º +
+
+ HI +
+
+
+
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; } } } -- cgit 1.2.3-korg