Adding weather icons

Changes: * Added weather icons * Displaying temperature with single decimal digit with degree sign * Added daily temperature summary to the weather summary text
mk200789 · Feb 11, 2016 · fbb52d5 · fbb52d5
1 parent 700ca2b
commit fbb52d5
Show file tree

Hide file tree

Showing 10 changed files with 2,171 additions and 5 deletions.
diff --git a/css/main.css b/css/main.css
@@ -146,7 +146,7 @@ ul.calendar {
 }
 
 .weather-today .tempreture {
-    font-size: 80px;
+    font-size: 60px;
 }
 
 .weather-week-descriptor {
@@ -244,3 +244,52 @@ ul.calendar {
 .animate-grow.ng-hide {
     max-height: 0  !important;
 }
+
+
+.dimmed {
+    color: #aaa;
+}
+
+.xxsmall,
+.xsmall,
+.small {
+	font-family: "HelveticaNeue-Medium", sans-serif;
+	letter-spacing: 0;
+}
+
+.xxsmall {
+  font-size: 15px;
+}
+
+.xxsmall .wi {
+  line-height: 15px;
+}
+
+.xsmall {
+  font-size: 20px;
+}
+
+.small {
+    font-size: 25px;
+}
+
+
+.icon {
+  position: relative;
+  top: -10px;
+  display: inline-block;
+  font-size: 45px;
+  padding-right: 5px;
+  font-weight: 100;
+  margin-right: 10px;
+}
+
+.icon-small {
+  position: relative;
+  display: inline-block;
+  font-size: 20px;
+  padding-left: 0px;
+  padding-right: -10px;
+  font-weight: 100;
+  width: 20px;
+}