Esanders has uploaded a new change for review.
https://gerrit.wikimedia.org/r/299544
Change subject: Introduce stylelint and make a pass
......................................................................
Introduce stylelint and make a pass
Change-Id: I6f97359c6f34f2e5687ce91ab9926c493e613bf5
---
A .stylelintrc
M Gruntfile.js
M package.json
M resources/mmv/mmv.bootstrap.less
M resources/mmv/mmv.lightboxinterface.less
M resources/mmv/mmv.mixins.less
M resources/mmv/ui/mmv.ui.canvas.less
M resources/mmv/ui/mmv.ui.canvasButtons.less
M resources/mmv/ui/mmv.ui.dialog.less
M resources/mmv/ui/mmv.ui.download.dialog.less
M resources/mmv/ui/mmv.ui.download.pane.less
M resources/mmv/ui/mmv.ui.metadataPanel.less
M resources/mmv/ui/mmv.ui.metadataPanelScroller.less
M resources/mmv/ui/mmv.ui.permission.less
M resources/mmv/ui/mmv.ui.progressBar.less
M resources/mmv/ui/mmv.ui.reuse.dialog.less
M resources/mmv/ui/mmv.ui.reuse.embed.less
M resources/mmv/ui/mmv.ui.reuse.share.less
M resources/mmv/ui/mmv.ui.reuse.shareembed.less
M resources/mmv/ui/mmv.ui.stripeButtons.less
M resources/mmv/ui/mmv.ui.tipsyDialog.less
M resources/mmv/ui/mmv.ui.truncatableTextField.less
M resources/mmv/ui/mmv.ui.viewingOptions.less
23 files changed, 283 insertions(+), 259 deletions(-)
git pull
ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer
refs/changes/44/299544/1
diff --git a/.stylelintrc b/.stylelintrc
new file mode 100644
index 0000000..cae35a0
--- /dev/null
+++ b/.stylelintrc
@@ -0,0 +1,6 @@
+{
+ "extends": "stylelint-config-wikimedia",
+ "rules": {
+ "no-descending-specificity": null
+ }
+}
diff --git a/Gruntfile.js b/Gruntfile.js
index 097be55..b694f62 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -4,6 +4,7 @@
grunt.loadNpmTasks( 'grunt-jscs' );
grunt.loadNpmTasks( 'grunt-contrib-jshint' );
grunt.loadNpmTasks( 'grunt-jsonlint' );
+ grunt.loadNpmTasks( 'grunt-stylelint' );
grunt.initConfig( {
banana: {
@@ -35,9 +36,15 @@
main: {
src: '<%= jshint.all %>'
}
+ },
+ stylelint: {
+ options: {
+ syntax: 'less'
+ },
+ src: 'resources/mmv/**/*.{css,less}'
}
} );
- grunt.registerTask( 'test', [ 'jsonlint', 'jscs', 'jshint', 'banana' ]
);
+ grunt.registerTask( 'test', [ 'jsonlint', 'jscs', 'jshint',
'stylelint', 'banana' ] );
grunt.registerTask( 'default', 'test' );
};
diff --git a/package.json b/package.json
index 1ab2ee5..237f80c 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,8 @@
"grunt-banana-checker": "0.5.0",
"grunt-contrib-jshint": "1.0.0",
"grunt-jscs": "2.8.0",
- "grunt-jsonlint": "1.0.8"
+ "grunt-jsonlint": "1.0.8",
+ "grunt-stylelint": "0.4.0",
+ "stylelint-config-wikimedia": "0.2.2"
}
}
diff --git a/resources/mmv/mmv.bootstrap.less b/resources/mmv/mmv.bootstrap.less
index 4a4b045..c6fc0c4 100644
--- a/resources/mmv/mmv.bootstrap.less
+++ b/resources/mmv/mmv.bootstrap.less
@@ -1,43 +1,45 @@
-@expand-link-border-color: #dddddd;
+@expand-link-border-color: #ddd;
.mw-mmv-overlay {
position: fixed;
- top: 0px;
- left: 0px;
- right: 0px;
- bottom: 0px;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
z-index: 1000;
- background-color: rgb(0,0,0);
+ background-color: rgb( 0, 0, 0 );
}
body.mw-mmv-lightbox-open {
overflow-y: auto;
-}
-body.mw-mmv-lightbox-open #mw-page-base,
-body.mw-mmv-lightbox-open #mw-head-base,
-body.mw-mmv-lightbox-open #mw-navigation,
-body.mw-mmv-lightbox-open #content,
-body.mw-mmv-lightbox-open #footer,
-body.mw-mmv-lightbox-open #globalWrapper // monobook
-{
- /** Stop the article from scrolling in the background - skin-specific
but works in any browser */
- display: none;
-}
+ /* stylelint-disable selector-no-id */
+ #mw-page-base,
+ #mw-head-base,
+ #mw-navigation,
+ #content,
+ #footer,
+ #globalWrapper { // monobook
+ /** Stop the article from scrolling in the background -
skin-specific but works in any browser */
+ display: none;
+ }
+ /* stylelint-enable selector-no-id */
-body.mw-mmv-lightbox-open > * {
- /** Stop the article from scrolling in the background - works with any
skin but needs modern browser */
- display: none;
-}
-body.mw-mmv-lightbox-open > .mw-mmv-overlay,
-body.mw-mmv-lightbox-open > .mw-mmv-wrapper {
- display: block;
+ > * {
+ /** Stop the article from scrolling in the background - works
with any skin but needs modern browser */
+ display: none;
+ }
+ > .mw-mmv-overlay,
+ > .mw-mmv-wrapper {
+ display: block;
+ }
}
.mw-mmv-filepage-buttons {
margin-top: 5px;
- .mw-mmv-view-expanded, .mw-mmv-view-config {
+ .mw-mmv-view-expanded,
+ .mw-mmv-view-config {
display: block;
// Work around some weirdness of MW-UI buttons. T127052
line-height: inherit;
@@ -45,12 +47,12 @@
.mw-mmv-view-expanded.mw-ui-icon:before {
/* @embed */
- background-image: url('img/expand.svg');
+ background-image: url( img/expand.svg );
}
.mw-mmv-view-config.mw-ui-icon:before {
/* @embed */
- background-image: url('img/gear_gray.svg');
+ background-image: url( img/gear_gray.svg );
opacity: 0.75;
&:hover {
diff --git a/resources/mmv/mmv.lightboxinterface.less
b/resources/mmv/mmv.lightboxinterface.less
index ed38218..e04aa92 100644
--- a/resources/mmv/mmv.lightboxinterface.less
+++ b/resources/mmv/mmv.lightboxinterface.less
@@ -1,12 +1,12 @@
-@import "mmv.globals";
-@import "mmv.mixins";
+@import 'mmv.globals';
+@import 'mmv.mixins';
-@metadata-background: rgb(248, 248, 248);
+@metadata-background: rgb( 248, 248, 248 );
.mw-mmv-wrapper {
- top: 0px;
- left: 0px;
- right: 0px;
+ top: 0;
+ left: 0;
+ right: 0;
z-index: 1001;
position: absolute;
bottom: auto;
@@ -22,16 +22,16 @@
position: relative;
.jq-fullscreened {
- background-color: black;
+ background-color: #000;
}
}
.mw-mmv-image-wrapper {
position: fixed;
- top: 0px;
+ top: 0;
bottom: @metadatabar-above-fold-height;
- left: 0px;
- right: 0px;
+ left: 0;
+ right: 0;
overflow-y: hidden;
}
@@ -43,7 +43,7 @@
.mw-mmv-pre-image {
position: absolute;
- top: 0px;
+ top: 0;
height: 32px;
width: 100%;
z-index: 1;
@@ -54,9 +54,9 @@
width: 100%;
bottom: auto;
height: auto;
- color: #333333;
+ color: #333;
background-color: @panel-above-fold-background-color;
- min-height: (@metadatabar-above-fold-inner-height + 1);
+ min-height: ( @metadatabar-above-fold-inner-height + 1 );
z-index: 1005;
}
@@ -85,13 +85,13 @@
}
.mw-mmv-main.jq-fullscreened {
- background-color: black;
+ background-color: #000;
}
.jq-fullscreened {
.mw-mmv-image-wrapper, // make the image occupy the whole screen
.mw-mmv-post-image { // make sure the panel fits in the screen and
does not cause scrollbars to appear
- bottom: 0px;
+ bottom: 0;
}
.mw-mmv-post-image {
diff --git a/resources/mmv/mmv.mixins.less b/resources/mmv/mmv.mixins.less
index b17dba4..d81b8a7 100644
--- a/resources/mmv/mmv.mixins.less
+++ b/resources/mmv/mmv.mixins.less
@@ -1,5 +1,8 @@
+/* stylelint-disable function-parentheses-space-inside */
+/* stylelint-disable string-quotes */
+
// from http://css3please.com/
-.box-round(@radius) {
+.box-round( @radius ) {
-webkit-border-radius: @radius; // Android ≤ 1.6, iOS 1-3.2, Safari 3-4
border-radius: @radius; // Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS
4+, Opera 10.50+, Safari 5+
@@ -16,59 +19,59 @@
user-select: none;
}
-.opacity(@value) {
+.opacity( @value ) {
opacity: @value;
- filter: e(%("alpha(opacity=%s)", round(@value * 100))); // IE6-8
+ filter: e( %( "alpha(opacity=%s )", round( @value * 100 ) ) ); // IE6-8
zoom: 1; // IE 6-7 hasLayout hack
}
// from http://stackoverflow.com/a/12178019/323407
-.fade-out-vertical(@backgroundColor: white) {
- @invisible: fadeout(@backgroundColor, 100%);
- background-image: -moz-linear-gradient(top, @invisible 0%,
@backgroundColor 100%); // FF3.6+
- background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, @invisible),
- color-stop(100%, @backgroundColor)); // Chrome,Safari4+
- background-image: -webkit-linear-gradient(top, @invisible 0%,
@backgroundColor 100%); // Chrome10+,Safari5.1+
- background-image: -o-linear-gradient(top, @invisible 0%,
@backgroundColor 100%); // Opera 11.10+
- background-image: linear-gradient(to bottom, @invisible 0%,
@backgroundColor 100%); // W3C
- filter: e(%("progid:DXImageTransform.Microsoft.gradient(
startColorstr='#%s', endColorstr='#%s',GradientType=0 )",
- rgbahex(@invisible), rgbahex(@backgroundColor))); // IE6-9
+.fade-out-vertical( @backgroundColor: white ) {
+ @invisible: fadeout( @backgroundColor, 100% );
+ background-image: -moz-linear-gradient( top, @invisible 0%,
@backgroundColor 100% ); // FF3.6+
+ background-image: -webkit-gradient( linear, left top, left bottom,
color-stop( 0%, @invisible ), color-stop( 100%, @backgroundColor ) ); //
Chrome,Safari4+
+ background-image: -webkit-linear-gradient( top, @invisible 0%,
@backgroundColor 100% ); // Chrome10+,Safari5.1+
+ background-image: -o-linear-gradient( top, @invisible 0%,
@backgroundColor 100% ); // Opera 11.10+
+ background-image: linear-gradient( to bottom, @invisible 0%,
@backgroundColor 100% ); // W3C
+ filter: e( %( "progid:DXImageTransform.Microsoft.gradient(
startColorstr='#%s', endColorstr='#%s',GradientType=0 )", rgbahex( @invisible
), rgbahex( @backgroundColor) ) ); // IE6-9
}
-.fade-out-horizontal(@backgroundColor: white) {
- @invisible: fadeout(@backgroundColor, 100%);
- background-image: -moz-linear-gradient(left, @invisible 0%,
@backgroundColor 100%); // FF3.6+
- background-image: -webkit-gradient(linear, left top, right top,
color-stop(0%, @invisible),
- color-stop(100%, @backgroundColor)); // Chrome,Safari4+
- background-image: -webkit-linear-gradient(left, @invisible 0%,
@backgroundColor 100%); // Chrome10+,Safari5.1+
- background-image: -o-linear-gradient(left, @invisible 0%,
@backgroundColor 100%); // Opera 11.10+
- background-image: linear-gradient(to right, @invisible 0%,
@backgroundColor 100%); // W3C
- filter: e(%("progid:DXImageTransform.Microsoft.gradient(
startColorstr='#%s', endColorstr='#%s',GradientType=1 )",
- rgbahex(@invisible), rgbahex(@backgroundColor))); // IE6-9
+.fade-out-horizontal( @backgroundColor: white ) {
+ @invisible: fadeout( @backgroundColor, 100% );
+ background-image: -moz-linear-gradient( left, @invisible 0%,
@backgroundColor 100% ); // FF3.6+
+ background-image: -webkit-gradient( linear, left top, right top,
color-stop(0%, @invisible ), color-stop( 100%, @backgroundColor) ); //
Chrome,Safari4+
+ background-image: -webkit-linear-gradient( left, @invisible 0%,
@backgroundColor 100% ); // Chrome10+,Safari5.1+
+ background-image: -o-linear-gradient( left, @invisible 0%,
@backgroundColor 100% ); // Opera 11.10+
+ background-image: linear-gradient( to right, @invisible 0%,
@backgroundColor 100% ); // W3C
+ filter: e( %( "progid:DXImageTransform.Microsoft.gradient(
startColorstr='#%s', endColorstr='#%s',GradientType=1 )", rgbahex( @invisible
), rgbahex( @backgroundColor) ) ); // IE6-9
}
-.rotate(@degrees: 45deg) {
- -webkit-transform: rotate(@degrees);
- -moz-transform: rotate(@degrees);
- -ms-transform: rotate(@degrees);
- -o-transform: rotate(@degrees);
- transform: rotate(@degrees);
+.rotate( @degrees: 45deg ) {
+ -webkit-transform: rotate( @degrees );
+ -moz-transform: rotate( @degrees );
+ -ms-transform: rotate( @degrees );
+ -o-transform: rotate( @degrees );
+ transform: rotate( @degrees );
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=(@degrees /
90.0));
- -ms-filter:
"progid:DXImageTransform.Microsoft.BasicImage(rotation=(@degrees / 90.0))";
+ /* stylelint-disable number-no-trailing-zeros */
+ filter: progid:DXImageTransform.Microsoft.BasicImage( rotation=(
@degrees / 90.0 ) );
+ -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage( rotation=(
@degrees / 90.0 ) )';
+ /* stylelint-enable number-no-trailing-zeros */
- // The filter rules (which are for IE < 9) cause a bug in IE 9 where
the rotated
+ // The filter rules ( which are for IE < 9 ) cause a bug in IE 9 where
the rotated
// element will have a black background. So we have to disable them in
IE9
+ /* stylelint-disable declaration-block-no-duplicate-properties */
filter: none \0;
-ms-filter: none \0;
+ /* stylelint-enable declaration-block-no-duplicate-properties */
}
// from http://pixelhunter.me/post/25782670606/css3-grayscale
.grayscale() {
- -webkit-filter: grayscale(100%);
- -moz-filter: grayscale(100%);
- -ms-filter: grayscale(100%);
- -o-filter: grayscale(100%);
- filter: url("data:image/svg+xml;utf8,<svg
xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix
type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0
0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox
3.5+ */
- filter: grayscale(100%);
- filter: gray; // IE 6-9
+ -webkit-filter: grayscale( 100% );
+ -moz-filter: grayscale( 100% );
+ -ms-filter: grayscale( 100% );
+ -o-filter: grayscale( 100% );
+ filter: url( "data:image/svg+xml;utf8,<svg
xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix
type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0
0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale" ); /* Firefox
3.5+ */ /* stylelint-disable-line function-url-quotes */
+ filter: grayscale( 100% );
+ filter: #808080; // IE 6-9
}
diff --git a/resources/mmv/ui/mmv.ui.canvas.less
b/resources/mmv/ui/mmv.ui.canvas.less
index 3380760..faf381f 100644
--- a/resources/mmv/ui/mmv.ui.canvas.less
+++ b/resources/mmv/ui/mmv.ui.canvas.less
@@ -1,4 +1,4 @@
-@import "../mmv.mixins";
+@import '../mmv.mixins';
.mw-mmv-image {
display: table-cell;
@@ -13,7 +13,8 @@
&.error {
background-color: #333;
- a, a:visited {
+ a,
+ a:visited {
cursor: pointer;
color: #3472e5;
}
@@ -21,7 +22,7 @@
.error-box {
/* @embed */
- background: url(img/error-media-icon.svg) no-repeat 0 0;
+ background: url( img/error-media-icon.svg ) no-repeat 0 0;
background-size: 110px 110px;
position: absolute;
@@ -46,16 +47,6 @@
}
}
-.mw-mmv-image.empty img {
- display: none;
-}
-
-.mw-mmv-image img.blurred {
- filter: blur(3px);
- -webkit-filter: blur(3px);
- .opacity(0.8);
-}
-
.mw-mmv-image img {
display: block;
margin-right: auto;
@@ -63,10 +54,20 @@
cursor: pointer;
cursor: zoom-in;
+ &.blurred {
+ filter: blur( 3px );
+ -webkit-filter: blur( 3px );
+ .opacity( 0.8 );
+ }
+
/* Whitelist file types that are potentially transparent.
We don't set it for other file types because Media Viewer plugins
can find that undesirable (eg. 3d) */
- &.gif, &.png, &.svg, &.tiff, &.tif {
+ &.gif,
+ &.png,
+ &.svg,
+ &.tiff,
+ &.tif {
background: url( checker.png ) repeat;
}
@@ -79,6 +80,10 @@
}
}
+.mw-mmv-image.empty img {
+ display: none;
+}
+
.metadata-panel-is-open .mw-mmv-image-wrapper {
cursor: pointer;
-}
\ No newline at end of file
+}
diff --git a/resources/mmv/ui/mmv.ui.canvasButtons.less
b/resources/mmv/ui/mmv.ui.canvasButtons.less
index db6eb8f..524e2ee 100644
--- a/resources/mmv/ui/mmv.ui.canvasButtons.less
+++ b/resources/mmv/ui/mmv.ui.canvasButtons.less
@@ -1,5 +1,5 @@
-@import "../mmv.globals";
-@import "../mmv.mixins";
+@import '../mmv.globals';
+@import '../mmv.mixins';
.mw-mmv-download-button,
.mw-mmv-reuse-button,
@@ -11,13 +11,13 @@
cursor: pointer;
position: fixed;
background-repeat: no-repeat;
- .opacity(0.8);
- border: none;
+ .opacity( 0.8 );
+ border: 0;
z-index: 1003;
&.mw-mmv-dialog-open,
&:hover {
- .opacity(1);
+ .opacity( 1 );
}
.unselectable;
@@ -73,23 +73,23 @@
.mw-mmv-close {
top: @buttons-offset-right;
/* @embed */
- background-image: url(img/mw-close.svg);
+ background-image: url( img/mw-close.svg );
height: 23px;
width: 23px;
}
.mw-mmv-fullscreen {
- top: (@buttons-offset-right + (@buttons-offset-each-top));
+ top: ( @buttons-offset-right + ( @buttons-offset-each-top ) );
/* @embed */
- background-image: url(img/mw-fullscreen-ltr.svg);
+ background-image: url( img/mw-fullscreen-ltr.svg );
width: 21px;
height: 22px;
}
.mw-mmv-options-button {
- top: (@buttons-offset-right + (2 * @buttons-offset-each-top));
+ top: ( @buttons-offset-right + ( 2 * @buttons-offset-each-top ) );
/* @embed */
- background-image: url(img/gear.svg);
+ background-image: url( img/gear.svg );
height: 23px;
width: 23px;
}
@@ -97,13 +97,13 @@
.jq-fullscreened {
.mw-mmv-fullscreen {
/* @embed */
- background-image: url(img/mw-defullscreen-ltr.svg);
+ background-image: url( img/mw-defullscreen-ltr.svg );
}
}
.mw-mmv-next-image {
/* @embed */
- background-image: url(img/next-ltr.svg);
+ background-image: url( img/next-ltr.svg );
background-position: right;
right: @navbutton-width;
@@ -114,7 +114,7 @@
.mw-mmv-prev-image {
/* @embed */
- background-image: url(img/prev-ltr.svg);
+ background-image: url( img/prev-ltr.svg );
background-position: left;
left: @navbutton-width;
@@ -127,7 +127,7 @@
right: @buttons-offset-right - 2px;
bottom: @buttons-offset-right + @metadatabar-above-fold-height +
@progress-bar-height;
/* @embed */
- background-image: url(img/use-ltr.svg);
+ background-image: url( img/use-ltr.svg );
height: 24px;
width: 24px;
}
@@ -135,7 +135,7 @@
.mw-mmv-download-button {
bottom: @buttons-offset-right + @metadatabar-above-fold-height +
@progress-bar-height + 37px;
/* @embed */
- background-image: url(img/mw-download.svg);
+ background-image: url( img/mw-download.svg );
height: 24px;
width: 24px;
}
diff --git a/resources/mmv/ui/mmv.ui.dialog.less
b/resources/mmv/ui/mmv.ui.dialog.less
index 43023b9..c6885c0 100644
--- a/resources/mmv/ui/mmv.ui.dialog.less
+++ b/resources/mmv/ui/mmv.ui.dialog.less
@@ -1,9 +1,9 @@
-@import "../mmv.mixins";
-@import "../mmv.globals";
+@import '../mmv.mixins';
+@import '../mmv.globals';
.mw-mmv-dialog {
- @background-color: rgb(255, 255, 255);
- @shadow-color: #aaaaaa;
+ @background-color: rgb( 255, 255, 255 );
+ @shadow-color: #aaa;
@dialog-width: 450px;
position: fixed;
@@ -13,17 +13,17 @@
height: @dialog-height;
background-color: @background-color;
box-shadow: 0 2px 0 @shadow-color;
- .box-round(@border-radius);
+ .box-round( @border-radius );
z-index: 1004;
.mw-mmv-dialog-down-arrow {
- @arrow-border-color: #aaaaaa;
+ @arrow-border-color: #aaa;
right: 48px;
background-color: @background-color;
width: @arrow-size;
height: @arrow-size;
- .rotate(-45deg);
+ .rotate( -45deg );
position: fixed;
}
}
diff --git a/resources/mmv/ui/mmv.ui.download.dialog.less
b/resources/mmv/ui/mmv.ui.download.dialog.less
index 66da21b..45d6c7a 100644
--- a/resources/mmv/ui/mmv.ui.download.dialog.less
+++ b/resources/mmv/ui/mmv.ui.download.dialog.less
@@ -1,5 +1,5 @@
-@import "../mmv.mixins";
-@import "../mmv.globals";
+@import '../mmv.mixins';
+@import '../mmv.globals';
.mw-mmv-download-dialog {
@divider-border-height: 1px;
@@ -13,8 +13,8 @@
.mw-mmv-download-size .oo-ui-optionWidget {
@tab-border-height: 3px;
- @highlighted-tab-color: rgb(225, 243, 255);
- @selected-tab-color: rgb(0, 113, 188);
+ @highlighted-tab-color: rgb( 225, 243, 255 );
+ @selected-tab-color: rgb( 0, 113, 188 );
display: inline-block;
padding: 10px 25px;
@@ -22,16 +22,16 @@
font-size: 16px;
&.oo-ui-optionWidget-selected {
- border: none;
+ border: 0;
}
&:first-child {
- .box-round(@border-radius 0 0 0);
+ .box-round( @border-radius 0 0 0 );
}
}
.mw-mmv-dialog-down-arrow {
bottom: @metadatabar-above-fold-height + @progress-bar-height +
45px;
- background-color: #F2F2F2;
+ background-color: #f2f2f2;
}
}
diff --git a/resources/mmv/ui/mmv.ui.download.pane.less
b/resources/mmv/ui/mmv.ui.download.pane.less
index f0bb44a..b1c4b98 100644
--- a/resources/mmv/ui/mmv.ui.download.pane.less
+++ b/resources/mmv/ui/mmv.ui.download.pane.less
@@ -1,11 +1,11 @@
-@import "mediawiki.ui/variables";
-@import "../mmv.mixins";
+@import 'mediawiki.ui/variables';
+@import '../mmv.mixins';
@pane-padding: 10px;
@attribution-color: #f2f2f2;
@attribution-color-highlighted: #f5f5f5;
@attribution-logo-size: 40px;
-@input-text-color: #333333;
+@input-text-color: #333;
.mw-mmv-download-pane {
padding: 0 @pane-padding;
@@ -31,16 +31,16 @@
/* Selection size arrow element */
.mw-mmv-download-select-menu {
.unselectable();
- background-image: /* @embed */ url(../img/down.svg);
+ background-image: /* @embed */ url( ../img/down.svg );
background-position: center center;
background-repeat: no-repeat;
min-width: 10px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
- border-left: 1px solid mix(#000, @colorProgressive,
20%);
+ border-left: 1px solid mix( #000, @colorProgressive,
20% );
&:hover {
- border-bottom: 1px solid mix(#000,
@colorProgressive, 20%);
+ border-bottom: 1px solid mix( #000,
@colorProgressive, 20% );
}
}
@@ -59,7 +59,7 @@
margin-top: 12px;
margin-left: -6px;
font-size: 16px;
- color: #555555;
+ color: #555;
&:before {
display: inline-block;
@@ -68,7 +68,7 @@
width: 44px;
height: 30px;
/* @embed */
- background-image: url(img/open.svg);
+ background-image: url( img/open.svg );
background-size: contain;
background-position: right center;
background-repeat: no-repeat;
@@ -130,11 +130,11 @@
cursor: pointer;
position: absolute;
top: 5px;
- right: 0px;
+ right: 0;
width: 12px;
height: 12px;
/* @embed */
- background-image: url(img/x_gray.svg);
+ background-image: url( img/x_gray.svg );
}
}
@@ -160,7 +160,7 @@
padding-left: @attribution-logo-size + 10px;
/* @embed */
- background-image: url(img/user-ltr.svg);
+ background-image: url( img/user-ltr.svg );
background-repeat: no-repeat;
background-size: @attribution-logo-size;
background-position: left center;
diff --git a/resources/mmv/ui/mmv.ui.metadataPanel.less
b/resources/mmv/ui/mmv.ui.metadataPanel.less
index 08bc0a4..a0cbd1c 100644
--- a/resources/mmv/ui/mmv.ui.metadataPanel.less
+++ b/resources/mmv/ui/mmv.ui.metadataPanel.less
@@ -1,10 +1,10 @@
-@import "../mmv.globals";
-@import "../mmv.mixins";
+@import '../mmv.globals';
+@import '../mmv.mixins';
-@info-box-color: #FFFFFF;
-@info-box-border-color: #DDDDDD;
-@info-box-border-shadow-color: #C9C9C9;
-@secondary-text-color: rgb(136, 136, 136);
+@info-box-color: #fff;
+@info-box-border-color: #ddd;
+@info-box-border-shadow-color: #c9c9c9;
+@secondary-text-color: rgb( 136, 136, 136 );
@panel-below-fold-background-color: #f5f5f5;
@fold-separator-border-width: 1px;
@@ -18,7 +18,7 @@
border: 1px solid @info-box-border-color;
border-bottom: 2px solid @info-box-border-shadow-color;
- .box-round(3px);
+ .box-round( 3px );
background-color: @info-box-color;
}
@@ -46,8 +46,8 @@
@height: @metadatabar-above-fold-inner-height - 2 *
@vertical-padding;
height: @height;
margin: 0 0 @horizontal-padding;
- padding: @vertical-padding @horizontal-padding 0
@horizontal-padding ;
- line-height: floor(@height / 2); // two lines
+ padding: @vertical-padding @horizontal-padding 0
@horizontal-padding;
+ line-height: floor( @height / 2 ); // two lines
font-size: 16px;
}
@@ -61,7 +61,7 @@
bottom: 3px;
background-color: @panel-above-fold-background-color; // clip
text
&:before {
-
.fade-out-horizontal(@panel-above-fold-background-color);
+ .fade-out-horizontal(
@panel-above-fold-background-color );
}
}
}
@@ -87,7 +87,7 @@
bottom: 13px;
background-color: @panel-below-fold-background-color; // clip
text
&:before {
-
.fade-out-horizontal(@panel-below-fold-background-color);
+ .fade-out-horizontal(
@panel-below-fold-background-color );
}
}
}
@@ -132,11 +132,13 @@
background-position: center center;
background-repeat: no-repeat;
/* @embed */
- background-image: url(img/user-ltr.svg);
+ background-image: url( img/user-ltr.svg );
}
.mw-mmv-image-desc-div {
overflow-y: auto;
+ max-height: 150px;
+ margin-bottom: 15px;
&.empty {
display: none;
@@ -149,17 +151,12 @@
vertical-align: top;
}
-.mw-mmv-image-desc-div {
- max-height: 150px;
- margin-bottom: 15px;
-}
-
@littlefont: 0.85em;
@mediumfont: 0.95em;
.mw-mmv-image-desc {
font-size: @mediumfont;
- color: #555555;
+ color: #555;
}
.mw-mmv-image-links {
@@ -195,36 +192,36 @@
&.mw-mmv-license-li:before {
/* @embed */
- background-image: url(img/license.svg);
+ background-image: url( img/license.svg );
}
&.mw-mmv-license-li.cc-license:before {
/* @embed */
- background-image: url(img/cc.svg);
+ background-image: url( img/cc.svg );
}
&.mw-mmv-license-li.pd-license:before {
/* @embed */
- background-image: url(img/pd.svg);
+ background-image: url( img/pd.svg );
}
&.mw-mmv-filename-li:before {
/* @embed */
- background-image: url(img/file.svg);
+ background-image: url( img/file.svg );
}
&.mw-mmv-datetime-li:before {
/* @embed */
- background-image: url(img/time.svg);
+ background-image: url( img/time.svg );
}
&.mw-mmv-location-li:before {
/* @embed */
- background-image: url(img/location.svg);
+ background-image: url( img/location.svg );
}
&.empty:before {
- background-image: none !important;
+ background-image: none !important; /*
stylelint-disable-line declaration-no-important */
}
}
}
@@ -249,15 +246,16 @@
font-size: @littlefont;
padding: @horizontal-padding;
width: 50%;
+ clear: both;
}
.mw-mmv-label {
- color: #333333;
+ color: #333;
margin-left: 6px;
margin-top: 1px;
- .box-round(3px);
+ .box-round( 3px );
padding: 2px 5px;
- background-color: #dddddd;
+ background-color: #ddd;
font-size: 0.9em;
&:hover {
background-color: #c9c9c9;
@@ -292,8 +290,9 @@
}
.mw-mmv-restriction-label {
- &, &:hover {
- background-color: #ffcc66;
+ &,
+ &:hover {
+ background-color: #fc6;
}
cursor: default;
display: inline-block;
@@ -315,62 +314,62 @@
.mw-mmv-restriction-2257 {
/* @embed */
- background-image: url(img/restrict-2257.svg);
+ background-image: url( img/restrict-2257.svg );
}
.mw-mmv-restriction-aus-reserve {
/* @embed */
- background-image: url(img/restrict-aus-reserve.svg);
+ background-image: url( img/restrict-aus-reserve.svg );
}
.mw-mmv-restriction-communist {
/* @embed */
- background-image: url(img/restrict-communist.svg);
+ background-image: url( img/restrict-communist.svg );
}
.mw-mmv-restriction-costume {
/* @embed */
- background-image: url(img/restrict-costume.svg);
+ background-image: url( img/restrict-costume.svg );
}
.mw-mmv-restriction-currency {
/* @embed */
- background-image: url(img/restrict-currency.svg);
+ background-image: url( img/restrict-currency.svg );
}
.mw-mmv-restriction-design {
/* @embed */
- background-image: url(img/restrict-design.svg);
+ background-image: url( img/restrict-design.svg );
}
.mw-mmv-restriction-fan-art {
/* @embed */
- background-image: url(img/restrict-fan-art.svg);
+ background-image: url( img/restrict-fan-art.svg );
}
.mw-mmv-restriction-ihl {
/* @embed */
- background-image: url(img/restrict-ihl.svg);
+ background-image: url( img/restrict-ihl.svg );
}
.mw-mmv-restriction-insignia {
/* @embed */
- background-image: url(img/restrict-insignia.svg);
+ background-image: url( img/restrict-insignia.svg );
}
.mw-mmv-restriction-ita-mibac {
/* @embed */
- background-image: url(img/restrict-ita-mibac.svg);
+ background-image: url( img/restrict-ita-mibac.svg );
}
.mw-mmv-restriction-nazi {
/* @embed */
- background-image: url(img/restrict-nazi.svg);
+ background-image: url( img/restrict-nazi.svg );
}
.mw-mmv-restriction-personality {
/* @embed */
- background-image: url(img/restrict-personality.svg);
+ background-image: url( img/restrict-personality.svg );
}
.mw-mmv-restriction-trademarked:after {
@@ -379,7 +378,7 @@
.mw-mmv-restriction-default {
/* @embed */
- background-image: url(img/restrict-default.svg);
+ background-image: url( img/restrict-default.svg );
}
.mw-mmv-permission-link {
@@ -393,8 +392,4 @@
.mw-mmv-optout-link.pending {
cursor: wait;
color: #555;
-}
-
-.mw-mmv-about-links {
- clear: both;
}
diff --git a/resources/mmv/ui/mmv.ui.metadataPanelScroller.less
b/resources/mmv/ui/mmv.ui.metadataPanelScroller.less
index 69101c3..1e625f5 100644
--- a/resources/mmv/ui/mmv.ui.metadataPanelScroller.less
+++ b/resources/mmv/ui/mmv.ui.metadataPanelScroller.less
@@ -1,6 +1,6 @@
-@import "../mmv.globals";
-@import "../mmv.mixins";
-@import "mediawiki.mixins.animation";
+@import '../mmv.globals';
+@import '../mmv.mixins';
+@import 'mediawiki.mixins.animation';
.mw-mmv-post-image {
.animation( mw-mmv-appear-animation 0.5s ease 0s 1 normal forwards );
@@ -11,11 +11,12 @@
}
.jq-fullscreened & {
- .animation(none);
+ .animation( none );
}
- &.mw-mmv-untruncated, .jq-fullscreened & {
- box-shadow: 0 -4px 0px rgba(0,0,0,0.2);
+ &.mw-mmv-untruncated,
+ .jq-fullscreened & {
+ box-shadow: 0 -4px 0 rgba( 0, 0, 0, 0.2 );
}
}
@@ -49,7 +50,7 @@
.mw-mmv-invite-animation() {
0% {
- margin-top: 0px;
+ margin-top: 0;
}
30% {
margin-top: -15px;
diff --git a/resources/mmv/ui/mmv.ui.permission.less
b/resources/mmv/ui/mmv.ui.permission.less
index cd0cf79..0b133bd 100644
--- a/resources/mmv/ui/mmv.ui.permission.less
+++ b/resources/mmv/ui/mmv.ui.permission.less
@@ -1,5 +1,5 @@
-@import "mediawiki.mixins";
-@import "../mmv.mixins";
+@import 'mediawiki.mixins';
+@import '../mmv.mixins';
.mw-mmv-permission-box {
position: relative;
@@ -27,7 +27,7 @@
width: 16px;
height: 16px;
- .background-image('img/x_gray.svg');
+ .background-image( 'img/x_gray.svg' );
cursor: pointer;
}
@@ -44,11 +44,11 @@
margin: 0 10px 10px;
font-size: @text-font-size;
line-height: @text-line-height;
- color: #555555;
+ color: #555;
.mw-mmv-permission-text-fader {
position: absolute;
- top: (@lines-shown - 1) * @text-line-height *
@text-font-size;
+ top: ( @lines-shown - 1 ) * @text-line-height *
@text-font-size;
width: 100%;
height: @text-line-height * @text-font-size;
@@ -58,7 +58,7 @@
a {
padding: 3px 0 0 1em;
- background-color: white;
+ background-color: #fff;
font-size: 1em;
}
}
diff --git a/resources/mmv/ui/mmv.ui.progressBar.less
b/resources/mmv/ui/mmv.ui.progressBar.less
index 7e70b76..cfb046b 100644
--- a/resources/mmv/ui/mmv.ui.progressBar.less
+++ b/resources/mmv/ui/mmv.ui.progressBar.less
@@ -1,5 +1,5 @@
-@import "../mmv.globals";
-@import "mediawiki.mixins.animation";
+@import '../mmv.globals';
+@import 'mediawiki.mixins.animation';
@progress-height: @progress-bar-height;
@@ -8,7 +8,7 @@
height: @progress-height;
position: absolute;
top: -@progress-height;
- background-color: #cccccc;
+ background-color: #ccc;
background-color: rgba( 221, 221, 221, 0.5 );
}
@@ -19,17 +19,17 @@
.mw-mmv-progress-percent {
width: 0;
height: @progress-height;
- background: linear-gradient(-45deg, transparent 33%, rgba(0,0,0,0.1)
33%, rgba(0,0,0,0.1) 66%, transparent 66%), #347bff;
+ background: linear-gradient( -45deg, transparent 33%, rgba( 0, 0, 0,
0.1 ) 33%, rgba( 0, 0, 0, 0.1 ) 66%, transparent 66% ), #347bff;
background-size: 35px 20px, 100% 100%, 100% 100%;
.animation( mw-mmv-progress-percent-animation 1.5s linear infinite );
}
.mw-mmv-progress-percent-animation() {
0% {
- background-position: 0px 0px;
+ background-position: 0 0;
}
100% {
- background-position: -70px 0px;
+ background-position: -70px 0;
}
}
diff --git a/resources/mmv/ui/mmv.ui.reuse.dialog.less
b/resources/mmv/ui/mmv.ui.reuse.dialog.less
index 3ded381..1521406 100644
--- a/resources/mmv/ui/mmv.ui.reuse.dialog.less
+++ b/resources/mmv/ui/mmv.ui.reuse.dialog.less
@@ -1,5 +1,5 @@
-@import "../mmv.mixins";
-@import "../mmv.globals";
+@import '../mmv.mixins';
+@import '../mmv.globals';
.mw-mmv-reuse-dialog {
@divider-border-height: 1px;
@@ -8,23 +8,24 @@
bottom: @metadatabar-above-fold-height + @progress-bar-height - 5px;
.mw-mmv-reuse-tabs {
- @divider-color: rgb(204, 204, 204);
+ @divider-color: rgb( 204, 204, 204 );
position: static;
box-shadow: none;
padding-bottom: 0; // OOUI override
- border: none; // OOUI override
+ border: 0; // OOUI override
border-bottom: @divider-border-height solid @divider-color;
- .box-round(@border-radius @border-radius 0 0);
+ .box-round( @border-radius @border-radius 0 0 );
- .oo-ui-iconedElement-icon.oo-ui-icon-check,
.oo-ui-iconElement-icon.oo-ui-icon-check {
+ .oo-ui-iconedElement-icon.oo-ui-icon-check,
+ .oo-ui-iconElement-icon.oo-ui-icon-check {
display: none;
}
.oo-ui-optionWidget {
@tab-border-height: 3px;
- @highlighted-tab-color: rgb(225, 243, 255);
- @selected-tab-color: rgb(0, 113, 188);
+ @highlighted-tab-color: rgb( 225, 243, 255 );
+ @selected-tab-color: rgb( 0, 113, 188 );
display: inline-block;
padding: 10px 25px;
@@ -32,7 +33,7 @@
font-size: 1.2em;
&.oo-ui-optionWidget-highlighted {
- border-bottom: (@tab-border-height -
@divider-border-height) solid @highlighted-tab-color;
+ border-bottom: ( @tab-border-height -
@divider-border-height ) solid @highlighted-tab-color;
}
&.oo-ui-optionWidget-selected,
@@ -41,7 +42,7 @@
}
&:first-child {
- .box-round(@border-radius 0 0 0);
+ .box-round( @border-radius 0 0 0 );
}
}
}
diff --git a/resources/mmv/ui/mmv.ui.reuse.embed.less
b/resources/mmv/ui/mmv.ui.reuse.embed.less
index e31529e..5910644 100644
--- a/resources/mmv/ui/mmv.ui.reuse.embed.less
+++ b/resources/mmv/ui/mmv.ui.reuse.embed.less
@@ -1,7 +1,7 @@
@switch-color: #f2f2f2;
-@active-switch-color: #666666;
-@embed-dimensions-color: #aaaaaa;
-@textarea-text-color: #333333;
+@active-switch-color: #666;
+@embed-dimensions-color: #aaa;
+@textarea-text-color: #333;
.mw-mmv-reuse-pane {
.mw-mmv-embed-text-html,
@@ -30,7 +30,8 @@
padding: 0;
}
- p, textarea {
+ p,
+ textarea {
margin: 0;
}
}
@@ -63,6 +64,6 @@
font-size: small;
.oo-ui-optionWidget-selected & {
- color: lighten(@embed-dimensions-color, 20%); // selected
option has dark background
+ color: lighten( @embed-dimensions-color, 20% ); // selected
option has dark background
}
}
diff --git a/resources/mmv/ui/mmv.ui.reuse.share.less
b/resources/mmv/ui/mmv.ui.reuse.share.less
index d24f96f..6ef629e 100644
--- a/resources/mmv/ui/mmv.ui.reuse.share.less
+++ b/resources/mmv/ui/mmv.ui.reuse.share.less
@@ -1,4 +1,4 @@
-@input-text-color: #333333;
+@input-text-color: #333;
.mw-mmv-share-pane {
.mw-mmv-share-page {
@@ -9,7 +9,7 @@
overflow: hidden;
// The selector has to be that deep and include [readonly] to
override OOJS UI's definition
- input[readonly], input[readonly] {
+ input[readonly] {
color: @input-text-color;
text-shadow: none;
}
@@ -27,14 +27,14 @@
padding: 0 5px 0 0;
/* @embed */
- background-image: url(img/link.svg);
+ background-image: url( img/link.svg );
background-size: contain;
background-position: left center;
background-repeat: no-repeat;
&:hover {
/* @embed */
- background-image: url(img/link-hover.svg);
+ background-image: url( img/link-hover.svg );
text-decoration: none;
}
}
diff --git a/resources/mmv/ui/mmv.ui.reuse.shareembed.less
b/resources/mmv/ui/mmv.ui.reuse.shareembed.less
index 1a59e5d..ce2db02 100644
--- a/resources/mmv/ui/mmv.ui.reuse.shareembed.less
+++ b/resources/mmv/ui/mmv.ui.reuse.shareembed.less
@@ -1,4 +1,4 @@
-@explanation-color: #aaaaaa;
+@explanation-color: #aaa;
.mw-mmv-shareembed-explanation {
color: @explanation-color;
diff --git a/resources/mmv/ui/mmv.ui.stripeButtons.less
b/resources/mmv/ui/mmv.ui.stripeButtons.less
index b422305..a17c16e 100644
--- a/resources/mmv/ui/mmv.ui.stripeButtons.less
+++ b/resources/mmv/ui/mmv.ui.stripeButtons.less
@@ -1,5 +1,5 @@
-@import "../mmv.globals";
-@import "../mmv.mixins";
+@import '../mmv.globals';
+@import '../mmv.mixins';
@button-vertical-padding: 20px;
@button-height: 25px;
@@ -10,7 +10,7 @@
// translation) so we float them to the right and calculate the top margin
required to make them
// full height.
.mw-mmv-stripe-button {
- @button-text-color: rgb(136, 136, 136);
+ @button-text-color: rgb( 136, 136, 136 );
float: right;
margin-top: @metadatabar-above-fold-inner-height - ( @button-height + 2
* @button-vertical-padding );
@@ -39,7 +39,7 @@
vertical-align: baseline;
/* @embed */
- background-image: url(img/page.svg);
+ background-image: url( img/page.svg );
margin-right: 0.7em;
}
@@ -51,14 +51,14 @@
&.mw-mmv-description-page-button:active,
&.mw-mmv-description-page-button:visited {
border-radius: 4px;
- color: white;
+ color: #fff;
padding: 7px 16px;
margin: 7px 10px;
}
&.mw-mmv-description-page-button.mw-mmv-repo-button-commons:before {
/* @embed */
- background-image: url(img/commons_white.svg);
+ background-image: url( img/commons_white.svg );
width: 1.3em;
height: 1.3em;
position: relative;
diff --git a/resources/mmv/ui/mmv.ui.tipsyDialog.less
b/resources/mmv/ui/mmv.ui.tipsyDialog.less
index e43a1bc..ade1260 100644
--- a/resources/mmv/ui/mmv.ui.tipsyDialog.less
+++ b/resources/mmv/ui/mmv.ui.tipsyDialog.less
@@ -1,10 +1,10 @@
-@import "../mmv.globals";
-@import "../mmv.mixins";
+@import '../mmv.globals';
+@import '../mmv.mixins';
.mw-mmv-tipsy-dialog {
@arrow-height: 8px;
@background-color: #eee;
- @border-color: #aaaaaa;
+ @border-color: #aaa;
@padding: 20px; // must be larger than @arrow-height / sqrt(2),
otherwise the arrow overlaps the text
padding-bottom: @arrow-height; // the actual arrow height is
@arrow-height / sqrt(2)
@@ -13,7 +13,7 @@
max-width: 400px;
background-color: @background-color;
border: 1px solid @border-color;
- .box-round(3px);
+ .box-round( 3px );
padding: @padding;
color: #555;
@@ -34,7 +34,7 @@
background: @background-color;
border: 1px solid @border-color;
border-width: 0 0 1px 1px;
- .rotate(-45deg);
+ .rotate( -45deg );
}
.mw-mmv-tipsy-dialog-disable {
@@ -48,7 +48,7 @@
cursor: pointer;
/* @embed */
- background-image: url('img/x_gray.svg');
+ background-image: url( img/x_gray.svg );
background-repeat: no-repeat;
opacity: 0.75;
diff --git a/resources/mmv/ui/mmv.ui.truncatableTextField.less
b/resources/mmv/ui/mmv.ui.truncatableTextField.less
index 583e600..e30d1d7 100644
--- a/resources/mmv/ui/mmv.ui.truncatableTextField.less
+++ b/resources/mmv/ui/mmv.ui.truncatableTextField.less
@@ -1,5 +1,5 @@
-@import "mediawiki.mixins";
-@import "../mmv.mixins";
+@import 'mediawiki.mixins';
+@import '../mmv.mixins';
.mw-mmv-ttf-container {
position: relative;
@@ -41,7 +41,7 @@
background-position: center center;
background-repeat: no-repeat;
/* @embed */
- background-image: url(img/ellipsis_lightgray.svg);
+ background-image: url( img/ellipsis_lightgray.svg );
.box-shadow( -4px 6px 0 0 white);
// Hovering over .mw-mmv-ttf-ellipsis-container will make the
ellipsis more visible to attract
@@ -50,13 +50,14 @@
.mw-mmv-ttf-ellipsis-container:hover & {
background-color: #d7d7d7;
/* @embed */
- background-image: url(img/ellipsis_gray.svg);
+ background-image: url( img/ellipsis_gray.svg );
}
// second rule + ordering needed for specificity
- &:hover, .mw-mmv-ttf-ellipsis-container &:hover {
+ &:hover,
+ .mw-mmv-ttf-ellipsis-container &:hover {
background-color: #cacaca;
/* @embed */
- background-image: url(img/ellipsis_darkgray.svg);
+ background-image: url( img/ellipsis_darkgray.svg );
}
&:before {
diff --git a/resources/mmv/ui/mmv.ui.viewingOptions.less
b/resources/mmv/ui/mmv.ui.viewingOptions.less
index 0ebfc14..f735c16 100644
--- a/resources/mmv/ui/mmv.ui.viewingOptions.less
+++ b/resources/mmv/ui/mmv.ui.viewingOptions.less
@@ -1,11 +1,11 @@
-@import "../mmv.globals";
-@import "../mmv.mixins";
+@import '../mmv.globals';
+@import '../mmv.mixins';
-@shadow-color: #aaaaaa;
+@shadow-color: #aaa;
@divider-border-height: 1px;
.mw-mmv-options-dialog {
- @offset-top: (@buttons-offset-right + (2 * @buttons-offset-each-top) +
6px);
+ @offset-top: ( @buttons-offset-right + ( 2 * @buttons-offset-each-top )
+ 6px );
top: @offset-top;
@@ -16,17 +16,17 @@
padding: 15px;
&.mw-mmv-enable-confirmation-shown {
- background-color: #00AF89;
+ background-color: #00af89;
- box-shadow: 0 2px 0 #00634E;
+ box-shadow: 0 2px 0 #00634e;
.mw-mmv-dialog-down-arrow {
- background-color: #00AF89;
+ background-color: #00af89;
}
}
&.mw-mmv-disable-confirmation-shown {
- background-color: #EEE;
+ background-color: #eee;
.mw-mmv-dialog-down-arrow {
background-color: #eee;
@@ -35,13 +35,13 @@
&.mw-mmv-enable-div-shown {
.mw-mmv-dialog-down-arrow {
- background-color: #EEE;
+ background-color: #eee;
}
}
.mw-mmv-dialog-down-arrow {
@arrow-size: 20px;
- top: (@offset-top + (@arrow-size / 2 ));
+ top: ( @offset-top + ( @arrow-size / 2 ) );
}
.mw-mmv-enable-confirmation,
@@ -67,7 +67,7 @@
opacity: 0.75;
/* @embed */
- background-image: url(img/x_gray.svg);
+ background-image: url( img/x_gray.svg );
&:hover {
opacity: 1;
@@ -87,17 +87,17 @@
.mw-mmv-enable-confirmation {
.mw-mmv-options-dialog-header {
- color: #FFF;
+ color: #fff;
padding: 0;
}
.mw-mmv-options-text-header {
- color: #FFF;
+ color: #fff;
}
.mw-mmv-confirmation-close {
/* @embed */
- background-image: url(img/x_darkgreen.svg);
+ background-image: url( img/x_darkgreen.svg );
background-size: 15px 15px;
background-repeat: no-repeat;
}
@@ -139,7 +139,7 @@
height: 52px;
/* @embed */
- background-image: url(img/icon_mmv.svg);
+ background-image: url( img/icon_mmv.svg );
}
.mw-mmv-options-cancel-button,
@@ -165,7 +165,7 @@
}
.mw-mmv-options-text-body {
- font-size: .9em;
+ font-size: 0.9em;
color: #777;
}
@@ -177,7 +177,7 @@
padding: 10px 15px;
- background-color: #EEE;
+ background-color: #eee;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
color: #555;
--
To view, visit https://gerrit.wikimedia.org/r/299544
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: I6f97359c6f34f2e5687ce91ab9926c493e613bf5
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/extensions/MultimediaViewer
Gerrit-Branch: master
Gerrit-Owner: Esanders <[email protected]>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
