use autoprefixer, clean up styles

server/sonar-web/gulp/styles.js

@@ -6,6 +6,7 @@ var gulpif = require('gulp-if');
 var less = require('gulp-less');
 var minifyCss = require('gulp-minify-css');
 var sourcemaps = require('gulp-sourcemaps');
+var autoprefixer = require('gulp-autoprefixer');
 
 
 module.exports.styles = function (output, production, dev) {
@@ -24,8 +25,17 @@ module.exports.styles = function (output, production, dev) {
       ])
       .pipe(gulpif(dev, sourcemaps.init()))
       .pipe(less())
+      .pipe(autoprefixer({
+        browsers: [
+          'last 3 Chrome versions',
+          'last 3 Firefox versions',
+          'Safari >= 8',
+          'Edge >= 12',
+          'IE 11'
+        ]
+      }))
       .pipe(gulpif(production, minifyCss()))
       .pipe(concat('sonar.css'))
       .pipe(gulpif(dev, sourcemaps.write({ includeContent: true })))
       .pipe(gulp.dest(path.join(output, 'css')));
-};
+};

server/sonar-web/package.json

@@ -19,6 +19,7 @@
     "event-stream": "3.3.1",
     "glob": "5.0.15",
     "gulp": "3.9.0",
+    "gulp-autoprefixer": "^3.1.0",
     "gulp-browserify": "0.5.1",
     "gulp-concat": "2.6.0",
     "gulp-if": "2.0.0",

server/sonar-web/src/main/less/components/bubble-popup.less

@@ -11,7 +11,7 @@
   padding: 10px;
   border: 1px solid @barBorderColor;
   border-radius: 3px;
-  .box-sizing(border-box);
+  box-sizing: border-box;
   background-color: @white;
   box-shadow: @defaultShadow;
 }
@@ -24,7 +24,8 @@
 .bubble-popup-arrow:after {
   position: absolute;
   display: block;
-  .size(0, 0);
+  width: 0;
+  height: 0;
   border: @popupArrowSize solid transparent;
 }
 

server/sonar-web/src/main/less/components/columns.less

@@ -13,7 +13,7 @@
   float: left;
   width: 50%;
   padding: 0 10px;
-  .box-sizing(border-box);
+  box-sizing: border-box;
 
   &.column-one { margin: 0 25%; }
 }
@@ -22,14 +22,14 @@
   float: left;
   width: 33.3333333333%;
   padding: 0 10px;
-  .box-sizing(border-box);
+  box-sizing: border-box;
 }
 
 .column-two-thirds {
   float: left;
   width: 66.6666666667%;
   padding: 0 10px;
-  .box-sizing(border-box);
+  box-sizing: border-box;
 }
 
 

server/sonar-web/src/main/less/components/graphics.less

