From 4ce65d8965bdebdf35e5f3a4272482c0f40ef2bd Mon Sep 17 00:00:00 2001 From: Humberto Alfonso Díaz Date: Wed, 11 Dec 2019 09:41:30 +0100 Subject: FUNCT Added homescreen --- src/styles/main.scss | 26 +++++++++++++++++++++++++- 1 file changed, 25 insertions(+), 1 deletion(-) (limited to 'src/styles') diff --git a/src/styles/main.scss b/src/styles/main.scss index f96dacc..b89ee6f 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -8,6 +8,17 @@ html { -webkit-overflow-scrolling: touch; } +@keyframes zoomIn { + from { + opacity: 0; + transform: scale3d(0.3, 0.3, 0.3); + } + + 50% { + opacity: 1; + } +} + body { font-family: Arial; color: map-get($colors, font); @@ -18,6 +29,11 @@ body { text-decoration: none; } + a:hover { + color: map-get($colors, font); + text-decoration: none; + } + .top { position: absolute; top: 0; @@ -35,7 +51,7 @@ body { flex: 1 1 0px; text-align: center; background-color: map-get($colors, button); - + .icon { width: 100%; height: $header_size*0.70; @@ -76,6 +92,14 @@ body { .wheater { font-size: 1.5em; letter-spacing: 2px; + height: 50px; + + .weatherItem { + animation-name: zoomIn; + animation-iteration-count: 1; + animation-duration: 1s; + animation-delay: 0s; + } } } -- cgit 1.2.3-korg