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) {
])
.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')));
-};
\ No newline at end of file
+};
"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",
padding: 10px;
border: 1px solid @barBorderColor;
border-radius: 3px;
- .box-sizing(border-box);
+ box-sizing: border-box;
background-color: @white;
box-shadow: @defaultShadow;
}
.bubble-popup-arrow:after {
position: absolute;
display: block;
- .size(0, 0);
+ width: 0;
+ height: 0;
border: @popupArrowSize solid transparent;
}
float: left;
width: 50%;
padding: 0 10px;
- .box-sizing(border-box);
+ box-sizing: border-box;
&.column-one { margin: 0 25%; }
}
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;
}
}
.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 {
position: absolute;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
- .box-sizing(border-box);
+ box-sizing: border-box;
text-align: center;
}
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;
.measure-bar {
width: 30%;
padding: 7px 5px;
- .box-sizing(border-box);
+ box-sizing: border-box;
}
}
> li > a {
color: @baseFontColor;
.link-no-underline;
- .trans(none);
+ transition: none;
}
.divider {
width: 540px;
background-color: #fff;
opacity: 0;
- .trans;
+ transition: all 0.2s ease;
}
.modal.in {
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 {
.modal-container {
max-height: 70vh;
padding: 10px;
- .box-sizing(border-box);
+ box-sizing: border-box;
overflow-x: auto;
overflow-y: scroll;
}
@navbarTopPadding: (@navbarGlobalHeight - @navbarLineHeight) / 2;
.navbar, [class^="navbar-"], [class*=" navbar-"] {
- .box-sizing(border-box);
+ box-sizing: border-box;
}
.navbar {
.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 {
.navbar a {
.link-no-underline;
- .trans(none);
+ transition: none;
}
.navbar-header {
.navbar-search {
position: relative;
width: 480px;
- .box-sizing(border-box);
- .trans(width);
+ box-sizing: border-box;
+ transition: width 0.2s ease;
}
.navbar-search-input {
.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 {
min-width: 275px;
max-width: 600px;
margin: @navigatorPadding @navigatorPadding 0;
- .box-sizing(border-box);
+ box-sizing: border-box;
}
.navigator-actions {
z-index: @navigator-actions-z-index;
margin: 0 @navigatorPadding @navigatorPadding;
border: 1px solid @navigatorBorderLightColor;
- .box-sizing(border-box);
+ box-sizing: border-box;
.clearfix;
}
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;
border: 1px solid;
border-color: @navigatorBorderLightColor transparent;
cursor: pointer;
- .trans;
+ transition: all 0.2s ease;
.line {
padding: @navigatorPadding / 2 @navigatorPadding;
padding: 0 @navigatorPadding;
line-height: @navigatorStatusHeight;
cursor: pointer;
- .trans;
+ transition: all 0.2s ease;
&:hover {
background-color: @navigatorHover;
line-height: @navigatorStatusHeight;
padding: 0 10px;
cursor: pointer;
- .trans;
+ transition: all 0.2s ease;
&:hover {
background-color: @navigatorBarBackground;
.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; }
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;
.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;
max-height: 182px;
padding: 5px 0;
overflow-y: auto;
- .webkit-scrollbar;
-ms-overflow-style: scrollbar;
label {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
- .trans(background);
+ transition: background 0.2s ease;
&:hover,
&.current {
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 {
position: absolute;
top: 6px; right: -21px;
display: block;
- .square(16px);
+ width: 16px;
+ height: 16px;
background: #fff url(../images/loading.gif) no-repeat center center;
}
}
.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 {
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;
left: 0;
bottom: 0;
border-right: 1px solid @barBorderColor;
- .box-sizing(border-box);
+ box-sizing: border-box;
background-color: @barBorderColor;
overflow-x: hidden;
}
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;
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 {
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;
.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;
}
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;
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 {
.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;
vertical-align: top;
width: 1px;
background-clip: padding-box;
- .user-select(none);
+ user-select: none;
}
.source-meta + .source-meta {
.rating {
display: inline-block;
- .size(1em, 1.3em);
+ width: 1em;
+ height: 1.3em;
line-height: 1.3;
color: #fff;
font-weight: 300;
a > & {
margin-bottom: -1px;
border-bottom: 1px solid;
- .trans;
+ transition: all 0.2s ease;
&:hover { opacity: 0.8; }
}
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; }
}
.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;
.flash {
background-color: transparent;
- .trans(all, 0.5s ease);
+ transition: all 0.5s ease;
&.in {
background-color: #fcf8e3;
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);
}
position: relative;
height: 30px;
padding: @topPadding 10px;
- .box-sizing(border-box);
+ box-sizing: border-box;
background-color: #404040;
color: #fff;
font-weight: 300;
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;
padding: 5px 10px;
overflow-y: scroll;
overflow-x: auto;
- .box-sizing(border-box);
+ box-sizing: border-box;
}
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 {
border: 1px solid @darkBlue;
border-radius: 2px;
- .box-sizing(border-box);
+ box-sizing: border-box;
background: transparent;
cursor: pointer;
outline: none;
- .trans(border-color);
+ transition: border-color 0.2s ease;
&:hover, &:focus {
background: @darkBlue;
font-weight: 400;
font-size: inherit;
line-height: inherit;
- .trans;
+ transition: all 0.2s ease;
&:hover, &:active, &:focus {
background: transparent;
[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;
}
[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;
}
[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;
}
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;
}
}
.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 {
stroke-width: sqrt(2);
stroke-opacity: 1;
fill-opacity: 0;
- .trans;
+ transition: all 0.2s ease;
}
.icon-star-favorite {
.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');
}
.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;
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;
}
.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
.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); }
}
cursor: pointer;
outline: none;
text-decoration: none;
- .trans;
+ transition: all 0.2s ease;
}
.link-base-color {
&: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)";
@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";
}
.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;
}
.analysis-reports-timestamp-spinner,
.analysis-reports-timestamp-spinner:before,
.analysis-reports-timestamp-spinner:after {
- -webkit-animation-duration: 2s;
animation-duration: 2s;
}
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;
}
text-overflow: ellipsis;
white-space: nowrap;
.link-no-underline;
- .trans;
+ transition: all 0.2s ease;
&:hover { background-color: @navigatorBarBackground; }
padding: 0;
margin: 0;
border-radius: 3px;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
}
#dashboard #dashboard-operations ul.operations li {
#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;
}
display: inline-block;
vertical-align: top;
padding: 0 10px 20px;
- .box-sizing(border-box);
+ box-sizing: border-box;
font-size: @baseFontSize;
}
+++ /dev/null
-@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;
-}
+++ /dev/null
-@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;
-}
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;
}
}
.select2-container .select2-choice,
.select2-container .select2-choices {
- .trans(border-color);
+ transition: border-color 0.2s ease;
}
.select2-container .select2-choice abbr {
.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,
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;
- }
-}
-
-
a > & {
margin-bottom: -1px;
border-bottom: 1px solid @orange;
- .trans;
+ transition: all 0.2s ease;
&:hover { opacity: 0.8; }
}
a > & {
margin-bottom: -1px;
border-bottom: 1px solid @red;
- .trans;
+ transition: all 0.2s ease;
&:hover { opacity: 0.8; }
}
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;
}
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 {
projects / sonarqube.git / commitdiff