#799 - Increases the specifity of all the core selectors

less/_core.less

@@ -1,4 +1,4 @@
-body {
+body.@{ns} {
   background-color: @body-bg;
   &.inverse {
     background: #333333;
@@ -16,78 +16,82 @@ body {
     }
 
   }
-}
-
-
-body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
   font-family: @font-family-sans-serif;
   font-weight: 300;
-}
 
-h5, h6{
-  font-weight: 400;
-}
-
-a, a:hover, a:focus {
-  color: @link-color;
-
-  & .material-icons {
-    vertical-align: middle;
+  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
+    font-family: @font-family-sans-serif;
+    font-weight: 300;
   }
-}
 
-@import "_form.less";
-@import "_welljumbo.less";
-@import "_buttons.less";
-@import "_checkboxes.less";
-@import "_togglebutton.less";
-@import "_radios.less";
-@import "_inputs.less";
-
-legend {
-  border-bottom: 0;
-}
-
-@import "_lists.less";
-@import "_navbar.less";
-
-.dropdown-menu {
-  border: 0;
-  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
-  .divider {
-    background-color: rgba(229, 229, 229, 0.12);
+  h5, h6{
+    font-weight: 400;
   }
-  li {
-    overflow: hidden;
-    position: relative;
-    a:hover {
-      background-color: transparent;
-      color: @brand-primary;
+
+  a, a:hover, a:focus {
+    color: @link-color;
+
+    & .material-icons {
+      vertical-align: middle;
     }
   }
-}
 
-@import "_alerts.less";
-@import "_progress.less";
-@import "_typography.less";
-@import "_tabs.less";
-@import "_popups.less";
-@import "_cards.less";
-@import "_dialogs.less";
-@import "_panels.less";
-@import "_dividers.less";
+  @import "_form.less";
+  @import "_welljumbo.less";
+  @import "_buttons.less";
+  @import "_checkboxes.less";
+  @import "_togglebutton.less";
+  @import "_radios.less";
+  @import "_inputs.less";
 
-// Prevent highlight on mobile
-* {
-  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-  -webkit-tap-highlight-color: transparent;
-  &:focus {
-    outline: 0;
+  legend {
+    border-bottom: 0;
   }
+
+  @import "_lists.less";
+  @import "_navbar.less";
+
+  .dropdown-menu {
+    border: 0;
+    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
+    .divider {
+      background-color: rgba(229, 229, 229, 0.12);
+    }
+    li {
+      overflow: hidden;
+      position: relative;
+      a:hover {
+        background-color: transparent;
+        color: @brand-primary;
+      }
+    }
+  }
+
+  @import "_alerts.less";
+  @import "_progress.less";
+  @import "_typography.less";
+  @import "_tabs.less";
+  @import "_popups.less";
+  @import "_cards.less";
+  @import "_dialogs.less";
+  @import "_panels.less";
+  @import "_dividers.less";
+
+  // Prevent highlight on mobile
+  * {
+    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+    -webkit-tap-highlight-color: transparent;
+    &:focus {
+      outline: 0;
+    }
+  }
+
+
+  @import "_themes.less";
+
+  // External plugins
+  @import "_plugins.less";
 }
 
 
-@import "_themes.less";
 
-// External plugins
-@import "_plugins.less";

less/_variables.less

@@ -1,5 +1,8 @@
 @import "_colors.less";
 
+// Namespace
+@ns: material;
+
 // Typography elements
 @mdb-font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
 @mdb-text-color-light:  ~"rgba(@{rgb-white}, 0.84)";