build: Enforce stylelints on function calls
authorJames D. Forrester <jforrester@wikimedia.org>
Thu, 19 May 2016 16:13:32 +0000 (17:13 +0100)
committerJforrester <jforrester@wikimedia.org>
Thu, 19 May 2016 16:25:09 +0000 (16:25 +0000)
* Function calls to calc should use operators with spaces
* Function calls should not be split over lines
* Function calls should have a space after each comma
* Function calls should have space inside of the parentheses
* Function calls should not quote url parameters

Change-Id: Ia35f0bb5ca2dde23ce4ec90256b4fa958203e1cc

27 files changed:
.stylelintrc
mw-config/config.css
resources/src/jquery.tipsy/jquery.tipsy.css
resources/src/jquery/jquery.arrowSteps.css
resources/src/jquery/jquery.badge.css
resources/src/jquery/jquery.confirmable.css
resources/src/jquery/jquery.farbtastic.css
resources/src/jquery/jquery.spinner.css
resources/src/mediawiki.action/mediawiki.action.view.filepage.css
resources/src/mediawiki.action/mediawiki.action.view.postEdit.css
resources/src/mediawiki.action/mediawiki.action.view.redirectPage.css
resources/src/mediawiki.legacy/oldshared.css
resources/src/mediawiki.legacy/shared.css
resources/src/mediawiki.skinning/content.css
resources/src/mediawiki.skinning/content.externallinks.css
resources/src/mediawiki.skinning/content.parsoid.less
resources/src/mediawiki.special/mediawiki.special.userlogin.login.css
resources/src/mediawiki.special/mediawiki.special.userlogin.signup.css
resources/src/mediawiki.toolbar/toolbar.less
resources/src/mediawiki.widgets.datetime/CalendarWidget.less
resources/src/mediawiki.widgets.datetime/mediawiki.widgets.datetime.definitions.less
resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.less
resources/src/mediawiki/mediawiki.feedback.css
resources/src/mediawiki/mediawiki.feedlink.css
resources/src/mediawiki/mediawiki.hlist.css
resources/src/mediawiki/mediawiki.htmlform.css
resources/src/mediawiki/mediawiki.notification.css

index e8e1567..6b94db6 100644 (file)
                "declaration-colon-space-before": [ "never" ],
 
                "font-family-name-quotes": [ "single-unless-keyword" ],
-               "font-weight-notation": [ "named-where-possible" ]
+               "font-weight-notation": [ "named-where-possible" ],
+
+               "function-calc-no-unspaced-operator": true,
+               "function-comma-newline-after": "never-multi-line",
+               "function-comma-newline-before": "never-multi-line",
+               "function-comma-space-after": [ "always" ],
+               "function-comma-space-before": [ "never" ],
+               "function-parentheses-newline-inside": [ "never-multi-line" ],
+               "function-parentheses-space-inside": [ "always" ],
+               "function-url-quotes": [ "none" ],
+               "function-whitespace-after": [ "always" ],
        }
 }
index 66f8578..9cfc40f 100644 (file)
@@ -84,7 +84,7 @@
        display: list-item;
        line-height: 1.5em;
        /* @embed */