@@ -80,8 +80,8 @@
 }
 
 .sonar-d3 .legend-active .legend-bullet {
-  -webkit-transform: scale(1.4);
-  -webkit-transform-origin: center;
+  transform: scale(1.4);
+  transform-origin: center;
 }
 
 .sonar-d3 .legend-html {
@@ -167,7 +167,7 @@ text.max-results-reached-message {
   position: absolute;
   border-right: 1px solid #fff;
   border-bottom: 1px solid #fff;
-  .box-sizing(border-box);
+  box-sizing: border-box;
   text-align: center;
 }
 
@@ -180,7 +180,7 @@ text.max-results-reached-message {
   vertical-align: middle;
   line-height: 1.2;
   padding: 5px;
-  .box-sizing(border-box);
+  box-sizing: border-box;
   color: #fff;
   font-weight: 300;
   text-align: left;

server/sonar-web/src/main/less/components/measures.less

@@ -138,6 +138,6 @@
   .measure-bar {
     width: 30%;
     padding: 7px 5px;
-    .box-sizing(border-box);
+    box-sizing: border-box;
   }
 }

server/sonar-web/src/main/less/components/menu.less

@@ -26,7 +26,7 @@
   > li > a {
     color: @baseFontColor;
     .link-no-underline;
-    .trans(none);
+    transition: none;
   }
 
   .divider {

server/sonar-web/src/main/less/components/modals.less

@@ -10,7 +10,7 @@
   width: 540px;
   background-color: #fff;
   opacity: 0;
-  .trans;
+  transition: all 0.2s ease;
 }
 
 .modal.in {
@@ -29,7 +29,7 @@
   top: 0; bottom: 0; left: 0; right: 0;
   background-color: rgba(0, 0, 0, 0.7);
   opacity: 0;
-  .trans;
+  transition: all 0.2s ease;
 }
 
 .modal-overlay.in {
@@ -43,7 +43,7 @@
 .modal-container {
   max-height: 70vh;
   padding: 10px;
-  .box-sizing(border-box);
+  box-sizing: border-box;
   overflow-x: auto;
   overflow-y: scroll;
 }

server/sonar-web/src/main/less/components/navbar.less

@@ -9,7 +9,7 @@
 @navbarTopPadding: (@navbarGlobalHeight - @navbarLineHeight) / 2;
 
 .navbar, [class^="navbar-"], [class*=" navbar-"] {
-  .box-sizing(border-box);
+  box-sizing: border-box;
 }
 
 .navbar {
@@ -23,12 +23,12 @@
 .navbar-fade {
   .navbar-nav {
     opacity: 0;
-    .trans(opacity);
+    transition: opacity 0.2s ease;
   }
 
   .navbar-favorite {
     margin-right: -23px;
-    .trans(margin);
+    transition: margin 0.2s ease;
   }
 
   &.in {
@@ -44,7 +44,7 @@
 
 .navbar a {
   .link-no-underline;
-  .trans(none);
+  transition: none;
 }
 
 .navbar-header {
@@ -106,8 +106,8 @@
 .navbar-search {
   position: relative;
   width: 480px;
-  .box-sizing(border-box);
-  .trans(width);
+  box-sizing: border-box;
+  transition: width 0.2s ease;
 }
 
 .navbar-search-input {

server/sonar-web/src/main/less/components/navigator/base.less

@@ -9,20 +9,20 @@
 .navigator-element() {
   position: fixed;
   z-index: @navigator-element-z-index;
-  .box-sizing(border-box);
+  box-sizing: border-box;
 }
 
 .navigator-header {
   height: @navigatorHeaderHeight;
   margin: @navigatorPadding;
   border: 1px solid @navigatorBorderLightColor;
-  .box-sizing(border-box);
+  box-sizing: border-box;
 }
 
 .navigator-filters {
   position: relative;
   border: 1px solid @navigatorBorderLightColor;
-  .box-sizing(border-box);
+  box-sizing: border-box;
 }
 
 .navigator-content {
@@ -51,7 +51,7 @@
   min-width: 275px;
   max-width: 600px;
   margin: @navigatorPadding @navigatorPadding 0;
-  .box-sizing(border-box);
+  box-sizing: border-box;
 }
 
 .navigator-actions {
@@ -59,7 +59,7 @@
   z-index: @navigator-actions-z-index;
   margin: 0 @navigatorPadding @navigatorPadding;
   border: 1px solid @navigatorBorderLightColor;
-  .box-sizing(border-box);
+  box-sizing: border-box;
   .clearfix;
 }
 
@@ -159,9 +159,9 @@
   margin-left: -10px;
   padding: 10px;
   border-right: 1px solid transparent;
-  .box-sizing(border-box);
+  box-sizing: border-box;
   cursor: pointer;
-  .trans;
+  transition: all 0.2s ease;
 
   &:hover {
     background-color: @navigatorHover;
@@ -257,7 +257,7 @@
     border: 1px solid;
     border-color: @navigatorBorderLightColor transparent;
     cursor: pointer;
-    .trans;
+    transition: all 0.2s ease;
 
     .line {
       padding: @navigatorPadding / 2 @navigatorPadding;
@@ -333,7 +333,7 @@
   padding: 0 @navigatorPadding;
   line-height: @navigatorStatusHeight;
   cursor: pointer;
-  .trans;
+  transition: all 0.2s ease;
 
   &:hover {
     background-color: @navigatorHover;
@@ -356,7 +356,7 @@
     line-height: @navigatorStatusHeight;
     padding: 0 10px;
     cursor: pointer;
-    .trans;
+    transition: all 0.2s ease;
 
     &:hover {
       background-color: @navigatorBarBackground;

server/sonar-web/src/main/less/components/navigator/filters.less

@@ -26,14 +26,15 @@
 .navigator-filter-submit {
   position: absolute;
   bottom: 0; right: 0;
-  .size(85px, @navigatorFiltersHeight);
+  width: 85px;
+  height: @navigatorFiltersHeight;
   margin: -1px -1px -1px 0;
   padding: 0;
   border: 1px solid darken(@blue, 10%);
   background: @blue;
   color: #fff;
   font-weight: normal;
-  .trans;
+  transition: all 0.2s ease;
 
   &::-moz-focus-inner { border: 0; }
 
@@ -66,10 +67,10 @@
   margin: -1px 0 0 -1px;
   padding: 0 1.5 * @navigatorFilterPadding;
   border: 1px solid @navigatorBorderLightColor;
-  .box-sizing(border-box);
+  box-sizing: border-box;
   white-space: nowrap;
   cursor: pointer;
-  .trans;
+  transition: all 0.2s ease;
 
   &:hover {
     z-index: @above-normal-z-index;
@@ -146,7 +147,8 @@
 .navigator-filter-disable {
   display: inline-block;
   vertical-align: middle;
-  .square(20px);
+  width: 20px;
+  height: 20px;
   line-height: 20px;
   margin: 0 0 0 5px;
   font-size: 18px;
@@ -202,7 +204,6 @@
   max-height: 182px;
   padding: 5px 0;
   overflow-y: auto;
-  .webkit-scrollbar;
   -ms-overflow-style: scrollbar;
 
   label {
@@ -212,7 +213,7 @@
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-    .trans(background);
+    transition: background 0.2s ease;
 
     &:hover,
     &.current {
@@ -267,10 +268,11 @@
   margin: @navigatorFilterPadding 26px @navigatorFilterPadding @navigatorFilterPadding;
 
   input {
-    .size(100%, 26px);
+    width: 100%;
+    height: 26px;
     padding: 0 7px;
     border: 1px solid @darkGrey;
-    .box-sizing(border-box);
+    box-sizing: border-box;
   }
 
   .fetching &:after {
@@ -278,7 +280,8 @@
     position: absolute;
     top: 6px; right: -21px;
     display: block;
-    .square(16px);
+    width: 16px;
+    height: 16px;
     background: #fff url(../images/loading.gif) no-repeat center center;
   }
 
@@ -307,13 +310,10 @@
 }
 
 .navigator-filter-favorite-toggle {
-  .size(16px, @navigatorFiltersHeight);
-  background: url('../images/navigator/favorite-filters.png') no-repeat center center;
-
-  @media @retina {
-    background-image: url(../images/navigator/favorite-filters@2x.png);
-    background-size: 16px 14px;
-  }
+  width: 16px;
+  height: @navigatorFiltersHeight;
+  background: url(../images/navigator/favorite-filters@2x.png) no-repeat center center;
+  background-size: 16px 14px;
 }
 
 .navigator-filter-more-criteria {

server/sonar-web/src/main/less/components/page.less

@@ -78,7 +78,7 @@ body {
   padding: 10px;
   line-height: 1.5;
   border-top: 1px solid @barBorderColor;
-  .box-sizing(border-box);
+  box-sizing: border-box;
   background-color: @barBackgroundColor;
   color: @baseFontColorLight;
   font-size: @smallFontSize;

server/sonar-web/src/main/less/components/search-navigator.less

@@ -43,7 +43,7 @@
   left: 0;
   bottom: 0;
   border-right: 1px solid @barBorderColor;
-  .box-sizing(border-box);
+  box-sizing: border-box;
   background-color: @barBorderColor;
   overflow-x: hidden;
 }
@@ -97,13 +97,13 @@
   padding: 3px 5px;
   border: 1px solid transparent;
   border-radius: 2px;
-  .box-sizing(border-box);
+  box-sizing: border-box;
   background-color: @barBackgroundColor;
   white-space: normal;
   overflow: hidden;
   font-size: 0;
   cursor: pointer;
-  .trans(none);
+  transition: none;
 
   &:hover {
     border: 1px solid @blue;
@@ -279,7 +279,7 @@
     display: block;
     padding-bottom: 3px;
     .link-no-underline;
-    .trans(none);
+    transition: none;
 
     &:hover, &:focus,
     &:hover .search-navigator-facet-histogram-bar-inner, &:focus .search-navigator-facet-histogram-bar-inner {
@@ -376,7 +376,7 @@
   margin-bottom: 8px;
   padding: 5px 10px;
   border: 1px solid #e8e8e8;
-  .box-sizing(border-box);
+  box-sizing: border-box;
   line-height: 1.5;
   background-color: #fff;
   box-shadow: @defaultShadow;

server/sonar-web/src/main/less/components/select-list.less

@@ -3,19 +3,16 @@
 
 .select-list-container {
   min-width: 500px;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 
 .select-list-control {
   margin-bottom: 10px;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 
 .select-list-list-container {
   border: 1px solid #bfbfbf;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 
@@ -39,48 +36,37 @@
   overflow-x: hidden;
 }
 
-  .select-list-list > li {
-    position: relative;
-    display: block;
-    margin-top: -1px;
-    padding: 5px 10px;
-    border-top: 1px solid #e0e0e0;
-    color: #404040;
-    transition: -webkit-transform 0.3s ease;
-    transition: -ms-transform 0.3s ease;
-    transition: transform 0.3s ease;
-  }
-
-  .select-list-list > li.removed {
-    -webkit-transform: translateX(100%);
-       -moz-transform: translateX(100%);
-        -ms-transform: translateX(100%);
-         -o-transform: translateX(100%);
-            transform: translateX(100%);
-  }
-
-  .select-list-list > li.added {
-    -webkit-transform: translateX(-100%);
-       -moz-transform: translateX(-100%);
-        -ms-transform: translateX(-100%);
-         -o-transform: translateX(-100%);
-            transform: translateX(-100%);
-  }
-
-  .select-list-list > li.progress {
-    background: url(../images/loading.gif) no-repeat 10px 5px;
-  }
-
-  .select-list-list > li.progress .select-list-list-checkbox {
-    visibility: hidden;
-  }
-
-  .select-list-list > li.empty-message {
-    padding: 6px 5px;
-    border: 1px solid #ddd;
-    background-color: #efefef;
-  }
+.select-list-list > li {
+  position: relative;
+  display: block;
+  margin-top: -1px;
+  padding: 5px 10px;
+  border-top: 1px solid #e0e0e0;
+  color: #404040;
+  transition: transform 0.3s ease;
+}
+
+.select-list-list > li.removed {
+  transform: translateX(100%);
+}
 
+.select-list-list > li.added {
+  transform: translateX(-100%);
+}
+
+.select-list-list > li.progress {
+  background: url(../images/loading.gif) no-repeat 10px 5px;
+}
+
+.select-list-list > li.progress .select-list-list-checkbox {
+  visibility: hidden;
+}
+
+.select-list-list > li.empty-message {
+  padding: 6px 5px;
+  border: 1px solid #ddd;
+  background-color: #efefef;
+}
 
 .select-list-list-checkbox {
   display: inline-block;
@@ -121,13 +107,13 @@
   height: 27px;
   line-height: 25px;
   padding: 0 12px;
-  .box-sizing(border-box);
+  box-sizing: border-box;
   border: 1px solid @darkBlue;
   color: @darkBlue;
   font-size: @smallFontSize;
   text-align: center;
   cursor: pointer;
-  .trans(none);
+  transition: none;
 }
 
 .select-list-control-button:first-child {

server/sonar-web/src/main/less/components/source.less

@@ -10,7 +10,7 @@
 .source-viewer {
   width: 100%;
   border: 1px solid @barBorderColor;
-  .box-sizing(border-box);
+  box-sizing: border-box;
   background-color: #fff;
   overflow-x: auto;
   overflow-y: hidden;
@@ -127,7 +127,7 @@
   vertical-align: top;
   width: 1px;
   background-clip: padding-box;
-  .user-select(none);
+  user-select: none;
 }
 
 .source-meta + .source-meta {

server/sonar-web/src/main/less/components/ui.less

@@ -8,7 +8,8 @@
 
 .rating {
   display: inline-block;
-  .size(1em, 1.3em);
+  width: 1em;
+  height: 1.3em;
   line-height: 1.3;
   color: #fff;
   font-weight: 300;
@@ -17,7 +18,7 @@
   a > & {
     margin-bottom: -1px;
     border-bottom: 1px solid;
-    .trans;
+    transition: all 0.2s ease;
 
     &:hover { opacity: 0.8; }
   }
@@ -64,11 +65,11 @@
   padding: 0 10px;
   line-height: @formControlHeight;
   border-radius: 0 0 3px 3px;
-  .box-sizing(border-box);
+  box-sizing: border-box;
   background-color: #f0e8ac;
   text-align: center;
   opacity: 0;
-  .trans;
+  transition: all 0.2s ease;
 
   &.shown { opacity: 1; }
 }
@@ -116,11 +117,12 @@
 
 .shortcut-button {
   display: inline-block;
-  .square(24px);
+  width: 24px;
+  height: 24px;
   line-height: 24px;
   border: 1px solid #ccc;
   border-radius: 3px;
-  .vertical-gradient(#f5f5f5, #eee);
+  background-image: linear-gradient(to bottom, #f5f5f5, #eee);
   box-shadow: inset 0 1px 0 #fff, 0 1px 0 #ccc;
   color: @secondFontColor;
   font-size: @baseFontSize;
@@ -210,7 +212,7 @@
 
 .flash {
   background-color: transparent;
-  .trans(all, 0.5s ease);
+  transition: all 0.5s ease;
 
   &.in {
     background-color: #fcf8e3;

server/sonar-web/src/main/less/components/workspace.less

@@ -40,7 +40,7 @@
   bottom: 0;
   left: 0;
   right: 0;
-  .box-sizing(border-box);
+  box-sizing: border-box;
   background-color: #fff;
   box-shadow: 0 -6px 12px rgba(0, 0, 0, .175);
 }
@@ -50,7 +50,7 @@
   position: relative;
   height: 30px;
   padding: @topPadding 10px;
-  .box-sizing(border-box);
+  box-sizing: border-box;
   background-color: #404040;
   color: #fff;
   font-weight: 300;
@@ -69,7 +69,8 @@
   position: absolute;
   top: 3px;
   left: 50%;
-  .size(30px, 5px);
+  width: 30px;
+  height: 5px;
   margin-left: -15px;
   background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSI1cHgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+PGc+PGcgaWQ9IkxheWVyMSI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwwLDApIj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBzdHlsZT0iZmlsbDojNzc3O2ZpbGwtb3BhY2l0eTowLjU7Ii8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsNCwwKSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgc3R5bGU9ImZpbGw6Izc3NztmaWxsLW9wYWNpdHk6MC41OyIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDgsMCkiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHN0eWxlPSJmaWxsOiM3Nzc7ZmlsbC1vcGFjaXR5OjAuNTsiLz48L2c+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwxMiwwKSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgc3R5bGU9ImZpbGw6Izc3NztmaWxsLW9wYWNpdHk6MC41OyIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDE2LDApIj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBzdHlsZT0iZmlsbDojNzc3O2ZpbGwtb3BhY2l0eTowLjU7Ii8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMjAsMCkiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHN0eWxlPSJmaWxsOiM3Nzc7ZmlsbC1vcGFjaXR5OjAuNTsiLz48L2c+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwyNCwwKSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgc3R5bGU9ImZpbGw6Izc3NztmaWxsLW9wYWNpdHk6MC41OyIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDI4LDApIj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBzdHlsZT0iZmlsbDojNzc3O2ZpbGwtb3BhY2l0eTowLjU7Ii8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMCwzKSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgc3R5bGU9ImZpbGw6Izc3NztmaWxsLW9wYWNpdHk6MC41OyIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDQsMykiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHN0eWxlPSJmaWxsOiM3Nzc7ZmlsbC1vcGFjaXR5OjAuNTsiLz48L2c+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSw4LDMpIj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBzdHlsZT0iZmlsbDojNzc3O2ZpbGwtb3BhY2l0eTowLjU7Ii8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMTIsMykiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHN0eWxlPSJmaWxsOiM3Nzc7ZmlsbC1vcGFjaXR5OjAuNTsiLz48L2c+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwxNiwzKSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgc3R5bGU9ImZpbGw6Izc3NztmaWxsLW9wYWNpdHk6MC41OyIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDIwLDMpIj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBzdHlsZT0iZmlsbDojNzc3O2ZpbGwtb3BhY2l0eTowLjU7Ii8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMjQsMykiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHN0eWxlPSJmaWxsOiM3Nzc7ZmlsbC1vcGFjaXR5OjAuNTsiLz48L2c+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwyOCwzKSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgc3R5bGU9ImZpbGw6Izc3NztmaWxsLW9wYWNpdHk6MC41OyIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDAsMCkiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHN0eWxlPSJmaWxsOiM3Nzc7ZmlsbC1vcGFjaXR5OjAuNTsiLz48L2c+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSw0LDApIj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBzdHlsZT0iZmlsbDojNzc3O2ZpbGwtb3BhY2l0eTowLjU7Ii8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsOCwwKSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgc3R5bGU9ImZpbGw6Izc3NztmaWxsLW9wYWNpdHk6MC41OyIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDEyLDApIj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBzdHlsZT0iZmlsbDojNzc3O2ZpbGwtb3BhY2l0eTowLjU7Ii8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMTYsMCkiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHN0eWxlPSJmaWxsOiM3Nzc7ZmlsbC1vcGFjaXR5OjAuNTsiLz48L2c+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwyMCwwKSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgc3R5bGU9ImZpbGw6Izc3NztmaWxsLW9wYWNpdHk6MC41OyIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDI0LDApIj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBzdHlsZT0iZmlsbDojNzc3O2ZpbGwtb3BhY2l0eTowLjU7Ii8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMjgsMCkiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHN0eWxlPSJmaWxsOiM3Nzc7ZmlsbC1vcGFjaXR5OjAuNTsiLz48L2c+PC9nPjwvZz48L3N2Zz4=);
   cursor: ns-resize;
@@ -89,7 +90,7 @@
   padding: 5px 10px;
   overflow-y: scroll;
   overflow-x: auto;
-  .box-sizing(border-box);
+  box-sizing: border-box;
 }
 
 

server/sonar-web/src/main/less/init/forms.less

@@ -13,11 +13,11 @@ input[type=search],
 input[type=date],
 textarea {
   border: 1px solid @darkGrey;
-  .box-sizing(border-box);
+  box-sizing: border-box;
   border-radius: 2px;
   background: #fff;
   color: @baseFontColor;
-  .trans(border-color);
+  transition: border-color 0.2s ease;
 
   &:active,
   &:focus {
@@ -58,7 +58,7 @@ input[type=button] {
 
   border: 1px solid @darkBlue;
   border-radius: 2px;
-  .box-sizing(border-box);
+  box-sizing: border-box;
 
   background: transparent;
 
@@ -70,7 +70,7 @@ input[type=button] {
 
   cursor: pointer;
   outline: none;
-  .trans(border-color);
+  transition: border-color 0.2s ease;
 
   &:hover, &:focus {
     background: @darkBlue;
@@ -123,7 +123,7 @@ input[type=button] {
   font-weight: 400;
   font-size: inherit;
   line-height: inherit;
-  .trans;
+  transition: all 0.2s ease;
 
   &:hover, &:active, &:focus {
     background: transparent;

server/sonar-web/src/main/less/init/icons.less

@@ -55,7 +55,8 @@ a[class^="icon-"], a[class*=" icon-"] {
 [class^="icon-severity-"], [class*=" icon-severity"] {
   display: inline-block;
   vertical-align: top;
-  .square(16px);
+  width: 16px;
+  height: 16px;
   background-size: 14px 14px;
   background: no-repeat center center;
 }
@@ -73,7 +74,8 @@ a[class^="icon-"], a[class*=" icon-"] {
 [class^="icon-status-"], [class*=" icon-status"] {
   display: inline-block;
   vertical-align: top;
-  .square(16px);
+  width: 16px;
+  height: 16px;
   background-size: 14px 14px;
   background: no-repeat center center;
 }
@@ -147,7 +149,8 @@ a[class^="icon-"], a[class*=" icon-"] {
 [class^="icon-qualifier-"], [class*=" icon-qualifier-"] {
   display: inline-block;
   vertical-align: top;
-  .square(16px);
+  width: 16px;
+  height: 16px;
   background-size: 16px 16px;
   background: no-repeat center center;
 }
@@ -173,15 +176,16 @@ a[class^="icon-"], a[class*=" icon-"] {
   display: inline-block;
   vertical-align: top;
   padding: 2px;
-  .box-sizing(border-box);
+  box-sizing: border-box;
 
   &:before {
     content: " ";
     display: block;
-    .square(10px);
+    width: 10px;
+    height: 10px;
     border: 1px solid @darkBlue;
     border-radius: 2px;
-    .trans;
+    transition: all 0.2s ease;
   }
 }
 
@@ -296,21 +300,22 @@ a[class^="icon-"], a[class*=" icon-"] {
 .icon-not-favorite {
   display: inline-block;
   vertical-align: top;
-  .square(16px);
+  width: 16px;
+  height: 16px;
   background-size: 16px 16px;
   background: no-repeat center center;
-  .trans !important;
+  transition: all 0.2s ease !important;
 }
 .icon-favorite {
   background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M15.428%205.777c0%20.13-.078.274-.233.428l-3.24%203.16.767%204.465c.006.042.01.102.01.18%200%20.124-.032.23-.095.316-.062.086-.153.13-.272.13-.113%200-.232-.036-.357-.108l-4.01-2.107L3.99%2014.35c-.13.072-.25.107-.357.107-.125%200-.22-.043-.28-.13-.064-.085-.095-.19-.095-.316%200-.037.006-.096.018-.18l.768-4.464-3.25-3.16C.644%206.045.57%205.9.57%205.775c0-.22.167-.356.5-.41l4.482-.652L7.562.652c.112-.244.258-.366.437-.366.177%200%20.323.122.436.366l2.01%204.062%204.48.652c.335.054.5.19.5.41h.002z%22%20fill%3D%22%23F90%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E');
-  .rotate(72deg);
+  transform: rotate(72deg);
 }
 .icon-not-favorite {
   background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M15.428%205.777c0%20.13-.078.274-.233.428l-3.24%203.16.767%204.465c.006.042.01.102.01.18%200%20.124-.032.23-.095.316-.062.086-.153.13-.272.13-.113%200-.232-.036-.357-.108l-4.01-2.107L3.99%2014.35c-.13.072-.25.107-.357.107-.125%200-.22-.043-.28-.13-.064-.085-.095-.19-.095-.316%200-.037.006-.096.018-.18l.768-4.464-3.25-3.16C.644%206.045.57%205.9.57%205.775c0-.22.167-.356.5-.41l4.482-.652L7.562.652c.112-.244.258-.366.437-.366.177%200%20.323.122.436.366l2.01%204.062%204.48.652c.335.054.5.19.5.41h.002z%22%20fill%3D%22%23CDCDCD%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E');
 }
 
 .icon-star {
-  .trans !important;
+  transition: all 0.2s ease !important;
 }
 
 .icon-star path {
@@ -318,7 +323,7 @@ a[class^="icon-"], a[class*=" icon-"] {
   stroke-width: sqrt(2);
   stroke-opacity: 1;
   fill-opacity: 0;
-  .trans;
+  transition: all 0.2s ease;
 }
 
 .icon-star-favorite {
@@ -504,7 +509,8 @@ a[class^="icon-"], a[class*=" icon-"] {
 .icon-search-new {
   display: inline-block;
   vertical-align: top;
-  .square(16px);
+  width: 16px;
+  height: 16px;
   background-size: 13px 14px;
   background: no-repeat center center;
   background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M9%206.5c0-.964-.342-1.788-1.027-2.473C7.288%203.342%206.463%203%205.5%203c-.964%200-1.788.342-2.473%201.027C2.342%204.712%202%205.537%202%206.5c0%20.964.342%201.788%201.027%202.473C3.712%209.658%204.537%2010%205.5%2010c.964%200%201.788-.342%202.473-1.027C8.658%208.288%209%207.463%209%206.5zm4%206.5c0%20.27-.1.505-.297.703-.198.198-.432.297-.703.297-.28%200-.516-.1-.703-.297l-2.68-2.672c-.932.647-1.97.97-3.117.97-.745%200-1.457-.145-2.137-.434-.68-.29-1.265-.68-1.758-1.171-.492-.493-.882-1.08-1.17-1.758C.144%207.957%200%207.245%200%206.5c0-.745.145-1.457.434-2.137.29-.68.68-1.265%201.17-1.758.494-.492%201.08-.882%201.76-1.17C4.043%201.144%204.753%201%205.5%201c.745%200%201.457.145%202.137.434.68.29%201.265.68%201.758%201.17.492.494.882%201.08%201.17%201.76.29.68.435%201.39.435%202.136%200%201.146-.323%202.185-.97%203.117l2.68%202.68c.194.193.29.427.29.703z%22%20fill%3D%22%23777%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E');
@@ -541,13 +547,15 @@ a[class^="icon-"], a[class*=" icon-"] {
 }
 .icon-issues {
   display: inline-block;
-  .square(60px);
+  width: 60px;
+  height: 60px;
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iNjBweCIgaGVpZ2h0PSI2MHB4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MS40MTQyMTsiPiAgICA8ZyBpZD0iTGF5ZXJfMSI+ICAgICAgICA8Zz4gICAgICAgICAgICA8cGF0aCBkPSJNMzAsMS43NzYzNmUtMTVDNDYuNTY4NSwxLjc3NjM2ZS0xNSA2MCwxMy40MzE1IDYwLDMwQzYwLDQ2LjU2ODUgNDYuNTY4NSw2MCAzMCw2MEMxMy40MzE1LDYwIDAsNDYuNTY4NSAwLDMwQzAsMTMuNDMxNSAxMy40MzE1LDEuNzc2MzZlLTE1IDMwLDEuNzc2MzZlLTE1WiIgc3R5bGU9ImZpbGw6dXJsKCN0YWcxKTsiLz4gICAgICAgICAgICA8cGF0aCBkPSJNNDgsNkM0Mi45ODY0LDIuMjMzMiAzNi43NTQyLDEuNzc2MzZlLTE1IDMwLDEuNzc2MzZlLTE1QzIzLjI0NTgsMS43NzYzNmUtMTUgMTcuMDE0MiwyLjIzMzIgMTIsNkwxMiw1NC4wMDA2QzE3LjAxNDIsNTcuNzY2OCAyMy4yNDU4LDYwIDMwLDYwQzM2Ljc1NDIsNjAgNDIuOTg2NCw1Ny43NjY4IDQ4LDU0LjAwMDZaIiBzdHlsZT0iZmlsbDpyZ2IoMjM0LDIzNCwyMzQpO2ZpbGwtcnVsZTpub256ZXJvOyIvPiAgICAgICAgICAgIDxwYXRoIGQ9Ik00Miw5QzQyLDkuNDk1IDQxLjQ2LDkuOSA0MC44LDkuOUwxOS4yLDkuOUMxOC41NCw5LjkgMTgsOS40OTUgMTgsOUMxOCw4LjUwNSAxOC41NCw4LjEgMTkuMiw4LjFMNDAuOCw4LjFDNDEuNDYsOC4xIDQyLDguNTA1IDQyLDlaIiBzdHlsZT0iZmlsbDpyZ2IoMTMyLDEzMiwxMzIpO2ZpbGwtcnVsZTpub256ZXJvOyIvPiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNy42LDE1QzI3LjYsMTUuNDk1IDI3LjA2LDE1LjkgMjYuNCwxNS45TDE5LjIsMTUuOUMxOC41NCwxNS45IDE4LDE1LjQ5NSAxOCwxNUMxOCwxNC41MDUgMTguNTQsMTQuMSAxOS4yLDE0LjFMMjYuNCwxNC4xQzI3LjA2LDE0LjEgMjcuNiwxNC41MDUgMjcuNiwxNVoiIHN0eWxlPSJmaWxsOnJnYigxMzIsMTMyLDEzMik7ZmlsbC1ydWxlOm5vbnplcm87Ii8+ICAgICAgICAgICAgPHBhdGggZD0iTTQyLDIxQzQyLDIxLjQ5NSA0MS40NiwyMS45IDQwLjgsMjEuOUwxOS4yLDIxLjlDMTguNTQsMjEuOSAxOCwyMS40OTUgMTgsMjFDMTgsMjAuNTA1IDE4LjU0LDIwLjEgMTkuMiwyMC4xTDQwLjgsMjAuMUM0MS40NiwyMC4xIDQyLDIwLjUwNSA0MiwyMVoiIHN0eWxlPSJmaWxsOnJnYigxMzIsMTMyLDEzMik7ZmlsbC1ydWxlOm5vbnplcm87Ii8+ICAgICAgICAgICAgPGc+ICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xOS4yLDM0LjJDMTguODY5NCwzNC4yIDE4LjYsMzMuOTMxMiAxOC42LDMzLjZMMTguNiwyN0MxOC42LDI2LjY2OTQgMTguODY5NCwyNi40IDE5LjIsMjYuNEw0MC44LDI2LjRDNDEuMTMxMiwyNi40IDQxLjQsMjYuNjY5NCA0MS40LDI3TDQxLjQsMzMuNkM0MS40LDMzLjkzMTIgNDEuMTMxMiwzNC4yIDQwLjgsMzQuMloiIHN0eWxlPSJmaWxsOnJnYigyNTMsMjM0LDIzNCk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+ICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00MC44LDI3TDQwLjgsMzMuNkwxOS4yLDMzLjZMMTkuMiwyN000MC44LDI1LjhMMTkuMiwyNS44QzE4LjU0LDI1LjggMTgsMjYuMzQgMTgsMjdMMTgsMzMuNkMxOCwzNC4yNiAxOC41NCwzNC44IDE5LjIsMzQuOEw0MC44LDM0LjhDNDEuNDYsMzQuOCA0MiwzNC4yNiA0MiwzMy42TDQyLDI3QzQyLDI2LjM0IDQxLjQ2LDI1LjggNDAuOCwyNS44WiIgc3R5bGU9ImZpbGw6cmdiKDIyMSw2NCw2NCk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+ICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNy42LDM5QzI3LjYsMzkuNDk1IDI3LjA2LDM5LjkgMjYuNCwzOS45TDE5LjIsMzkuOUMxOC41NCwzOS45IDE4LDM5LjQ5NSAxOCwzOUMxOCwzOC41MDUgMTguNTQsMzguMSAxOS4yLDM4LjFMMjYuNCwzOC4xQzI3LjA2LDM4LjEgMjcuNiwzOC41MDUgMjcuNiwzOVoiIHN0eWxlPSJmaWxsOnJnYigxMzIsMTMyLDEzMik7ZmlsbC1ydWxlOm5vbnplcm87Ii8+ICAgICAgICAgICAgPHBhdGggZD0iTTM3LjIsNDVDMzcuMiw0NS40OTUgMzYuNjYsNDUuOSAzNiw0NS45TDE5LjIsNDUuOUMxOC41NCw0NS45IDE4LDQ1LjQ5NSAxOCw0NUMxOCw0NC41MDUgMTguNTQsNDQuMSAxOS4yLDQ0LjFMMzYsNDQuMUMzNi42Niw0NC4xIDM3LjIsNDQuNTA1IDM3LjIsNDVaIiBzdHlsZT0iZmlsbDpyZ2IoMTMyLDEzMiwxMzIpO2ZpbGwtcnVsZTpub256ZXJvOyIvPiAgICAgICAgICAgIDxwYXRoIGQ9Ik00Miw1MUM0Miw1MS40OTUgNDEuNDYsNTEuOSA0MC44LDUxLjlMMTkuMiw1MS45QzE4LjU0LDUxLjkgMTgsNTEuNDk1IDE4LDUxQzE4LDUwLjUwNSAxOC41NCw1MC4xIDE5LjIsNTAuMUw0MC44LDUwLjFDNDEuNDYsNTAuMSA0Miw1MC41MDUgNDIsNTFaIiBzdHlsZT0iZmlsbDpyZ2IoMTMyLDEzMiwxMzIpO2ZpbGwtcnVsZTpub256ZXJvOyIvPiAgICAgICAgPC9nPiAgICA8L2c+ICAgIDxkZWZzPiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJ0YWcxIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMy42NzM5NmUtMTUsNjAuMDAwMywtNjAuMDAwMywzLjY3Mzk2ZS0xNSwyOS45OTk3LDEuNzc2MzZlLTE1KSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6cmdiKDIyOSwyMDksMzQpO3N0b3Atb3BhY2l0eToxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2IoMjE1LDE5NywzMyk7c3RvcC1vcGFjaXR5OjEiLz48L2xpbmVhckdyYWRpZW50PiAgICA8L2RlZnM+PC9zdmc+);
 }
 .icon-workspace-doc {
   display: inline-block;
   vertical-align: top;
-  .size(9px, 16px);
+  width: 9px;
+  height: 16px;
   padding-right: 3px;
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgOSAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjE7Ij4gICAgPHBhdGggZD0iTTYuNTcxNDMsNS4xNDI4NkM2LjU3MTQzLDUuMjIwMjQgNi41NDMxNSw1LjI4NzIgNi40ODY2MSw1LjM0Mzc1QzYuNDMwMDYsNS40MDAzIDYuMzYzMSw1LjQyODU3IDYuMjg1NzEsNS40Mjg1N0M2LjIwODMzLDUuNDI4NTcgNi4xNDEzNyw1LjQwMDMgNi4wODQ4Miw1LjM0Mzc1QzYuMDI4MjcsNS4yODcyIDYsNS4yMjAyNCA2LDUuMTQyODZDNiw0Ljg2OTA1IDUuODM5MjksNC42NTc3NCA1LjUxNzg2LDQuNTA4OTNDNS4xOTY0Myw0LjM2MDEyIDQuODgwOTUsNC4yODU3MSA0LjU3MTQzLDQuMjg1NzFDNC40OTQwNSw0LjI4NTcxIDQuNDI3MDgsNC4yNTc0NCA0LjM3MDU0LDQuMjAwODlDNC4zMTM5OSw0LjE0NDM1IDQuMjg1NzEsNC4wNzczOCA0LjI4NTcxLDRDNC4yODU3MSwzLjkyMjYyIDQuMzEzOTksMy44NTU2NSA0LjM3MDU0LDMuNzk5MTFDNC40MjcwOCwzLjc0MjU2IDQuNDk0MDUsMy43MTQyOSA0LjU3MTQzLDMuNzE0MjlDNC44NjkwNSwzLjcxNDI5IDUuMTY1MTgsMy43NjE5IDUuNDU5ODIsMy44NTcxNEM1Ljc1NDQ2LDMuOTUyMzggNi4wMTMzOSw0LjExMzEgNi4yMzY2MSw0LjMzOTI5QzYuNDU5ODIsNC41NjU0OCA2LjU3MTQzLDQuODMzMzMgNi41NzE0Myw1LjE0Mjg2Wk04LDUuMTQyODZDOCw0LjcxNDI5IDcuODk3MzIsNC4zMTU0OCA3LjY5MTk2LDMuOTQ2NDNDNy40ODY2MSwzLjU3NzM4IDcuMjE4NzUsMy4yNzUzIDYuODg4MzksMy4wNDAxOEM2LjU1ODA0LDIuODA1MDYgNi4xOTE5NiwyLjYyMDU0IDUuNzkwMTgsMi40ODY2MUM1LjM4ODM5LDIuMzUyNjggNC45ODIxNCwyLjI4NTcxIDQuNTcxNDMsMi4yODU3MUM0LjE2MDcxLDIuMjg1NzEgMy43NTQ0NiwyLjM1MjY4IDMuMzUyNjgsMi40ODY2MUMyLjk1MDg5LDIuNjIwNTQgMi41ODQ4MiwyLjgwNTA2IDIuMjU0NDYsMy4wNDAxOEMxLjkyNDExLDMuMjc1MyAxLjY1NjI1LDMuNTc3MzggMS40NTA4OSwzLjk0NjQzQzEuMjQ1NTQsNC4zMTU0OCAxLjE0Mjg2LDQuNzE0MjkgMS4xNDI4Niw1LjE0Mjg2QzEuMTQyODYsNS43NDQwNSAxLjM0NTI0LDYuMjc5NzYgMS43NSw2Ljc1QzEuODA5NTIsNi44MTU0OCAxLjkwMDMsNi45MTM2OSAyLjAyMjMyLDcuMDQ0NjRDMi4xNDQzNSw3LjE3NTYgMi4yMzUxMiw3LjI3MzgxIDIuMjk0NjQsNy4zMzkyOUMzLjA1NjU1LDguMjUgMy40NzYxOSw5LjEzNjkgMy41NTM1NywxMEw1LjU4OTI5LDEwQzUuNjY2NjcsOS4xMzY5IDYuMDg2MzEsOC4yNSA2Ljg0ODIxLDcuMzM5MjlDNi45MDc3NCw3LjI3MzgxIDYuOTk4NTEsNy4xNzU2IDcuMTIwNTQsNy4wNDQ2NEM3LjI0MjU2LDYuOTEzNjkgNy4zMzMzMyw2LjgxNTQ4IDcuMzkyODYsNi43NUM3Ljc5NzYyLDYuMjc5NzYgOCw1Ljc0NDA1IDgsNS4xNDI4NlpNOS4xNDI4Niw1LjE0Mjg2QzkuMTQyODYsNi4wNjU0OCA4LjgzNjMxLDYuODYzMSA4LjIyMzIxLDcuNTM1NzFDNy45NTUzNiw3LjgyNzM4IDcuNzMzNjMsOC4wODYzMSA3LjU1ODA0LDguMzEyNUM3LjM4MjQ0LDguNTM4NjkgNy4yMDUzNiw4LjgyMjkyIDcuMDI2NzksOS4xNjUxOEM2Ljg0ODIxLDkuNTA3NDQgNi43NDcwMiw5LjgyNzM4IDYuNzIzMjEsMTAuMTI1QzcuMDAyOTgsMTAuMjkxNyA3LjE0Mjg2LDEwLjUzNTcgNy4xNDI4NiwxMC44NTcxQzcuMTQyODYsMTEuMDc3NCA3LjA2ODQ1LDExLjI2NzkgNi45MTk2NCwxMS40Mjg2QzcuMDY4NDUsMTEuNTg5MyA3LjE0Mjg2LDExLjc3OTggNy4xNDI4NiwxMkM3LjE0Mjg2LDEyLjMwOTUgNy4wMDg5MywxMi41NTA2IDYuNzQxMDcsMTIuNzIzMkM2LjgxODQ1LDEyLjg2MDEgNi44NTcxNCwxMyA2Ljg1NzE0LDEzLjE0MjlDNi44NTcxNCwxMy40MTY3IDYuNzYzMzksMTMuNjI4IDYuNTc1ODksMTMuNzc2OEM2LjM4ODM5LDEzLjkyNTYgNi4xNTc3NCwxNCA1Ljg4MzkzLDE0QzUuNzY0ODgsMTQuMjYxOSA1LjU4NjMxLDE0LjQ3MDIgNS4zNDgyMSwxNC42MjVDNS4xMTAxMiwxNC43Nzk4IDQuODUxMTksMTQuODU3MSA0LjU3MTQzLDE0Ljg1NzFDNC4yOTE2NywxNC44NTcxIDQuMDMyNzQsMTQuNzc5OCAzLjc5NDY0LDE0LjYyNUMzLjU1NjU1LDE0LjQ3MDIgMy4zNzc5OCwxNC4yNjE5IDMuMjU4OTMsMTRDMi45ODUxMiwxNCAyLjc1NDQ2LDEzLjkyNTYgMi41NjY5NiwxMy43NzY4QzIuMzc5NDYsMTMuNjI4IDIuMjg1NzEsMTMuNDE2NyAyLjI4NTcxLDEzLjE0MjlDMi4yODU3MSwxMyAyLjMyNDQsMTIuODYwMSAyLjQwMTc5LDEyLjcyMzJDMi4xMzM5MywxMi41NTA2IDIsMTIuMzA5NSAyLDEyQzIsMTEuNzc5OCAyLjA3NDQsMTEuNTg5MyAyLjIyMzIxLDExLjQyODZDMi4wNzQ0LDExLjI2NzkgMiwxMS4wNzc0IDIsMTAuODU3MUMyLDEwLjUzNTcgMi4xMzk4OCwxMC4yOTE3IDIuNDE5NjQsMTAuMTI1QzIuMzk1ODMsOS44MjczOCAyLjI5NDY0LDkuNTA3NDQgMi4xMTYwNyw5LjE2NTE4QzEuOTM3NSw4LjgyMjkyIDEuNzYwNDIsOC41Mzg2OSAxLjU4NDgyLDguMzEyNUMxLjQwOTIzLDguMDg2MzEgMS4xODc1LDcuODI3MzggMC45MTk2NDMsNy41MzU3MUMwLjMwNjU0OCw2Ljg2MzEgMCw2LjA2NTQ4IDAsNS4xNDI4NkMwLDQuNTUzNTcgMC4xMzI0NCw0LjAwNDQ2IDAuMzk3MzIxLDMuNDk1NTRDMC42NjIyMDIsMi45ODY2MSAxLjAxMDQyLDIuNTYzOTkgMS40NDE5NiwyLjIyNzY4QzEuODczNTEsMS44OTEzNyAyLjM2MTYxLDEuNjI2NDkgMi45MDYyNSwxLjQzMzA0QzMuNDUwODksMS4yMzk1OCA0LjAwNTk1LDEuMTQyODYgNC41NzE0MywxLjE0Mjg2QzUuMTM2OSwxLjE0Mjg2IDUuNjkxOTYsMS4yMzk1OCA2LjIzNjYxLDEuNDMzMDRDNi43ODEyNSwxLjYyNjQ5IDcuMjY5MzUsMS44OTEzNyA3LjcwMDg5LDIuMjI3NjhDOC4xMzI0NCwyLjU2Mzk5IDguNDgwNjUsMi45ODY2MSA4Ljc0NTU0LDMuNDk1NTRDOS4wMTA0Miw0LjAwNDQ2IDkuMTQyODYsNC41NTM1NyA5LjE0Mjg2LDUuMTQyODZaIiBzdHlsZT0iZmlsbDpyZ2IoNDUsMTM1LDE5Mik7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PC9zdmc+);
   background-repeat: no-repeat;
@@ -557,7 +565,8 @@ a[class^="icon-"], a[class*=" icon-"] {
   top: 1px;
   display: inline-block;
   vertical-align: top;
-  .size(14px, 14px);
+  width: 14px;
+  height: 14px;
   background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M2.977%2012.656c0%20.417-.142.745-.426.985-.283.24-.636.36-1.058.36-.552%200-1-.172-1.344-.516l.446-.687c.255.234.53.35.828.35.15%200%20.282-.036.394-.112.112-.075.168-.186.168-.332%200-.333-.273-.48-.82-.437l-.203-.438c.043-.052.127-.165.255-.34.127-.174.238-.315.332-.422.094-.106.19-.207.29-.3v-.008c-.084%200-.21.002-.38.008-.17.005-.296.007-.38.007v.415H.25V10h2.602v.688l-.743.898c.265.062.476.19.632.383.156.19.235.42.235.686zm.015-4.898V9H.164c-.03-.188-.047-.328-.047-.422%200-.265.06-.508.184-.726.123-.22.27-.396.442-.532.172-.135.344-.26.516-.37.172-.113.32-.226.44-.34.124-.115.185-.232.185-.352%200-.13-.038-.23-.113-.3-.076-.07-.18-.106-.31-.106-.24%200-.45.15-.632.453l-.664-.46c.125-.267.31-.474.56-.622.246-.15.52-.223.823-.223.38%200%20.7.108.96.324.26.216.39.51.39.88%200%20.26-.087.498-.264.714-.177.216-.373.384-.586.504-.214.12-.41.25-.59.394-.18.144-.272.28-.277.41h.992V7.76h.82zM14%2010.25v1.5c0%20.068-.025.126-.074.176-.05.05-.108.074-.176.074h-9.5c-.068%200-.126-.025-.176-.074-.05-.05-.074-.108-.074-.176v-1.5c0-.073.023-.133.07-.18.047-.047.107-.07.18-.07h9.5c.068%200%20.126.025.176.074.05.05.074.108.074.176zM3%203.227V4H.383v-.773h.836c0-.214%200-.532.003-.954l.004-.945v-.094H1.21c-.04.09-.17.23-.39.422l-.554-.593L1.328.07h.828v3.157H3zM14%206.25v1.5c0%20.068-.025.126-.074.176-.05.05-.108.074-.176.074h-9.5c-.068%200-.126-.025-.176-.074C4.024%207.876%204%207.818%204%207.75v-1.5c0-.073.023-.133.07-.18.047-.047.107-.07.18-.07h9.5c.068%200%20.126.025.176.074.05.05.074.108.074.176zm0-4v1.5c0%20.068-.025.126-.074.176-.05.05-.108.074-.176.074h-9.5c-.068%200-.126-.025-.176-.074C4.024%203.876%204%203.818%204%203.75v-1.5c0-.068.025-.126.074-.176.05-.05.108-.074.176-.074h9.5c.068%200%20.126.025.176.074.05.05.074.108.074.176z%22%20fill%3D%22%23236A97%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E);
   background-repeat: no-repeat;
 }
@@ -590,10 +599,11 @@ a[class^="icon-"], a[class*=" icon-"] {
 .spinner {
   position: relative;
   vertical-align: middle;
-  .square(16px);
+  width: 16px;
+  height: 16px;
   border: 2px solid #0cf;
   border-radius: 50%;
-  .animation(spin 0.75s infinite linear);
+  animation: spin 0.75s infinite linear;
 
   // For IE9 only, because it does not support css animations
   // Show animated gif
@@ -622,27 +632,23 @@ a[class^="icon-"], a[class*=" icon-"] {
 .spinner:before,
 .spinner:after {
   display: inline-block;
-  .box-sizing(border-box);
+  box-sizing: border-box;
   border-color: transparent;
   border-top-color: @blue;
-  .animation-duration(1.2s);
+  animation-duration: 1.2s;
 }
 .spinner:before {
-  .rotate(120deg);
+  transform: rotate(120deg);
 }
 .spinner:after {
-  .rotate(240deg);
+  transform: rotate(240deg);
 }
 
 .spinner-margin {
   margin: 10px;
 }
 
-@-webkit-keyframes spin {
-  from { .rotate(0deg); }
-  to { .rotate(360deg); }
-}
 @keyframes spin {
-  from { .rotate(0deg); }
-  to { .rotate(360deg); }
+  from { transform: rotate(0deg); }
+  to { transform: rotate(36deg); }
 }

server/sonar-web/src/main/less/init/links.less

@@ -16,7 +16,7 @@ a {
   cursor: pointer;
   outline: none;
   text-decoration: none;
-  .trans;
+  transition: all 0.2s ease;
 }
 
 .link-base-color {

server/sonar-web/src/main/less/mixins.less

@@ -4,185 +4,3 @@
   &:before, &:after { display: table; content: ""; line-height: 0; }
   &:after { clear: both; }
 }
-
-.size(@width, @height) {
-  width: @width;
-  height: @height;
-}
-
-.square(@size) {
-  .size(@size, @size);
-}
-
-.topLeft(@top, @left) {
-  top: @top;
-  left: @left;
-}
-
-.topRight(@top, @right) {
-  top: @top;
-  right: @right;
-}
-
-.bottomLeft(@bottom, @left) {
-  bottom: @bottom;
-  left: @left;
-}
-
-.bottomRight(@bottom, @right) {
-  bottom: @bottom;
-  right: @left;
-}
-
-.rotate(@degrees) {
-  -webkit-transform: rotate(@degrees);
-      -ms-transform: rotate(@degrees);
-          transform: rotate(@degrees);
-}
-.rotateX(@degrees) {
-  -webkit-transform: rotateX(@degrees);
-      -ms-transform: rotateX(@degrees);
-          transform: rotateX(@degrees);
-}
-.scale(@ratio) {
-  -webkit-transform: scale(@ratio);
-      -ms-transform: scale(@ratio);
-          transform: scale(@ratio);
-}
-.scale2(@w, @h) {
-  -webkit-transform: scale(@w, @h);
-      -ms-transform: scale(@w, @h);
-          transform: scale(@w, @h);
-}
-.translate(@x, @y) {
-  -webkit-transform: translate(@x, @y);
-      -ms-transform: translate(@x, @y);
-          transform: translate(@x, @y);
-}
-.skew(@x, @y) {
-  -webkit-transform: skew(@x, @y);
-      -ms-transform: skew(@x, @y);
-          transform: skew(@x, @y);
-}
-.translate3d(@x, @y, @z) {
-  -webkit-transform: translate3d(@x, @y, @z);
-          transform: translate3d(@x, @y, @z);
-}
-.transform-origin(@origin) {
-  -webkit-transform-origin: @origin;
-      -ms-transform-origin: @origin;
-          transform-origin: @origin;
-}
-
-.box-sizing(@boxmodel) {
-  -moz-box-sizing: @boxmodel;
-       box-sizing: @boxmodel;
-}
-
-.animation(@animation) {
-  -webkit-animation: @animation;
-  animation: @animation;
-}
-.animation-duration(@duration) {
-  -webkit-animation-duration: @duration;
-  animation-duration: @duration;
-}
-
-.horizontal-gradient(@startColor: #555, @endColor: #333) {
-    background-color: @endColor;
-    background-image: -moz-linear-gradient(left, @startColor, @endColor); // FF 3.6+
-    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
-    background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+
-    background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10
-    background-image: linear-gradient(to right, @startColor, @endColor); // Standard, IE10
-    background-repeat: repeat-x;
-}
-.vertical-gradient(@startColor: #555, @endColor: #333) {
-    background-color: mix(@startColor, @endColor, 60%);
-    background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
-    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
-    background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
-    background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
-    background-image: linear-gradient(to bottom, @startColor, @endColor); // Standard, IE10
-    background-repeat: repeat-x;
-}
-.directional-gradient(@startColor: #555, @endColor: #333, @deg: 45deg) {
-    background-color: @endColor;
-    background-repeat: repeat-x;
-    background-image: -moz-linear-gradient(@deg, @startColor, @endColor); // FF 3.6+
-    background-image: -webkit-linear-gradient(@deg, @startColor, @endColor); // Safari 5.1+, Chrome 10+
-    background-image: -o-linear-gradient(@deg, @startColor, @endColor); // Opera 11.10
-    background-image: linear-gradient(@deg, @startColor, @endColor); // Standard, IE10
-}
-.vertical-three-colors-gradient(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) {
-    background-color: mix(@midColor, @endColor, 80%);
-    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));
-    background-image: -webkit-linear-gradient(@startColor, @midColor @colorStop, @endColor);
-    background-image: -moz-linear-gradient(top, @startColor, @midColor @colorStop, @endColor);
-    background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor);
-    background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor);
-    background-repeat: no-repeat;
-}
-.radial-gradient(@innerColor: #555, @outerColor: #333)  {
-    background-color: @outerColor;
-    background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(@innerColor), to(@outerColor));
-    background-image: -webkit-radial-gradient(circle, @innerColor, @outerColor);
-    background-image: -moz-radial-gradient(circle, @innerColor, @outerColor);
-    background-image: -o-radial-gradient(circle, @innerColor, @outerColor);
-    background-repeat: no-repeat;
-}
-.striped-gradient(@color, @angle: 45deg) {
-    background-color: @color;
-    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent));
-    background-image: -webkit-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
-    background-image: -moz-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
-    background-image: -o-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
-    background-image: linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
-}
-
-.user-select(@mode) {
-  -webkit-user-select: @mode;
-     -moz-user-select: @mode;
-      -ms-user-select: @mode;
-          user-select: @mode;
-}
-
-.trans(@property: all, @options: @defaultTransitionOptions) {
-  transition: @property @options;
-}
-
-.webkit-scrollbar() {
-  &::-webkit-scrollbar {
-    width: 11px;
-    background-color: transparent;
-    background-clip: content-box;
-  }
-  &::-webkit-scrollbar-button {
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-corner {
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-thumb {
-    border: solid transparent;
-    border-width: 1px 1px 1px 2px;
-    background-color: #c5c5c5;
-    background-clip: content-box;
-
-    &:hover {
-      background-color: darken(#ccc, 5%);
-    }
-  }
-  &::-webkit-scrollbar-track {
-    border: solid #fff;
-    border-width: 1px 1px 1px 2px;
-    background-color: #fff;
-    background-clip: content-box;
-  }
-  &::-webkit-scrollbar-track-piece {
-    border-left: 1px solid #ccc;
-    background-color: transparent;
-  }
-}
-
-@retina: ~"(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)";

server/sonar-web/src/main/less/pages.less

@@ -2,9 +2,7 @@
 @import "pages/background-tasks";
 @import "pages/coding-rules";
 @import "pages/dashboard";
-@import "pages/dsm";
 @import "pages/issues";
-@import "pages/libraries";
 @import "pages/quality-gates";
 @import "pages/maintenance";
 @import "pages/login";

server/sonar-web/src/main/less/pages/analysis-reports.less

@@ -76,14 +76,14 @@
 }
 
 .analysis-reports-spinner {
-  .size(200px, 200px);
+  width: 200px;
+  height: 200px;
   margin-top: 20px;
 }
 
 .analysis-reports-spinner,
 .analysis-reports-spinner:before
 .analysis-reports-spinner:after {
-  -webkit-animation-duration: 6s;
   animation-duration: 6s;
 }
 
@@ -94,6 +94,5 @@
 .analysis-reports-timestamp-spinner,
 .analysis-reports-timestamp-spinner:before,
 .analysis-reports-timestamp-spinner:after {
-  -webkit-animation-duration: 2s;
   animation-duration: 2s;
 }

server/sonar-web/src/main/less/pages/coding-rules.less

@@ -340,7 +340,7 @@
   z-index: @dropdown-menu-z-index;
   width: 200px;
   border: 1px solid @navigatorBorderLightColor;
-  .box-sizing(border-box);
+  box-sizing: border-box;
   box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5);
   background-color: #fff;
 }
@@ -356,7 +356,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
   .link-no-underline;
-  .trans;
+  transition: all 0.2s ease;
 
   &:hover { background-color: @navigatorBarBackground; }
 

server/sonar-web/src/main/less/pages/dashboard.less

@@ -182,8 +182,6 @@
   padding: 0;
   margin: 0;
   border-radius: 3px;
-  -moz-border-radius: 3px;
-  -webkit-border-radius: 3px;
 }
 
 #dashboard #dashboard-operations ul.operations li {
@@ -268,9 +266,6 @@
 
 #dashboard .shadow-block {
   box-shadow: 8px 8px 8px #ddd;
-  box-shadow: 8px 8px 8px #ddd;
-  -moz-box-shadow: 8px 8px 8px #ddd;
-  -webkit-box-shadow: 8px 8px 8px #ddd;
 }
 
 
@@ -288,7 +283,7 @@
   display: inline-block;
   vertical-align: top;
   padding: 0 10px 20px;
-  .box-sizing(border-box);
+  box-sizing: border-box;
   font-size: @baseFontSize;
 }
 

server/sonar-web/src/main/less/pages/dsm.less

@@ -1,124 +0,0 @@
-@import (reference) '../variables';
-@import (reference) '../mixins';
-@import (reference) '../components/ui';
-
-@cellSize: 22px;
-
-.dsm {
-
-}
-
-
-.dsm-legend {
-  margin: 10px 0;
-
-  & > li {
-    display: inline-block;
-  }
-
-  & > li + li {
-    margin-left: 20px;
-  }
-}
-
-.dsm-legend-square {
-  display: inline-block;
-  vertical-align: middle;
-  .size(14px, 14px);
-
-  &.gray { background-color: @grey; }
-  &.red { background-color: @red; }
-  &.green { .dsm-usage-mixin; }
-  &.blue { background-color: @blue; }
-  &.yellow { .dsm-dependency-mixin; }
-}
-
-.dsm-legend-label {
-  display: inline-block;
-  vertical-align: middle;
-  font-size: @baseFontSize;
-}
-
-
-.dsm-body td {
-  border: 1px solid @barBorderColor;
-}
-
-
-.dsm-body-title {
-  position: relative;
-  vertical-align: middle;
-  padding: 2px 32px 2px 4px;
-  border-right: 2px solid darken(@barBorderColor, 8%) !important;
-  color: @baseFontColor;
-  cursor: pointer;
-  white-space: nowrap;
-  .link-no-underline;
-  .trans(background-color);
-
-  &:hover { background-color: @barBackgroundColor; }
-}
-
-.dsm-body-cell {
-  min-width: 23px;
-  padding: 2px 4px;
-  .box-sizing(border-box);
-  text-align: center;
-  cursor: pointer;
-  white-space: nowrap;
-  .trans(background-color);
-}
-
-.dsm-body-cell-dependency {
-  background-color: @grey;
-}
-
-.dsm-body-cell-cycle {
-  background-color: @red !important;
-  color: #fff !important;
-}
-
-
-.dsm-body-highlighted {
-  background-color: #dff2fd;
-
-  &:hover { background-color: #dff2fd; }
-}
-
-.dsm-body-usage, .dsm-body-usage:hover { .dsm-usage-mixin; }
-.dsm-body-dependency, .dsm-body-dependency:hover { .dsm-dependency-mixin; }
-
-
-.dsm-usage-mixin() {
-  background-color: #e2ffbe;
-}
-
-.dsm-dependency-mixin() {
-  background-color: #fde9cc;
-}
-
-
-.dsm-info {
-
-  th {
-    padding: 2px 5px 7px;
-    font-weight: 500;
-  }
-
-  td {
-    padding: 2px 5px;
-
-    &.changed { padding-top: 7px; }
-  }
-}
-
-.dsm-body-title-package-tangles {
-  position: absolute;
-  top: 50%; right: 4px;
-  margin-top: -10px;
-  padding: 2px 5px;
-  border-radius: 20px;
-  background: @red;
-  font-size: @smallFontSize;
-  color: #fff;
-}

server/sonar-web/src/main/less/pages/libraries.less

@@ -1,105 +0,0 @@
-@import (reference) "../variables";
-@import (reference) "../mixins";
-
-
-.libraries-header {
-  margin-bottom: 20px;
-  font-size: 0;
-}
-
-.libraries-header-filter,
-.libraries-header-test,
-.libraries-header-actions {
-  display: inline-block;
-  vertical-align: middle;
-  font-size: @baseFontSize;
-}
-
-.libraries-header-test,
-.libraries-header-actions {
-  margin-left: 30px;
-}
-
-.libraries-header-actions {
-  margin-right: -10px;
-
-  a { margin-right: 10px; }
-}
-
-
-.libraries-tree {
-
-  & > ul ul {
-    padding-left: 24px;
-  }
-
-  & > ul ul ul {
-    margin: 4px 0 4px 8px;
-    padding-left: 16px;
-    border-left: 1px dashed #ddd;
-  }
-
-  & > ul > li + li {
-    margin-top: 15px;
-  }
-
-  & > ul > li > .libraries-tree-name {
-    font-weight: 500;
-  }
-
-  li {
-    padding: 3px 0;
-  }
-
-  li:last-child {
-    padding-bottom: 0;
-  }
-
-  .icon-dropdown {
-    display: inline-block;
-    width: 10px;
-    visibility: hidden;
-  }
-}
-
-.libraries-tree-subtree-hidden {
-  display: none;
-}
-
-.libraries-tree-with-subtree {
-
-  & > .libraries-tree-name {
-    border-bottom: 1px solid transparent;
-    cursor: pointer;
-    .trans;
-
-    &:hover { border-color: #ddd; }
-  }
-
-  & > a > .icon-dropdown {
-    visibility: visible;
-  }
-}
-
-.libraries-tree-subtree-collapsed {
-
-  & > ul {
-    display: none;
-  }
-
-  & > a > .icon-dropdown:before {
-    content: "\f0da";
-  }
-}
-
-.libraries-tree-test {
-  display: none;
-
-  .libraries-tree-show-tests & { display: list-item; }
-}
-
-.libraries-tree-version {
-  margin: 0 3px;
-  padding: 0 4px;
-  background: @barBackgroundColor;
-}

server/sonar-web/src/main/less/pages/login.less

@@ -24,15 +24,16 @@
     display: inline-block;
     vertical-align: top;
     padding: 2px;
-    .box-sizing(border-box);
+    box-sizing: border-box;
 
     &:before {
       content: " ";
       display: block;
-      .square(10px);
+      width: 10px;
+      height: 10px;
       border: 1px solid @darkBlue;
       border-radius: 2px;
-      .trans;
+      transition: all 0.2s ease;
     }
   }
 

server/sonar-web/src/main/less/select2-sonar.less

@@ -22,7 +22,7 @@
 
 .select2-container .select2-choice,
 .select2-container .select2-choices {
-  .trans(border-color);
+  transition: border-color 0.2s ease;
 }
 
 .select2-container .select2-choice abbr {
@@ -161,7 +161,7 @@
 .select2-search-choice-close,
 .select2-container .select2-choice abbr,
 .select2-container .select2-choice div b {
-  background-image: url(@imagesPath);
+  background-image: url(@imagesPath2x);
 }
 
 .select2-search input.select2-active,
@@ -170,15 +170,6 @@
   background-image: url(@spinnerPath);
 }
 
-@media @retina {
-  .select2-search-choice-close,
-  .select2-container .select2-choice abbr,
-  .select2-container .select2-choice div b {
-    background-image: url(@imagesPath2x) !important;
-  }
-}
-
-
 
 
 

server/sonar-web/src/main/less/style.less

@@ -409,7 +409,7 @@ ul.bullet li {
   a > & {
     margin-bottom: -1px;
     border-bottom: 1px solid @orange;
-    .trans;
+    transition: all 0.2s ease;
 
     &:hover { opacity: 0.8; }
   }
@@ -424,7 +424,7 @@ ul.bullet li {
   a > & {
     margin-bottom: -1px;
     border-bottom: 1px solid @red;
-    .trans;
+    transition: all 0.2s ease;
 
     &:hover { opacity: 0.8; }
   }
@@ -457,7 +457,7 @@ ul.bullet li {
   margin: 10px 0 !important;
   padding: 10px !important;
   border: 1px dashed #aaa;
-  .box-sizing(border-box);
+  box-sizing: border-box;
   font-size: 12px;
   font-family: @monoFontFamily;
 }
@@ -775,9 +775,7 @@ select.medium-width {
 
 textarea.width100 {
   width: 100%;
-  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-  -moz-box-sizing: border-box; /* Firefox, other Gecko */
-  box-sizing: border-box; /* Opera/IE 8+ */
+  box-sizing: border-box;
 }
 
 .property {