"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" ],
}
}
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 {
.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;
}
.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;
}
.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;
}
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 {
}
.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 );
}
}
.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;
margin: -8px 0 0 -8px;
overflow: hidden;
/* @embed */
- background: url(images/marker.png) no-repeat;
+ background: url( images/marker.png ) no-repeat;
}
.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. */
.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. */
.filehistory a img,
#file img:hover {
/* @embed */
- background: #fff url(images/checker.png) repeat;
+ background: #fff url( images/checker.png ) repeat;
}
/*
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;
.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 );
}
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 );
}
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;
}
.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;
.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;
}
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;
}
.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 {
/* 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;
/* @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 */
/* @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 */
* 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;
}
.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;
}
.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;
}
.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;
}
}
.mw-body-content a[rel~="mw:ExtLink"]:empty:after {
- content: "[" counter(mw-NumberedExtLink) "]";
+ content: "[" counter( mw-NumberedExtLink ) "]";
counter-increment: mw-NumberedExtLink;
}
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;
}
.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;
}
/*
// 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 );
}
.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 );
}
}
&:focus &-grid &-cell&-focused .oo-ui-buttonElement-button {
- border-color: rgba(0,0,0,0.3);
+ border-color: rgba( 0, 0, 0, 0.3 );
}
}
}
.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;
}
}
-@indicator-size: unit(12 / 16 / 0.8, em);
+@indicator-size: unit( 12 / 16 / 0.8, em );
.mw-widget-dateInputWidget {
display: inline-block;
zoom: 1;
*display: inline; /* IE7 and below */
/* @embed */
- background: url(mediawiki.feedback.spinner.gif);
+ background: url( mediawiki.feedback.spinner.gif );
width: 18px;
height: 18px;
}
/* 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;
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 ) " ";
}
/* 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;
.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 );
}
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;
}