-       list-style-image: url(images/bullet.gif);
+       list-style-image: url( images/bullet.gif );
        list-style-type: square;
 }
 
 }
 
 .config-download-link a {
-       background: url(images/download-32.png) no-repeat center left;
+       background: url( images/download-32.png ) no-repeat center left;
        padding-left: 40px; /* 32 px for the image (above), plus some breathing room */
        height: 32px; /* provide enough vertical room for the image */
        display: inline-block; /* allow the height property (above) to work */
        margin-bottom: -8px;
        padding: 0 0 0 15px;
        /* @embed */
-       background-image: url(images/help-question.gif);
+       background-image: url( images/help-question.gif );
        background-position: left center;
        background-repeat: no-repeat;
        cursor: pointer;
 
 .config-help-field-hint:hover {
        /* @embed */
-       background-image: url(images/help-question-hover.gif);
+       background-image: url( images/help-question-hover.gif );
 }
 
 .config-help-field-data {
index 5689256..9036dd3 100644 (file)
@@ -23,7 +23,7 @@
 .tipsy-arrow {
        position: absolute;
        /* @embed */
-       background: url('images/tipsy.png') no-repeat top left;
+       background: url( images/tipsy.png ) no-repeat top left;
        width: 11px;
        height: 6px;
 }
index 254836a..d24fcc9 100644 (file)
 
 .arrowSteps li.arrow div {
        /* @embed */
-       background: url(images/jquery.arrowSteps.divider-ltr.png) no-repeat right center;
+       background: url( images/jquery.arrowSteps.divider-ltr.png ) no-repeat right center;
 }
 
 /* applied to the element preceding the highlighted step */
 .arrowSteps li.arrow.tail div {
        /* @embed */
-       background: url(images/jquery.arrowSteps.tail-ltr.png) no-repeat right center;
+       background: url( images/jquery.arrowSteps.tail-ltr.png ) no-repeat right center;
 }
 
 /* this applies to all highlighted, including the last */
 .arrowSteps li.head div {
        /* @embed */
-       background: url(images/jquery.arrowSteps.head-ltr.png) no-repeat left center;
+       background: url( images/jquery.arrowSteps.head-ltr.png ) no-repeat left center;
        font-weight: bold;
 }
 
@@ -41,5 +41,5 @@
 .arrowSteps li.arrow.head div {
        /* TODO: eliminate duplication of jquery.arrowSteps.head.png embedding */
        /* @embed */
-       background: url(images/jquery.arrowSteps.head-ltr.png) no-repeat right center;
+       background: url( images/jquery.arrowSteps.head-ltr.png ) no-repeat right center;
 }
index 31158f7..8b4bd7b 100644 (file)
@@ -13,7 +13,7 @@
        font-weight: bold;
        color: #fff;
        vertical-align: baseline;
-       text-shadow: 0 1px rgba(0, 0, 0, 0.4);
+       text-shadow: 0 1px rgba( 0, 0, 0, 0.4 );
 }
 
 .mw-badge-inline {
index de69072..78c4c04 100644 (file)
@@ -20,9 +20,9 @@
 }
 
 .jquery-confirmable-element {
-       transition: margin 250ms cubic-bezier(0.2, 0.8, 0.2, 0.8);
+       transition: margin 250ms cubic-bezier( 0.2, 0.8, 0.2, 0.8 );
 }
 
 .jquery-confirmable-interface {
-       transition: width 250ms cubic-bezier(0.2, 0.8, 0.2, 0.8);
+       transition: width 250ms cubic-bezier( 0.2, 0.8, 0.2, 0.8 );
 }
index baba348..b7e0af5 100644 (file)
 }
 .farbtastic .wheel {
        /* @embed */
-       background: url(images/wheel.png) no-repeat;
+       background: url( images/wheel.png ) no-repeat;
        width: 195px;
        height: 195px;
 }
 .farbtastic .overlay {
        /* @embed */
-       background: url(images/mask.png) no-repeat;
+       background: url( images/mask.png ) no-repeat;
 }
 .farbtastic .marker {
        width: 17px;
@@ -49,5 +49,5 @@
        margin: -8px 0 0 -8px;
        overflow: hidden;
        /* @embed */
-       background: url(images/marker.png) no-repeat;
+       background: url( images/marker.png ) no-repeat;
 }
