Merge pull request #123 from winjs/bug-fixes

Added default variables for font paths.

Author: Joe Day

bower.json

@@ -1,6 +1,6 @@
 {
     "name": "Winstrap",
-    "version": "0.5.4",
+    "version": "0.5.5",
     "main": [
         "src/scss/winstrap.scss"
     ],

package.json

@@ -5,7 +5,7 @@
     "type": "git",
     "url": "git+https://github.com/winjs/winstrap.git"
   },
-  "version": "0.5.4",
+  "version": "0.5.5",
   "author": "Microsoft",
   "contributors": [
     "Frederic Perrin",

src/scss/win/_resources.scss

@@ -1 +1,2 @@
-$icon-font-path: "../fonts/glyphs";
+$font-path:         "../fonts" !default;
+$icon-font-path:    "#{$font-path}/glyphs" !default;

src/scss/win/_side-navigation.scss

@@ -1,9 +1,11 @@
 // This is for viewports 1 & 2 and lives outside the .side-navigation structure to be visible when .side-navigation is not
 a.navigation-btn {
     position: relative;
+    text-align: left;
     margin-top: spacing(xs);
     padding-left: spacing(sm);
     [dir="rtl"] & {
+        text-align: right;
         padding-right: spacing(sm);
     }
     &:hover {

src/scss/win/_type.scss

@@ -8,37 +8,37 @@
 
 @font-face {
     font-family: "Selawik";
-    src: url("../fonts/selawk.eot");
-    src: url("../fonts/selawk.eot#iefix") format("embedded-opentype"),
-         url("../fonts/selawk.ttf") format("truetype");
+    src: url("#{$font-path}/selawk.eot");
+    src: url("#{$font-path}/selawk.eot#iefix") format("embedded-opentype"),
+         url("#{$font-path}/selawk.ttf") format("truetype");
 }
 
 @font-face {
     font-family: "Selawik Bold";
-    src: url("../fonts/selawkb.eot");
-    src: url("../fonts/selawkb.eot#iefix") format("embedded-opentype"),
-         url("../fonts/selawkb.ttf") format("truetype");
+    src: url("#{$font-path}/selawkb.eot");
+    src: url("#{$font-path}/selawkb.eot#iefix") format("embedded-opentype"),
+         url("#{$font-path}/selawkb.ttf") format("truetype");
 }
 
 @font-face {
     font-family: "Selawik Light";
-    src: url("../fonts/selawkl.eot");
-    src: url("../fonts/selawkl.eot#iefix") format("embedded-opentype"),
-         url("../fonts/selawkl.ttf") format("truetype");
+    src: url("#{$font-path}/selawkl.eot");
+    src: url("#{$font-path}/selawkl.eot#iefix") format("embedded-opentype"),
+         url("#{$font-path}/selawkl.ttf") format("truetype");
 }
 
 @font-face {
     font-family: "Selawik Semibold";
-    src: url("../fonts/selawksb.eot");
-    src: url("../fonts/selawksb.eot#iefix") format("embedded-opentype"),
-         url("../fonts/selawksb.ttf") format("truetype");
+    src: url("#{$font-path}/selawksb.eot");
+    src: url("#{$font-path}/selawksb.eot#iefix") format("embedded-opentype"),
+         url("#{$font-path}/selawksb.ttf") format("truetype");
 }
 
 @font-face {
     font-family: "Selawik Semilight";
-    src: url("../fonts/selawksl.eot");
-    src: url("../fonts/selawksl.eot#iefix") format("embedded-opentype"),
-         url("../fonts/selawksl.ttf") format("truetype");
+    src: url("#{$font-path}/selawksl.eot");
+    src: url("#{$font-path}/selawksl.eot#iefix") format("embedded-opentype"),
+         url("#{$font-path}/selawksl.ttf") format("truetype");
 }
 
 // Responsive Typography mixin
@@ -203,3 +203,5 @@ h5 { @extend .type-h5; }
 h6 { @extend .type-h6; }
 
 p { @extend .type-p3; }
+
+figcaption { @extend .type-c1 }