improved support for Meteor.js (#103)

less/_buttons.import.less

@@ -20,10 +20,10 @@
     text-decoration: none;
     color: @darkbg-text;
 
-    &:hover, &:focus {
+    &:hover {
         color: @darkbg-text;
     }
-    &:hover:not(.btn-link), &:focus:not(.btn-link) {
+    &:hover:not(.btn-link) {
         .shadow-z-2-hover();
     }
     transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
@@ -38,12 +38,12 @@
 // This is needed to style buttons which has not a variation suffix (they must stiled as btn-default)
 .btn-link, .btn:not([class^="btn btn-"]), .btn-default {
     color: @lightbg-text;
-    &:hover, &:focus {
+    &:hover {
         color: @lightbg-text;
     }
 }
 .btn:not([class^="btn btn-"]), .btn-default {
-    &:hover, &:focus {
+    &:hover {
         background-color: rgba(255,255,255,0.5);
     }
 }
@@ -57,7 +57,7 @@
 }
 .btn-flat {
     box-shadow: none !important;
-    &.btn-default:hover, &.btn-default:focus {
+    &.btn-default:hover {
         background: none;
     }
 }
@@ -92,7 +92,7 @@
     font-size: 26px;
     width: 56px;
     height: 56px;
-    &, &:hover, &:focus {
+    &, &:hover {
         .variations(~"", background-color, transparent);
     }
     &, .ripple-wrapper {

less/_icons-material-design.import.less

@@ -1,10 +1,10 @@
 @font-face {
     font-family: "Material-Design";
-    src:url("../fonts/Material-Design.eot?2u7a7w");
-    src:url("../fonts/Material-Design.eot?#iefix2u7a7w") format("embedded-opentype"),
-        url("../fonts/Material-Design.woff?2u7a7w") format("woff"),
-        url("../fonts/Material-Design.ttf?2u7a7w") format("truetype"),
-        url("../fonts/Material-Design.svg?2u7a7w#Material-Design") format("svg");
+    src:url("@{material-font-path}/Material-Design.eot?2u7a7w");
+    src:url("@{material-font-path}/Material-Design.eot?#iefix2u7a7w") format("embedded-opentype"),
+        url("@{material-font-path}/Material-Design.woff?2u7a7w") format("woff"),
+        url("@{material-font-path}/Material-Design.ttf?2u7a7w") format("truetype"),
+        url("@{material-font-path}/Material-Design.svg?2u7a7w#Material-Design") format("svg");
     font-weight: normal;
     font-style: normal;
 }

less/_variables.import.less

@@ -1,6 +1,7 @@
 // main: material.less
 
-
+// material icons path
+@material-font-path: "../fonts";
 
 // Material colors palette
 @red: #F44336;

less/_welljumbo.import.less

@@ -2,13 +2,6 @@
 body, .container, .container-fluid {
 
     .well, .well:not([class^="well well-material-"]) {
-
-        &.well-sm {
-            padding: 9px;
-        }
-        &.well-lg {
-            padding: 24px;
-        }
         &, .form-control {
             color: @lightbg-text;
         }
@@ -37,7 +30,7 @@ body, .container, .container-fluid {
         &, .form-control, .floating-label {
             color: @darkbg-text;
         }
-        .form-control {
+       .form-control {
             border-bottom-color: @darkbg-text;
             &::-webkit-input-placeholder {
                 color: @darkbg-text;

less/material.less

@@ -1,11 +1,11 @@
 // Material Theme 0.0.1
 // -----------------------------------------------------
 
-@import "_variables.less";
-@import "_mixins.less";
-@import "_icons-material-design.less";
-@import "_animations.less";
-@import "_shadows.less";
+@import "_variables.import.less";
+@import "_mixins.import.less";
+@import "_icons-material-design.import.less";
+@import "_animations.import.less";
+@import "_shadows.import.less";
 
 body {
     background-color: #EEEEEE;
@@ -18,23 +18,23 @@ body {
 }
 
 body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
-    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
 // Well and Jumbotrons
-@import "_welljumbo.less";
+@import "_welljumbo.import.less";
 
 // Buttons
-@import "_buttons.less";
+@import "_buttons.import.less";
 
 // Checkboxes
-@import "_checkboxes.less";
+@import "_checkboxes.import.less";
 
 // Radios
-@import "_radios.less";
+@import "_radios.import.less";
 
 // Text inputs
-@import "_inputs.less";
+@import "_inputs.import.less";
 
 legend {
     border-bottom: 0;
@@ -56,10 +56,10 @@ legend {
 }
 
 // Lists
-@import "_lists.less";
+@import "_lists.import.less";
 
 // Navbar
-@import "_navbar.less";
+@import "_navbar.import.less";
 
 .dropdown-menu {
     border: 0;
@@ -77,10 +77,10 @@ legend {
 }
 
 // Alerts
-@import "_alerts.less";
+@import "_alerts.import.less";
 
 // Progress bar
-@import "_progress.less";
+@import "_progress.import.less";
 
 // Typography
 .text-warning {
@@ -99,14 +99,14 @@ legend {
     color: @btn-info;
 }
 
-@import "_tabs.less";
+@import "_tabs.import.less";
 
-@import "_popups.less";
+@import "_popups.import.less";
 
-@import "_icons.less";
+@import "_icons.import.less";
 
 
 // External plugins
-@import "_plugin-snackbarjs.less";
-@import "_plugin-nouislider.less";
-@import "_plugin-selectize.less";
+@import "_plugin-snackbarjs.import.less";
+@import "_plugin-nouislider.import.less";
+@import "_plugin-selectize.import.less";

sass/_cards.import.scss

@@ -127,4 +127,4 @@
 }
 .card-material-lightgrey {
     @include card-variant($lightgrey, darken(#FFFFFF, 10%), darken($lightgrey, 10%));
-}
+}

sass/_mixins.import.scss

@@ -29,4 +29,4 @@
 
 @mixin icon-variant($color) {
     color: $color;
-}
+}

sass/_variables.import.scss

@@ -3,30 +3,30 @@
 
 
 // Material colors palette
-$red: #F44336;
-$pink: #E91E63;
-$purple: #9C27B0;
-$deeppurple: #673AB7;
-$indigo: #3F51B5;
-$lightblue: #03A9F4;
-$cyan: #00BCD4;
-$teal: #009688;
-$lightgreen: #8BC34A;
-$lime: #CDDC39;
-$lightyellow: #FFEB3B;
-$orange: #FF9800;
-$deeporange: #FF5722;
-$grey: #9E9E9E;
-$bluegrey: #607D8B;
-$brown: #795548;
-$lightgrey: #ECECEC;
+$red: #F44336 !default;
+$pink: #E91E63 !default;
+$purple: #9C27B0 !default;
+$deeppurple: #673AB7 !default;
+$indigo: #3F51B5 !default;
+$lightblue: #03A9F4 !default;
+$cyan: #00BCD4 !default;
+$teal: #009688 !default;
+$lightgreen: #8BC34A !default;
+$lime: #CDDC39 !default;
+$lightyellow: #FFEB3B !default;
+$orange: #FF9800 !default;
+$deeporange: #FF5722 !default;
+$grey: #9E9E9E !default;
+$bluegrey: #607D8B !default;
+$brown: #795548 !default;
+$lightgrey: #ECECEC !default;
 
 // Bootstrap shades
-$primary: #4285F4;
-$success: #0F9D58;
-$info: $lightblue;
-$warning: $deeporange;
-$danger: $red;
+$primary: #4285F4 !default;
+$success: #0F9D58 !default;
+$info: $lightblue !default;
+$warning: $deeporange !default;
+$danger: $red !default;
 
 // Typography elements for Material
 $darkbg-text: rgba(255,255,255,0.84);

sass/material.scss

@@ -1,10 +1,10 @@
 // Material Theme 0.0.1
 // -----------------------------------------------------
 
-@import "_variables.scss";
-@import "_mixins.scss";
-@import "_animations.scss";
-@import "_shadows.scss";
+@import "_variables.import.scss";
+@import "_mixins.import.scss";
+@import "_animations.import.scss";
+@import "_shadows.import.scss";
 
 body {
     background-color: #EEEEEE;
@@ -17,23 +17,23 @@ body {
 }
 
 body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
-    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
 // Well and Jumbotrons
-@import "_welljumbo.scss";
+@import "_welljumbo.import.scss";
 
 // Buttons
-@import "_buttons.scss";
+@import "_buttons.import.scss";
 
 // Checkboxes
-@import "_checkboxes.scss";
+@import "_checkboxes.import.scss";
 
 // Radios
-@import "_radios.scss";
+@import "_radios.import.scss";
 
 // Text inputs
-@import "_inputs.scss";
+@import "_inputs.import.scss";
 
 legend {
     border-bottom: 0;
@@ -55,10 +55,10 @@ legend {
 }
 
 // Lists
-@import "_lists.scss";
+@import "_lists.import.scss";
 
 // Navbar
-@import "_navbar.scss";
+@import "_navbar.import.scss";
 
 .dropdown-menu {
     border: 0;
@@ -76,13 +76,13 @@ legend {
 }
 
 // Alerts
-@import "_alerts.scss";
+@import "_alerts.import.scss";
 
 // Progress bar
-@import "_progress.scss";
+@import "_progress.import.scss";
 
 // Panels
-@import "_cards.scss";
+@import "_cards.import.scss";
 
 // Typography
 .text-warning {
@@ -101,13 +101,13 @@ legend {
     color: $btn-info;
 }
 
-@import "_tabs.scss";
+@import "_tabs.import.scss";
 
-@import "_popups.scss";
+@import "_popups.import.scss";
 
-@import "_icons.scss";
+@import "_icons.import.scss";
 
 
 // External plugins
-@import "_plugin-snackbarjs.scss";
-@import "_plugin-nouislider.scss";
+@import "_plugin-snackbarjs.import.scss";
+@import "_plugin-nouislider.import.scss";