index a9e06db..76b4845 100644 (file)
@@ -6,7 +6,7 @@
 
 .mw-spinner-small {
        /* @embed */
-       background-image: url(images/spinner.gif);
+       background-image: url( images/spinner.gif );
        height: 20px;
        width: 20px;
        /* Avoid issues with .mw-spinner-block when floated without width. */
@@ -15,7 +15,7 @@
 
 .mw-spinner-large {
        /* @embed */
-       background-image: url(images/spinner-large.gif);
+       background-image: url( images/spinner-large.gif );
        height: 32px;
        width: 32px;
        /* Avoid issues with .mw-spinner-block when floated without width. */
index 450517e..99982e3 100644 (file)
@@ -38,7 +38,7 @@ table.filehistory td.filehistory-selected {
 .filehistory a img,
 #file img:hover {
        /* @embed */
-       background: #fff url(images/checker.png) repeat;
+       background: #fff url( images/checker.png ) repeat;
 }
 
 /*
index a02b4b4..9a8edef 100644 (file)
@@ -21,7 +21,7 @@
        color: #626465;
        background-color: #f4f4f4;
        border: 1px solid #dcd9d9;
-       text-shadow: 0 0.0625em 0 rgba(255, 255, 255, 0.5);
+       text-shadow: 0 0.0625em 0 rgba( 255, 255, 255, 0.5 );
        border-radius: 5px;
        box-shadow: 0 2px 5px 0 #ccc;
        -webkit-transition: all 0.25s ease-in-out;
@@ -49,7 +49,7 @@
 
 .postedit-icon-checkmark {
        /* @embed */
-       background-image: url(images/green-checkmark.png);
+       background-image: url( images/green-checkmark.png );
        background-position: left;
 }
 
        text-shadow: 0 0.0625em 0 #fff;
        text-decoration: none;
        opacity: 0.2;
-       filter: alpha(opacity=20);
+       filter: alpha( opacity=20 );
 }
 
 .postedit-close:hover {
        color: #000;
        text-decoration: none;
        opacity: 0.4;
-       filter: alpha(opacity=40);
+       filter: alpha( opacity=40 );
 }
index 03a9f76..b791db8 100644 (file)
        margin: 0;
        padding: 0;
        padding-left: 42px;
-       background: transparent url(images/nextredirect-ltr.png) bottom left no-repeat;
+       background: transparent url( images/nextredirect-ltr.png ) bottom left no-repeat;
        /* @embed */
-       background-image: linear-gradient(transparent, transparent), url(images/nextredirect-ltr.svg);
+       background-image: linear-gradient( transparent, transparent ), url( images/nextredirect-ltr.svg );
 }
 
 /* @noflip */
 .mw-content-ltr .redirectText li:first-child {
        padding-left: 47px;
-       background: transparent url(images/redirect-ltr.png) bottom left no-repeat;
+       background: transparent url( images/redirect-ltr.png ) bottom left no-repeat;
        /* @embed */
-       background-image: linear-gradient(transparent, transparent), url(images/redirect-ltr.svg);
+       background-image: linear-gradient( transparent, transparent ), url( images/redirect-ltr.svg );
 }
 
 /* @noflip */
        margin: 0;
        padding: 0;
        padding-right: 42px;
-       background: transparent url(images/nextredirect-rtl.png) bottom right no-repeat;
+       background: transparent url( images/nextredirect-rtl.png ) bottom right no-repeat;
        /* @embed */
-       background-image: linear-gradient(transparent, transparent), url(images/nextredirect-rtl.svg);
+       background-image: linear-gradient( transparent, transparent ), url( images/nextredirect-rtl.svg );
 }
 
 /* @noflip */
 .mw-content-rtl .redirectText li:first-child {
        padding-right: 47px;
-       background: transparent url(images/redirect-rtl.png) bottom right no-repeat;
+       background: transparent url( images/redirect-rtl.png ) bottom right no-repeat;
        /* @embed */
-       background-image: linear-gradient(transparent, transparent), url(images/redirect-rtl.svg);
+       background-image: linear-gradient( transparent, transparent ), url( images/redirect-rtl.svg );
 }
