Conform to CSSLINT rules

build/less/.csslintrc

@@ -0,0 +1,23 @@
+{
+  "adjoining-classes": false,
+  "box-sizing": false,
+  "box-model": false,
+  "compatible-vendor-prefixes": false,
+  "floats": false,
+  "font-sizes": false,
+  "gradients": false,
+  "important": false,
+  "known-properties": false,
+  "outline-none": false,
+  "qualified-headings": false,
+  "regex-selectors": false,
+  "shorthand": false,
+  "text-indent": false,
+  "unique-headings": false,
+  "universal-selector": false,
+  "unqualified-attributes": false,
+  "ids": false,
+  "fallback-colors": false,
+  "vendor-prefix": false,
+  "import": false
+}

build/less/boxes.less

@@ -69,7 +69,7 @@
   //use this class to get a colored header and borders
 
   &.box-solid {
-    border-top: 0px;
+    border-top: 0;
     > .box-header {
       .btn.btn-default {
         background: transparent;
@@ -292,7 +292,7 @@
 
 .todo-list {
   margin: 0;
-  padding: 0px 0px;
+  padding: 0;
   list-style: none;
   overflow: auto;
   // Todo list element
@@ -306,22 +306,6 @@
     &:last-of-type {
       margin-bottom: 0;
     }
-    // Color varaity
-    &.danger {
-      border-left-color: @red;
-    }
-    &.warning {
-      border-left-color: @yellow;
-    }
-    &.info {
-      border-left-color: @aqua;
-    }
-    &.success {
-      border-left-color: @green;
-    }
-    &.primary {
-      border-left-color: @light-blue;
-    }
 
     > input[type='checkbox']  {
       margin: 0 10px 0 5px;
@@ -368,6 +352,23 @@
     }
   }
 
+  // Color varaity
+  .danger {
+    border-left-color: @red;
+  }
+  .warning {
+    border-left-color: @yellow;
+  }
+  .info {
+    border-left-color: @aqua;
+  }
+  .success {
+    border-left-color: @green;
+  }
+  .primary {
+    border-left-color: @light-blue;
+  }
+
   .handle {
     display: inline-block;
     cursor: move;
@@ -390,12 +391,13 @@
       height: 40px;
       border: 2px solid transparent;
       .border-radius(50%);
-      &.online {
-        border: 2px solid @green;
-      }
-      &.offline {
-        border: 2px solid @red;
-      }
+    }
+
+    > .online {
+      border: 2px solid @green;
+    }
+    > .offline {
+      border: 2px solid @red;
     }
 
     // The message body

build/less/dropdown.less

@@ -52,7 +52,7 @@
 
   //Define footer class
   > .dropdown-menu > li.footer > a {
-    .border-radius(0px; 0px; 4px; 4px);
+    .border-radius(0; 0; 4px; 4px);
     font-size: 12px;
     background-color: #fff;
     padding: 7px 10px;
@@ -117,7 +117,7 @@
   > .dropdown-menu > li .menu {
     // Messages menu item
     > li > a {
-      margin: 0px;
+      margin: 0;
       //line-height: 20px;
       padding: 10px 10px;
       // User image
@@ -138,8 +138,8 @@
           color: #999999;
           font-size: 10px;
           position: absolute;
-          top: 0px;
-          right: 0px;
+          top: 0;
+          right: 0;
         }
       }
 

build/less/header.less

@@ -153,7 +153,7 @@
   > .breadcrumb {
     float: right;
     background: transparent;
-    margin-top: 0px;
+    margin-top: 0;
     margin-bottom: 0;
     font-size: 12px;
     padding: 7px 5px;

build/less/login_and_register.less

@@ -33,7 +33,6 @@
 .register-box-body {
   background: #fff;
   padding: 20px;
-  color: #444;
   border-top: 0;
   color: #666;
   .form-control-feedback {

build/less/miscellaneous.less

@@ -15,7 +15,6 @@
 // Display inline
 .inline {
   display: inline;
-  width: auto;
 }
 
 // Description Blocks
@@ -233,15 +232,15 @@
 
 // Remove borders
 .no-border {
-  border: 0px !important;
+  border: 0 !important;
 }
 // Remove padding
 .no-padding {
-  padding: 0px !important;
+  padding: 0 !important;
 }
 // Remove margins
 .no-margin {
-  margin: 0px !important;
+  margin: 0 !important;
 }
 
 // Remove box shadow

build/less/mixins.less

@@ -31,7 +31,7 @@
 }
 
 //Logo color variation
-.logo-variant(@bg-color; @color: #fff; @border-bottom-color: transparent; @border-bottom-width: 0px) {
+.logo-variant(@bg-color; @color: #fff; @border-bottom-color: transparent; @border-bottom-width: 0) {
   background-color: @bg-color;
   color: @color;
   border-bottom: @border-bottom-width solid @border-bottom-color;

build/less/timeline.less

@@ -13,7 +13,7 @@
   &:before {
     content: '';
     position: absolute;
-    top: 0px;
+    top: 0;
     bottom: 0;
     width: 4px;
     background: #ddd;
@@ -33,7 +33,7 @@
     > .timeline-item {
       .box-shadow(@box-boxshadow);
       .border-radius(@box-border-radius);
-      margin-top: 0px;
+      margin-top: 0;
       background: #fff;
       color: #444;
       margin-left: 60px;
@@ -66,18 +66,6 @@
 
     }
 
-    // Time label
-    &.time-label {
-      > span {
-        font-weight: 600;
-        padding: 5px;
-        display: inline-block;
-        background-color: #fff;
-
-        .border-radius(4px);
-      }
-    }
-
     // The icons
     > .fa,
     > .glyphicon,
@@ -95,4 +83,16 @@
       top: 0;
     }
   }
+
+  // Time label
+  > .time-label {
+    > span {
+      font-weight: 600;
+      padding: 5px;
+      display: inline-block;
+      background-color: #fff;
+
+      .border-radius(4px);
+    }
+  }
 }

build/less/variables.less

@@ -92,7 +92,7 @@
 
 //FORMS
 //--------------------------------------------------------
-@input-radius: 0px;
+@input-radius: 0;
 
 //BUTTONS
 //--------------------------------------------------------

dist/css/AdminLTE.css

@@ -314,7 +314,7 @@ a:focus {
 .content-header > .breadcrumb {
   float: right;
   background: transparent;
-  margin-top: 0px;
+  margin-top: 0;
   margin-bottom: 0;
   font-size: 12px;
   padding: 7px 5px;
@@ -941,8 +941,8 @@ a:focus {
 .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
 .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
 .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
-  border-top-left-radius: 0px;
-  border-top-right-radius: 0px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
   font-size: 12px;
@@ -1002,7 +1002,7 @@ a:focus {
   width: 20px;
 }
 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
-  margin: 0px;
+  margin: 0;
   padding: 10px 10px;
 }
 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
@@ -1021,8 +1021,8 @@ a:focus {
   color: #999999;
   font-size: 10px;
   position: absolute;
-  top: 0px;
-  right: 0px;
+  top: 0;
+  right: 0;
 }
 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
   margin: 0 0 0 45px;
@@ -1223,7 +1223,7 @@ a:focus {
  * ---------------
  */
 .form-control {
-  border-radius: 0px;
+  border-radius: 0;
   box-shadow: none;
   border-color: #d2d6de;
 }
@@ -1265,7 +1265,7 @@ a:focus {
 }
 /* Input group */
 .input-group .input-group-addon {
-  border-radius: 0px;
+  border-radius: 0;
   border-color: #d2d6de;
   background-color: #fff;
 }
@@ -1553,7 +1553,7 @@ a:focus {
   border-left: 1px solid #f4f4f4;
 }
 .box.box-solid {
-  border-top: 0px;
+  border-top: 0;
 }
 .box.box-solid > .box-header .btn.btn-default {
   background: transparent;
@@ -1802,7 +1802,7 @@ a:focus {
 /* Widget: TODO LIST */
 .todo-list {
   margin: 0;
-  padding: 0px 0px;
+  padding: 0;
   list-style: none;
   overflow: auto;
 }
@@ -1817,21 +1817,6 @@ a:focus {
 .todo-list > li:last-of-type {
   margin-bottom: 0;
 }
-.todo-list > li.danger {
-  border-left-color: #dd4b39;
-}
-.todo-list > li.warning {
-  border-left-color: #f39c12;
-}
-.todo-list > li.info {
-  border-left-color: #00c0ef;
-}
-.todo-list > li.success {
-  border-left-color: #00a65a;
-}
-.todo-list > li.primary {
-  border-left-color: #3c8dbc;
-}
 .todo-list > li > input[type='checkbox'] {
   margin: 0 10px 0 5px;
 }
@@ -1868,6 +1853,21 @@ a:focus {
 .todo-list > li.done .label {
   background: #d2d6de !important;
 }
+.todo-list .danger {
+  border-left-color: #dd4b39;
+}
+.todo-list .warning {
+  border-left-color: #f39c12;
+}
+.todo-list .info {
+  border-left-color: #00c0ef;
+}
+.todo-list .success {
+  border-left-color: #00a65a;
+}
+.todo-list .primary {
+  border-left-color: #3c8dbc;
+}
 .todo-list .handle {
   display: inline-block;
   cursor: move;
@@ -1894,10 +1894,10 @@ a:focus {
   border: 2px solid transparent;
   border-radius: 50%;
 }
-.chat .item > img.online {
+.chat .item > .online {
   border: 2px solid #00a65a;
 }
-.chat .item > img.offline {
+.chat .item > .offline {
   border: 2px solid #dd4b39;
 }
 .chat .item > .message {
@@ -2025,7 +2025,7 @@ a:focus {
 .timeline:before {
   content: '';
   position: absolute;
-  top: 0px;
+  top: 0;
   bottom: 0;
   width: 4px;
   background: #ddd;
@@ -2050,7 +2050,7 @@ a:focus {
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
   border-radius: 3px;
-  margin-top: 0px;
+  margin-top: 0;
   background: #fff;
   color: #444;
   margin-left: 60px;
@@ -2079,13 +2079,6 @@ a:focus {
 .timeline > li > .timeline-item > .timeline-footer {
   padding: 10px;
 }
-.timeline > li.time-label > span {
-  font-weight: 600;
-  padding: 5px;
-  display: inline-block;
-  background-color: #fff;
-  border-radius: 4px;
-}
 .timeline > li > .fa,
 .timeline > li > .glyphicon,
 .timeline > li > .ion {
@@ -2101,6 +2094,13 @@ a:focus {
   left: 18px;
   top: 0;
 }
+.timeline > .time-label > span {
+  font-weight: 600;
+  padding: 5px;
+  display: inline-block;
+  background-color: #fff;
+  border-radius: 4px;
+}
 /*
  * Component: Button
  * -----------------
@@ -3079,7 +3079,6 @@ table.text-center th {
 .register-box-body {
   background: #fff;
   padding: 20px;
-  color: #444;
   border-top: 0;
   color: #666;
 }
@@ -3860,7 +3859,7 @@ table.text-center th {
 .select2-container--default .select2-selection--single,
 .select2-selection .select2-selection--single {
   border: 1px solid #d2d6de;
-  border-radius: 0px;
+  border-radius: 0;
   padding: 6px 12px;
   height: 34px;
 }
@@ -3869,7 +3868,7 @@ table.text-center th {
 }
 .select2-dropdown {
   border: 1px solid #d2d6de;
-  border-radius: 0px;
+  border-radius: 0;
 }
 .select2-container--default .select2-results__option--highlighted[aria-selected] {
   background-color: #3c8dbc;
@@ -3918,7 +3917,7 @@ table.text-center th {
 }
 .select2-container--default .select2-selection--multiple {
   border: 1px solid #d2d6de;
-  border-radius: 0px;
+  border-radius: 0;
   height: 34px;
 }
 .select2-container--default .select2-selection--multiple:focus {
@@ -3958,7 +3957,6 @@ table.text-center th {
 }
 .inline {
   display: inline;
-  width: auto;
 }
 .description-block {
   display: block;
@@ -4221,13 +4219,13 @@ table.text-center th {
   display: none !important;
 }
 .no-border {
-  border: 0px !important;
+  border: 0 !important;
 }
 .no-padding {
-  padding: 0px !important;
+  padding: 0 !important;
 }
 .no-margin {
-  margin: 0px !important;
+  margin: 0 !important;
 }
 .no-shadow {
   box-shadow: none!important;

dist/css/skins/_all-skins.css

@@ -44,7 +44,7 @@
 .skin-blue .main-header .logo {
   background-color: #367fa9;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-blue .main-header .logo:hover {
   background-color: #357ca5;
@@ -134,7 +134,7 @@
 .skin-blue.layout-top-nav .main-header > .logo {
   background-color: #3c8dbc;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-blue.layout-top-nav .main-header > .logo:hover {
   background-color: #3b8ab8;
@@ -185,7 +185,7 @@
 .skin-blue-light .main-header .logo {
   background-color: #3c8dbc;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-blue-light .main-header .logo:hover {
   background-color: #3b8ab8;
@@ -300,7 +300,7 @@
 .skin-blue.layout-top-nav .main-header > .logo {
   background-color: #3c8dbc;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-blue.layout-top-nav .main-header > .logo:hover {
   background-color: #3b8ab8;
@@ -358,7 +358,7 @@
 .skin-black .main-header > .logo {
   background-color: #ffffff;
   color: #333333;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
   border-right: 1px solid #eee;
 }
 .skin-black .main-header > .logo:hover {
@@ -368,7 +368,7 @@
   .skin-black .main-header > .logo {
     background-color: #222222;
     color: #ffffff;
-    border-bottom: 0px solid transparent;
+    border-bottom: 0 solid transparent;
     border-right: none;
   }
   .skin-black .main-header > .logo:hover {
@@ -511,7 +511,7 @@
 .skin-black-light .main-header > .logo {
   background-color: #ffffff;
   color: #333333;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
   border-right: 1px solid #eee;
 }
 .skin-black-light .main-header > .logo:hover {
@@ -521,7 +521,7 @@
   .skin-black-light .main-header > .logo {
     background-color: #222222;
     color: #ffffff;
-    border-bottom: 0px solid transparent;
+    border-bottom: 0 solid transparent;
     border-right: none;
   }
   .skin-black-light .main-header > .logo:hover {
@@ -679,7 +679,7 @@
 .skin-green .main-header .logo {
   background-color: #008d4c;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-green .main-header .logo:hover {
   background-color: #008749;
@@ -812,7 +812,7 @@
 .skin-green-light .main-header .logo {
   background-color: #00a65a;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-green-light .main-header .logo:hover {
   background-color: #00a157;
@@ -967,7 +967,7 @@
 .skin-red .main-header .logo {
   background-color: #d73925;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-red .main-header .logo:hover {
   background-color: #d33724;
@@ -1100,7 +1100,7 @@
 .skin-red-light .main-header .logo {
   background-color: #dd4b39;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-red-light .main-header .logo:hover {
   background-color: #dc4735;
@@ -1255,7 +1255,7 @@
 .skin-yellow .main-header .logo {
   background-color: #e08e0b;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-yellow .main-header .logo:hover {
   background-color: #db8b0b;
@@ -1388,7 +1388,7 @@
 .skin-yellow-light .main-header .logo {
   background-color: #f39c12;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-yellow-light .main-header .logo:hover {
   background-color: #f39a0d;
@@ -1543,7 +1543,7 @@
 .skin-purple .main-header .logo {
   background-color: #555299;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-purple .main-header .logo:hover {
   background-color: #545096;
@@ -1676,7 +1676,7 @@
 .skin-purple-light .main-header .logo {
   background-color: #605ca8;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-purple-light .main-header .logo:hover {
   background-color: #5d59a6;

dist/css/skins/skin-black-light.css

@@ -51,7 +51,7 @@
 .skin-black-light .main-header > .logo {
   background-color: #ffffff;
   color: #333333;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
   border-right: 1px solid #eee;
 }
 .skin-black-light .main-header > .logo:hover {
@@ -61,7 +61,7 @@
   .skin-black-light .main-header > .logo {
     background-color: #222222;
     color: #ffffff;
-    border-bottom: 0px solid transparent;
+    border-bottom: 0 solid transparent;
     border-right: none;
   }
   .skin-black-light .main-header > .logo:hover {

dist/css/skins/skin-black.css

@@ -51,7 +51,7 @@
 .skin-black .main-header > .logo {
   background-color: #ffffff;
   color: #333333;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
   border-right: 1px solid #eee;
 }
 .skin-black .main-header > .logo:hover {
@@ -61,7 +61,7 @@
   .skin-black .main-header > .logo {
     background-color: #222222;
     color: #ffffff;
-    border-bottom: 0px solid transparent;
+    border-bottom: 0 solid transparent;
     border-right: none;
   }
   .skin-black .main-header > .logo:hover {

dist/css/skins/skin-blue-light.css

@@ -44,7 +44,7 @@
 .skin-blue-light .main-header .logo {
   background-color: #3c8dbc;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-blue-light .main-header .logo:hover {
   background-color: #3b8ab8;
@@ -159,7 +159,7 @@
 .skin-blue.layout-top-nav .main-header > .logo {
   background-color: #3c8dbc;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-blue.layout-top-nav .main-header > .logo:hover {
   background-color: #3b8ab8;

dist/css/skins/skin-blue.css

@@ -44,7 +44,7 @@
 .skin-blue .main-header .logo {
   background-color: #367fa9;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-blue .main-header .logo:hover {
   background-color: #357ca5;
@@ -134,7 +134,7 @@
 .skin-blue.layout-top-nav .main-header > .logo {
   background-color: #3c8dbc;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-blue.layout-top-nav .main-header > .logo:hover {
   background-color: #3b8ab8;

dist/css/skins/skin-green-light.css

@@ -44,7 +44,7 @@
 .skin-green-light .main-header .logo {
   background-color: #00a65a;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-green-light .main-header .logo:hover {
   background-color: #00a157;

dist/css/skins/skin-green.css

@@ -44,7 +44,7 @@
 .skin-green .main-header .logo {
   background-color: #008d4c;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-green .main-header .logo:hover {
   background-color: #008749;

dist/css/skins/skin-purple-light.css

@@ -44,7 +44,7 @@
 .skin-purple-light .main-header .logo {
   background-color: #605ca8;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-purple-light .main-header .logo:hover {
   background-color: #5d59a6;

dist/css/skins/skin-purple.css

@@ -44,7 +44,7 @@
 .skin-purple .main-header .logo {
   background-color: #555299;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-purple .main-header .logo:hover {
   background-color: #545096;

dist/css/skins/skin-red-light.css

@@ -44,7 +44,7 @@
 .skin-red-light .main-header .logo {
   background-color: #dd4b39;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-red-light .main-header .logo:hover {
   background-color: #dc4735;

dist/css/skins/skin-red.css

@@ -44,7 +44,7 @@
 .skin-red .main-header .logo {
   background-color: #d73925;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-red .main-header .logo:hover {
   background-color: #d33724;

dist/css/skins/skin-yellow-light.css

@@ -44,7 +44,7 @@
 .skin-yellow-light .main-header .logo {
   background-color: #f39c12;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-yellow-light .main-header .logo:hover {
   background-color: #f39a0d;

dist/css/skins/skin-yellow.css

@@ -44,7 +44,7 @@
 .skin-yellow .main-header .logo {
   background-color: #e08e0b;
   color: #ffffff;
-  border-bottom: 0px solid transparent;
+  border-bottom: 0 solid transparent;
 }
 .skin-yellow .main-header .logo:hover {
   background-color: #db8b0b;