summaryrefslogtreecommitdiffstats
path: root/src/styles
diff options
context:
space:
mode:
authorHumberto Alfonso Díaz <humberto.alfonso@asvito.es>2019-12-11 09:41:30 +0100
committerLorenzo Tilve <ltilve@igalia.com>2020-02-04 19:12:47 +0100
commit4ce65d8965bdebdf35e5f3a4272482c0f40ef2bd (patch)
treebac6b24ecfd7045975834c18b840dfd723baa2fb /src/styles
parent6d8916c58d823b13b89477f59bf05373e87f3a98 (diff)
FUNCT Added homescreen
Diffstat (limited to 'src/styles')
-rw-r--r--src/styles/main.scss26
1 files changed, 25 insertions, 1 deletions
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;
+ }
}
}