index c58bcc8..d04b775 100644 (file)
@@ -121,9 +121,9 @@ div.magnify a {
        width: 15px;
        height: 11px;
        /* Use same SVG support hack as mediawiki.legacy's shared.css */
-       background: url(images/magnify-clip-ltr.png) center center no-repeat;
+       background: url( images/magnify-clip-ltr.png ) center center no-repeat;
        /* @embed */
-       background-image: linear-gradient(transparent, transparent), url(images/magnify-clip-ltr.svg);
+       background-image: linear-gradient( transparent, transparent ), url( images/magnify-clip-ltr.svg );
        /* Don't annoy people who copy-paste everything too much */
        -moz-user-select: none;
        -webkit-user-select: none;
index e18ef69..4ff403a 100644 (file)
@@ -613,7 +613,7 @@ table.mw_metadata ul.metadata-langlist {
 }
 
 .mw-ajax-loader {
-       background-image: url(images/ajax-loader.gif);
+       background-image: url( images/ajax-loader.gif );
        background-position: center center;
        background-repeat: no-repeat;
        padding: 16px;
@@ -624,7 +624,7 @@ table.mw_metadata ul.metadata-langlist {
 .mw-small-spinner {
        padding: 10px !important;
        margin-right: 0.6em;
-       background-image: url(images/spinner.gif);
+       background-image: url( images/spinner.gif );
        background-position: center center;
        background-repeat: no-repeat;
 }
@@ -763,7 +763,7 @@ ol:lang(or) li {
        margin-left: 2px;
        margin-bottom: -8px;
        padding: 0 0 0 15px;
-       background-image: url(images/help-question.gif);
+       background-image: url( images/help-question.gif );
        background-position: left center;
        background-repeat: no-repeat;
        cursor: pointer;
@@ -773,7 +773,7 @@ ol:lang(or) li {
 }
 
 .mw-help-field-hint:hover {
-       background-image: url(images/help-question-hover.gif);
+       background-image: url( images/help-question-hover.gif );
 }
 
 .mw-help-field-data {
index 38f33be..3dacf64 100644 (file)
@@ -187,9 +187,9 @@ div.magnify a {
        /* Default styles when there's no .mw-content-ltr or .mw-content-rtl, overridden below */
 
        /* Use same SVG support hack as mediawiki.legacy's shared.css */
-       background-image: url(images/magnify-clip-ltr.png);
+       background-image: url( images/magnify-clip-ltr.png );
        /* @embed */
-       background-image: linear-gradient(transparent, transparent), url(images/magnify-clip-ltr.svg);
+       background-image: linear-gradient( transparent, transparent ), url( images/magnify-clip-ltr.svg );
        /* Don't annoy people who copy-paste everything too much */
        -moz-user-select: none;
        -webkit-user-select: none;
@@ -218,9 +218,9 @@ img.thumbborder {
 /* @noflip */
 .mw-content-ltr div.magnify a {
        /* Use same SVG support hack as mediawiki.legacy's shared.css */
-       background-image: url(images/magnify-clip-ltr.png);
+       background-image: url( images/magnify-clip-ltr.png );
        /* @embed */
-       background-image: linear-gradient(transparent, transparent), url(images/magnify-clip-ltr.svg);
+       background-image: linear-gradient( transparent, transparent ), url( images/magnify-clip-ltr.svg );
 }
 
 /* @noflip */
@@ -238,9 +238,9 @@ img.thumbborder {
 /* @noflip */
 .mw-content-rtl div.magnify a {
        /* Use same SVG support hack as mediawiki.legacy's shared.css */
-       background-image: url(images/magnify-clip-rtl.png);
+       background-image: url( images/magnify-clip-rtl.png );
        /* @embed */
-       background-image: linear-gradient(transparent, transparent), url(images/magnify-clip-rtl.svg);
+       background-image: linear-gradient( transparent, transparent ), url( images/magnify-clip-rtl.svg );
 }
 
 /* @noflip */
index 8890cbb..b7cc6ed 100644 (file)
@@ -6,41 +6,41 @@
  * and using the .background-image-svg mixin. */
 
 /* SVG support using a transparent gradient to guarantee cross-browser
- * compatibility (browsers able to understand gradient syntax support also SVG).
+ * compatibility ( browsers able to understand gradient syntax support also SVG ).
  * http://pauginer.tumblr.com/post/36614680636/invisible-gradient-technique */
 
 .mw-body a.external,
 .link-https {
-       background: url(images/external-ltr.png) center right no-repeat;
+       background: url( images/external-ltr.png ) center right no-repeat;
        /* @embed */
-       background-image: -webkit-linear-gradient(transparent, transparent), url(images/external-ltr.svg);
+       background-image: -webkit-linear-gradient( transparent, transparent ), url( images/external-ltr.svg );
        /* @embed */
-       background-image: linear-gradient(transparent, transparent), url(images/external-ltr.svg);
+       background-image: linear-gradient( transparent, transparent ), url( images/external-ltr.svg );
        padding-right: 15px;
 }
 
 .mw-body a.external[href^="mailto:"],
 .link-mailto {
-       background: url(images/mail.png) center right no-repeat;
+       background: url( images/mail.png ) center right no-repeat;
        /* @embed */
-       background-image: linear-gradient(transparent, transparent), url(images/mail.svg);
+       background-image: linear-gradient( transparent, transparent ), url( images/mail.svg );
        padding-right: 15px;
 }
 
 .mw-body a.external[href^="ftp://"],
 .link-ftp {
-       background: url(images/ftp-ltr.png) center right no-repeat;
+       background: url( images/ftp-ltr.png ) center right no-repeat;
        /* @embed */
-       background-image: linear-gradient(transparent, transparent), url(images/ftp-ltr.svg);
+       background-image: linear-gradient( transparent, transparent ), url( images/ftp-ltr.svg );
        padding-right: 15px;
 }
 
 .mw-body a.external[href^="irc://"],
 .mw-body a.external[href^="ircs://"],
 .link-irc {
-       background: url(images/chat-ltr.png) center right no-repeat;
+       background: url( images/chat-ltr.png ) center right no-repeat;
        /* @embed */
-       background-image: linear-gradient(transparent, transparent), url(images/chat-ltr.svg);
+       background-image: linear-gradient( transparent, transparent ), url( images/chat-ltr.svg );
        padding-right: 15px;
 }
 
@@ -51,9 +51,9 @@
 .mw-body a.external[href$=".wav"], .mw-body a.external[href$=".WAV"],
 .mw-body a.external[href$=".wma"], .mw-body a.external[href$=".WMA"],
 .link-audio {
-       background: url(images/audio-ltr.png) center right no-repeat;
+       background: url( images/audio-ltr.png ) center right no-repeat;
        /* @embed */
-       background-image: linear-gradient(transparent, transparent), url(images/audio-ltr.svg);
+       background-image: linear-gradient( transparent, transparent ), url( images/audio-ltr.svg );
        padding-right: 15px;
 }
 
@@ -62,9 +62,9 @@
 .mw-body a.external[href$=".mpeg"], .mw-body a.external[href$=".MPEG"],
 .mw-body a.external[href$=".mpg"], .mw-body a.external[href$=".MPG"],
 .link-video {
-       background: url(images/video.png) center right no-repeat;
+       background: url( images/video.png ) center right no-repeat;
        /* @embed */
-       background-image: linear-gradient(transparent, transparent), url(images/video.svg);
+       background-image: linear-gradient( transparent, transparent ), url( images/video.svg );
        padding-right: 15px;
 }
 
@@ -72,9 +72,9 @@
 .mw-body a.external[href*=".pdf#"], .mw-body a.external[href*=".PDF#"],
 .mw-body a.external[href*=".pdf?"], .mw-body a.external[href*=".PDF?"],
 .link-document {
-       background: url(images/document-ltr.png) center right no-repeat;
+       background: url( images/document-ltr.png ) center right no-repeat;
        /* @embed */
-       background-image: linear-gradient(transparent, transparent), url(images/document-ltr.svg);
+       background-image: linear-gradient( transparent, transparent ), url( images/document-ltr.svg );
        padding-right: 15px;
 }
 
index 74911b7..346771f 100644 (file)
@@ -15,7 +15,7 @@
 }
 
 .mw-body-content a[rel~="mw:ExtLink"]:empty:after {
-       content: "[" counter(mw-NumberedExtLink) "]";
+       content: "[" counter( mw-NumberedExtLink ) "]";
        counter-increment: mw-NumberedExtLink;
 }
 
index 620c83a..753f774 100644 (file)
@@ -13,7 +13,7 @@
        color: #347bff;
 }
 #mw-createaccount-join:hover {
-       background-color: #ebf2ff; /* rgba(52, 123, 255, 0.1); */
+       background-color: #ebf2ff; /* rgba( 52, 123, 255, 0.1 ); */
        border-color: #859ecc;
        box-shadow: none;
 }
index 87cdb02..19aee1e 100644 (file)
@@ -23,17 +23,17 @@ div.mw-createacct-benefits-container h2 {
 
 .mw-number-text.icon-edits {
        /* @embed */
-       background: url(images/icon-edits.png) no-repeat left center;
+       background: url( images/icon-edits.png ) no-repeat left center;
 }
 
 .mw-number-text.icon-pages {
        /* @embed */
-       background: url(images/icon-pages.png) no-repeat left center;
+       background: url( images/icon-pages.png ) no-repeat left center;
 }
 
 .mw-number-text.icon-contributors {
        /* @embed */
-       background: url(images/icon-contributors.png) no-repeat left center;
+       background: url( images/icon-contributors.png ) no-repeat left center;
 }
 
 /*
index f86a41d..ceb93c2 100644 (file)
@@ -43,5 +43,5 @@
 
 // Awful workaround for T113868, while it awaits a better fix.
 #mw-t113868 {
-       background-image: url(images/ar/button_bold.png), url(images/ar/button_headline.png), url(images/ar/button_italic.png), url(images/ar/button_link.png), url(images/ar/button_nowiki.png), url(images/be-tarask/button_bold.png), url(images/be-tarask/button_italic.png), url(images/be-tarask/button_link.png), url(images/de/button_bold.png), url(images/de/button_italic.png), url(images/en/button_bold.png), url(images/en/button_extlink.png), url(images/en/button_headline.png), url(images/en/button_hr.png), url(images/en/button_image.png), url(images/en/button_italic.png), url(images/en/button_link.png), url(images/en/button_media.png), url(images/en/button_nowiki.png), url(images/en/button_sig.png), url(images/fa/button_bold.png), url(images/fa/button_headline.png), url(images/fa/button_italic.png), url(images/fa/button_link.png), url(images/fa/button_nowiki.png), url(images/ksh/button_italic.png), url(images/ru/button_bold.png), url(images/ru/button_italic.png), url(images/ru/button_link.png);
+       background-image: url( images/ar/button_bold.png ), url( images/ar/button_headline.png ), url( images/ar/button_italic.png ), url( images/ar/button_link.png ), url( images/ar/button_nowiki.png ), url( images/be-tarask/button_bold.png ), url( images/be-tarask/button_italic.png ), url( images/be-tarask/button_link.png ), url( images/de/button_bold.png ), url( images/de/button_italic.png ), url( images/en/button_bold.png ), url( images/en/button_extlink.png ), url( images/en/button_headline.png ), url( images/en/button_hr.png ), url( images/en/button_image.png ), url( images/en/button_italic.png ), url( images/en/button_link.png ), url( images/en/button_media.png ), url( images/en/button_nowiki.png ), url( images/en/button_sig.png ), url( images/fa/button_bold.png ), url( images/fa/button_headline.png ), url( images/fa/button_italic.png ), url( images/fa/button_link.png ), url( images/fa/button_nowiki.png ), url( images/ksh/button_italic.png ), url( images/ru/button_bold.png ), url( images/ru/button_italic.png ), url( images/ru/button_link.png );
 }
index 74c75ea..77f87f7 100644 (file)
@@ -51,7 +51,7 @@
 
                        .oo-ui-buttonElement-button {
                                width: 100%;
-                               border: 1px dotted rgba(255,255,255,0.0);
+                               border: 1px dotted rgba( 255, 255, 255, 0.0 );
                                .oo-ui-box-sizing( border-box );
                        }
 
@@ -69,6 +69,6 @@
        }
 
        &:focus &-grid &-cell&-focused .oo-ui-buttonElement-button {
-               border-color: rgba(0,0,0,0.3);
+               border-color: rgba( 0, 0, 0, 0.3 );
        }
 }
index ee0e66e..84c086f 100644 (file)
 }
 
 .oo-ui-transition( @value1, @value2: X, ... ) {
-       @value: ~`"@{arguments}".replace(/[\[\]]|\,\sX/g, '')`;
+       @value: ~`"@{arguments}".replace(/[\[\]]|\,\sX/g, '')`; // stylelint-disable-line function-comma-space-after, function-parentheses-space-inside, function-whitespace-after
        -webkit-transition: @value;
        -moz-transition: @value;
        transition: @value;
 }
 
-@indicator-size: unit(12 / 16 / 0.8, em);
-@icon-size: unit(24 / 16 / 0.8, em);
+@indicator-size: unit( 12 / 16 / 0.8, em );
+@icon-size: unit( 24 / 16 / 0.8, em );
 @quick-ease: 100ms ease;
 @progressive: #347bff;
index ee571cb..7b7ef3d 100644 (file)
@@ -26,7 +26,7 @@
        }
 }
 
-@indicator-size: unit(12 / 16 / 0.8, em);
+@indicator-size: unit( 12 / 16 / 0.8, em );
 
 .mw-widget-dateInputWidget {
        display: inline-block;
index f2859db..c392f2a 100644 (file)
@@ -3,7 +3,7 @@
        zoom: 1;
        *display: inline; /* IE7 and below */
        /* @embed */
-       background: url(mediawiki.feedback.spinner.gif);
+       background: url( mediawiki.feedback.spinner.gif );
        width: 18px;
        height: 18px;
 }
index 4a2a367..37808d5 100644 (file)
@@ -4,9 +4,9 @@ a.feedlink {
        /* SVG support using a transparent gradient to guarantee cross-browser
         * compatibility (browsers able to understand gradient syntax support also SVG).
         * http://pauginer.tumblr.com/post/36614680636/invisible-gradient-technique */
-       background-image: url(images/feed-icon.png);
+       background-image: url( images/feed-icon.png );
        /* @embed */
-       background-image: linear-gradient(transparent, transparent), url(images/feed-icon.svg);
+       background-image: linear-gradient( transparent, transparent ), url( images/feed-icon.svg );
        background-position: center left;
        background-repeat: no-repeat;
        background-size: 12px 12px;
index adcb810..1662f0f 100644 (file)
        counter-increment: list-item;
 }
 .hlist ol > li:before {
-       content: counter(list-item) " ";
+       content: counter( list-item ) " ";
 }
 .hlist dd ol > li:first-child:before,
 .hlist dt ol > li:first-child:before,
 .hlist li ol > li:first-child:before {
-       content: "(" counter(list-item) " ";
+       content: "(" counter( list-item ) " ";
 }
index 9405f6b..1603130 100644 (file)
@@ -29,9 +29,9 @@ tr.mw-htmlform-vertical-label td.mw-label {
        /* SVG support using a transparent gradient to guarantee cross-browser
         * compatibility (browsers able to understand gradient syntax support also SVG).
         * http://pauginer.tumblr.com/post/36614680636/invisible-gradient-technique */
-       background-image: url(images/question.png);
+       background-image: url( images/question.png );
        /* @embed */
-       background-image: linear-gradient(transparent, transparent), url(images/question.svg);
+       background-image: linear-gradient( transparent, transparent ), url( images/question.svg );
        background-repeat: no-repeat;
        background-size: 13px 13px;
        display: inline-block;
@@ -43,7 +43,7 @@ tr.mw-htmlform-vertical-label td.mw-label {
 .mw-icon-question:lang(ar),
 .mw-icon-question:lang(fa),
 .mw-icon-question:lang(ur) {
-       -webkit-transform: scaleX(-1);
-       -ms-transform: scaleX(-1);
-       transform: scaleX(-1);
+       -webkit-transform: scaleX( -1 );
+       -ms-transform: scaleX( -1 );
+       transform: scaleX( -1 );
 }
index 5111d96..147de92 100644 (file)
        cursor: pointer;
 
        opacity: 0;
-       -webkit-transform: translateX(35px);
-       transform: translateX(35px);
+       -webkit-transform: translateX( 35px );
+       transform: translateX( 35px );
        -webkit-transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
        transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
 }
 
 .mw-notification-visible {
        opacity: 1;
-       -webkit-transform: translateX(0);
-       transform: translateX(0);
+       -webkit-transform: translateX( 0 );
+       transform: translateX( 0 );
 }
 
 .mw-notification-replaced {
        opacity: 0;
-       -webkit-transform: translateY(-35px);
-       transform: translateY(-35px);
+       -webkit-transform: translateY( -35px );
+       transform: translateY( -35px );
        pointer-events: none;
 }