"selector-no-id": null,
"selector-pseudo-element-colon-notation": null,
- "string-quotes": null,
-
"value-keyword-case": null
}
}
-@import "mediawiki.mixins";
+@import 'mediawiki.mixins';
/* Table Sorting */
/* Styles for the JavaScript enhancements of the history page */
-#pagehistory li.before input[name="oldid"],
-#pagehistory li.after input[name="diff"] {
+#pagehistory li.before input[name='oldid'],
+#pagehistory li.after input[name='diff'] {
visibility: hidden;
}
-@import "mediawiki.mixins";
+@import 'mediawiki.mixins';
.mw-category {
.column-count(3);
/* Expand URLs for printing */
.mw-body a.external.text:after,
.mw-body a.external.autonumber:after {
- content: " (" attr( href ) ")";
+ content: ' (' attr( href ) ')';
word-break: break-all;
word-wrap: break-word;
}
/* Expand protocol-relative URLs for printing */
.mw-body a.external.text[href^='//']:after,
.mw-body a.external.autonumber[href^='//']:after {
- content: " (https:" attr( href ) ")";
+ content: ' (https:' attr( href ) ')';
}
a,
/* Input types that should follow user direction, like buttons */
/* TODO: What about buttons in wikipage content ? */
-input[type="submit"],
-input[type="button"],
-input[type="reset"],
-input[type="file"] {
+input[type='submit'],
+input[type='button'],
+input[type='reset'],
+input[type='file'] {
direction: ltr;
}
/* Override default values */
-textarea[dir="ltr"],
-input[dir="ltr"] {
+textarea[dir='ltr'],
+input[dir='ltr'] {
/* @noflip */
direction: ltr;
}
-textarea[dir="rtl"],
-input[dir="rtl"] {
+textarea[dir='rtl'],
+input[dir='rtl'] {
/* @noflip */
direction: rtl;
}
// Common Less mixin library for MediaWiki
//
// By default the folder containing this file is included in $wgResourceLoaderLESSImportPaths,
-// which makes this file importable by all less files via '@import "mediawiki.mixins";'.
+// which makes this file importable by all less files via `@import 'mediawiki.mixins';`.
//
// The mixins included below are considered a public interface for MediaWiki extensions.
// The signatures of parametrized mixins should be kept as stable as possible.
}
.flex-display( @display: flex ) {
- display: ~"-webkit-@{display}"; // iOS 6-, Safari 3.1-6
- display: ~"-moz-@{display}"; // Firefox 21-
- display: ~"-ms-@{display}box"; // IE 10
+ display: ~'-webkit-@{display}'; // iOS 6-, Safari 3.1-6
+ display: ~'-moz-@{display}'; // Firefox 21-
+ display: ~'-ms-@{display}box'; // IE 10
display: @display;
}
// This is a separate file because importing the mixin causes
// the keyframes blocks to be included in the output, regardless
// of whether .rotation is used.
-@import "mediawiki.mixins.animation";
+@import 'mediawiki.mixins.animation';
.rotate-frames() {
from {
line-height: normal;
font-weight: normal;
- & > input[type="checkbox"],
- & > input[type="radio"] {
+ & > input[type='checkbox'],
+ & > input[type='radio'] {
width: auto;
height: auto;
margin: 0 0.1em 0 0;
-@import "mediawiki.mixins";
-@import "mw.rcfilters.variables";
+@import 'mediawiki.mixins';
+@import 'mw.rcfilters.variables';
// This is a general mixin for a color circle
.mw-rcfilters-mixin-circle( @color: white, @diameter: 2em, @padding: 0.5em, @border: false ) {
// a color class on its parent element
.result-circle( @colorName: 'none' ) {
&-@{colorName} {
- .mw-rcfilters-mixin-circle( ~"@{highlight-@{colorName}}", @result-circle-diameter, 0 );
+ .mw-rcfilters-mixin-circle( ~'@{highlight-@{colorName}}', @result-circle-diameter, 0 );
display: none;
.mw-rcfilters-highlight-color-@{colorName} & {
// This mixin produces color mixes for two, three and four colors
.highlight-color-mix( @color1, @color2, @color3: false, @color4: false ) {
- @highlight-color-class-var: ~".mw-rcfilters-highlight-color-@{color1}.mw-rcfilters-highlight-color-@{color2}";
+ @highlight-color-class-var: ~'.mw-rcfilters-highlight-color-@{color1}.mw-rcfilters-highlight-color-@{color2}';
// The nature of these variables and them being inside
// a 'tint' and 'average' LESS functions is such where
// the parsing is failing if it is done inside those functions.
// Instead, we first construct their LESS variable names,
// and then we call them inside those functions by calling @@var
- @c1var: ~"highlight-@{color1}";
- @c2var: ~"highlight-@{color2}";
+ @c1var: ~'highlight-@{color1}';
+ @c2var: ~'highlight-@{color2}';
// Two colors
@{highlight-color-class-var} when ( @color3 = false ) and ( @color4 = false ) and not ( @color1 = false ), ( @color2 = false ) {
}
// Three colors
@{highlight-color-class-var}.mw-rcfilters-highlight-color-@{color3} when ( @color4 = false ) and not ( @color3 = false ) {
- @c3var: ~"highlight-@{color3}";
+ @c3var: ~'highlight-@{color3}';
background-color: tint( mix( @@c1var, average( @@c2var, @@c3var ), 33% ), 30% );
}
// Four colors
@{highlight-color-class-var}.mw-rcfilters-highlight-color-@{color3}.mw-rcfilters-highlight-color-@{color4} when not ( @color4 = false ) {
- @c3var: ~"highlight-@{color3}";
- @c4var: ~"highlight-@{color4}";
+ @c3var: ~'highlight-@{color3}';
+ @c4var: ~'highlight-@{color4}';
background-color: tint( mix( @@c1var, mix( @@c2var, average( @@c3var, @@c4var ), 25% ), 25% ), 25% );
}
}
-@import "mw.rcfilters.mixins";
+@import 'mw.rcfilters.mixins';
.mw-rcfilters-ui-capsuleItemWidget {
background-color: #fff;
}
- &[data-color="c1"] {
- .mw-rcfilters-mixin-circle( @highlight-c1, 0.7em, ~"0 0.5em 0 0" );
+ &[data-color='c1'] {
+ .mw-rcfilters-mixin-circle( @highlight-c1, 0.7em, ~'0 0.5em 0 0' );
}
- &[data-color="c2"] {
- .mw-rcfilters-mixin-circle( @highlight-c2, 0.7em, ~"0 0.5em 0 0" );
+ &[data-color='c2'] {
+ .mw-rcfilters-mixin-circle( @highlight-c2, 0.7em, ~'0 0.5em 0 0' );
}
- &[data-color="c3"] {
- .mw-rcfilters-mixin-circle( @highlight-c3, 0.7em, ~"0 0.5em 0 0" );
+ &[data-color='c3'] {
+ .mw-rcfilters-mixin-circle( @highlight-c3, 0.7em, ~'0 0.5em 0 0' );
}
- &[data-color="c4"] {
- .mw-rcfilters-mixin-circle( @highlight-c4, 0.7em, ~"0 0.5em 0 0" );
+ &[data-color='c4'] {
+ .mw-rcfilters-mixin-circle( @highlight-c4, 0.7em, ~'0 0.5em 0 0' );
}
- &[data-color="c5"] {
- .mw-rcfilters-mixin-circle( @highlight-c5, 0.7em, ~"0 0.5em 0 0" );
+ &[data-color='c5'] {
+ .mw-rcfilters-mixin-circle( @highlight-c5, 0.7em, ~'0 0.5em 0 0' );
}
}
}
list-style: none;
// Each li's margin-left should be the width of the highlights
// element + the margin
- margin-left: ~"calc( ( @{result-circle-diameter} + @{result-circle-margin} ) * 5 + @{result-circle-general-margin} )";
+ margin-left: ~'calc( ( @{result-circle-diameter} + @{result-circle-margin} ) * 5 + @{result-circle-general-margin} )';
}
}
// Correction for Enhanced RC
// This is outside the scope of the 'highlights' wrapper
table.mw-enhanced-rc {
- margin-left: ~"calc( ( @{result-circle-diameter} + @{result-circle-margin} ) * 5 + @{result-circle-general-margin} )";
+ margin-left: ~'calc( ( @{result-circle-diameter} + @{result-circle-margin} ) * 5 + @{result-circle-general-margin} )';
td:last-child {
width: 100%;
text-align: right;
// The width is 5 circles times their diameter + individual margin
// and then plus the general margin
- width: ~"calc( ( @{result-circle-diameter} + @{result-circle-margin} ) * 5 )";
+ width: ~'calc( ( @{result-circle-diameter} + @{result-circle-margin} ) * 5 )';
// And we want to shift the entire block to the left of the li
position: absolute;
left: 0;
-@import "mediawiki.mixins";
+@import 'mediawiki.mixins';
.mw-rcfilters-ui-filterGroupWidget {
padding-bottom: 0.5em;
-@import "mw.rcfilters.mixins";
+@import 'mw.rcfilters.mixins';
.mw-rcfilters-ui-filterItemHighlightButton {
-@import "mediawiki.mixins";
+@import 'mediawiki.mixins';
.mw-rcfilters-ui-filterItemWidget {
padding: 0 0.5em;
-@import "mw.rcfilters.mixins";
+@import 'mw.rcfilters.mixins';
.mw-rcfilters-ui-highlightColorPickerWidget {
&-label {
padding-right: 15px;
}
-.mw-body a.external[href^="mailto:"],
+.mw-body a.external[href^='mailto:'],
.link-mailto {
background: url( images/mail.png ) center right no-repeat;
/* @embed */
padding-right: 15px;
}
-.mw-body a.external[href^="ftp://"],
+.mw-body a.external[href^='ftp://'],
.link-ftp {
background: url( images/ftp-ltr.png ) center right no-repeat;
/* @embed */
padding-right: 15px;
}
-.mw-body a.external[href^="irc://"],
-.mw-body a.external[href^="ircs://"],
+.mw-body a.external[href^='irc://'],
+.mw-body a.external[href^='ircs://'],
.link-irc {
background: url( images/chat-ltr.png ) center right no-repeat;
/* @embed */
padding-right: 15px;
}
-.mw-body a.external[href$=".ogg"],
-.mw-body a.external[href$=".OGG"],
-.mw-body a.external[href$=".mid"],
-.mw-body a.external[href$=".MID"],
-.mw-body a.external[href$=".midi"],
-.mw-body a.external[href$=".MIDI"],
-.mw-body a.external[href$=".mp3"],
-.mw-body a.external[href$=".MP3"],
-.mw-body a.external[href$=".wav"],
-.mw-body a.external[href$=".WAV"],
-.mw-body a.external[href$=".wma"],
-.mw-body a.external[href$=".WMA"],
+.mw-body a.external[href$='.ogg'],
+.mw-body a.external[href$='.OGG'],
+.mw-body a.external[href$='.mid'],
+.mw-body a.external[href$='.MID'],
+.mw-body a.external[href$='.midi'],
+.mw-body a.external[href$='.MIDI'],
+.mw-body a.external[href$='.mp3'],
+.mw-body a.external[href$='.MP3'],
+.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;
/* @embed */
padding-right: 15px;
}
-.mw-body a.external[href$=".ogm"],
-.mw-body a.external[href$=".OGM"],
-.mw-body a.external[href$=".avi"],
-.mw-body a.external[href$=".AVI"],
-.mw-body a.external[href$=".mpeg"],
-.mw-body a.external[href$=".MPEG"],
-.mw-body a.external[href$=".mpg"],
-.mw-body a.external[href$=".MPG"],
+.mw-body a.external[href$='.ogm'],
+.mw-body a.external[href$='.OGM'],
+.mw-body a.external[href$='.avi'],
+.mw-body a.external[href$='.AVI'],
+.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;
/* @embed */
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#"],
-.mw-body a.external[href*=".pdf?"],
-.mw-body a.external[href*=".PDF?"],
+.mw-body a.external[href$='.pdf'],
+.mw-body a.external[href$='.PDF'],
+.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;
/* @embed */
counter-reset: mw-NumberedExtLink;
}
-.mw-body-content a[rel~="mw:ExtLink"]:empty:after {
- content: "[" counter( mw-NumberedExtLink ) "]";
+.mw-body-content a[rel~='mw:ExtLink']:empty:after {
+ content: '[' counter( mw-NumberedExtLink ) ']';
counter-increment: mw-NumberedExtLink;
}
}
/* Hide the caption for frameless and plain floated images */
-figure[typeof~="mw:Image/Frameless"] > figcaption,
-figure[typeof~="mw:Image"] > figcaption {
+figure[typeof~='mw:Image/Frameless'] > figcaption,
+figure[typeof~='mw:Image'] > figcaption {
display: none;
}
* Styling for Special:Block
*/
-label[for="mw-input-wpConfirm"] {
+label[for='mw-input-wpConfirm'] {
font-weight: bold;
}
-@import "mediawiki.mixins";
+@import 'mediawiki.mixins';
.mw-special-ComparePages .mw-htmlform-ooui-wrapper {
width: 100%;
visibility: hidden;
display: block;
font-size: 0;
- content: " ";
+ content: ' ';
clear: both;
height: 0;
}
visibility: hidden;
display: block;
font-size: 0;
- content: " ";
+ content: ' ';
clear: both;
height: 0;
}
-@import "mediawiki.mixins";
+@import 'mediawiki.mixins';
#mw-editbutton-bold {
- .background-image("images/@{button-bold}");
+ .background-image('images/@{button-bold}');
}
#mw-editbutton-italic {
- .background-image("images/@{button-italic}");
+ .background-image('images/@{button-italic}');
}
#mw-editbutton-link {
- .background-image("images/@{button-link}");
+ .background-image('images/@{button-link}');
}
#mw-editbutton-extlink {
- .background-image("images/@{button-extlink}");
+ .background-image('images/@{button-extlink}');
}
#mw-editbutton-headline {
- .background-image("images/@{button-headline}");
+ .background-image('images/@{button-headline}');
}
#mw-editbutton-image {
- .background-image("images/@{button-image}");
+ .background-image('images/@{button-image}');
}
#mw-editbutton-media {
- .background-image("images/@{button-media}");
+ .background-image('images/@{button-media}');
}
#mw-editbutton-nowiki {
- .background-image("images/@{button-nowiki}");
+ .background-image('images/@{button-nowiki}');
}
// Who decided to make only this single one different than the name of the data item?
#mw-editbutton-signature {
- .background-image("images/@{button-sig}");
+ .background-image('images/@{button-sig}');
}
#mw-editbutton-hr {
- .background-image("images/@{button-hr}");
+ .background-image('images/@{button-hr}');
}
-@import "mediawiki.mixins";
-@import "mediawiki.ui/variables";
-@import "mediawiki.ui/mixins";
+@import 'mediawiki.mixins';
+@import 'mediawiki.ui/variables';
+@import 'mediawiki.ui/mixins';
// Helpers
.mixin-mw-ui-anchor-styles( @mainColor ) {
-@import "mediawiki.mixins";
-@import "mediawiki.ui/variables";
-@import "mediawiki.ui/mixins";
+@import 'mediawiki.mixins';
+@import 'mediawiki.ui/variables';
+@import 'mediawiki.ui/mixins';
// Buttons
//
-@import "mediawiki.mixins";
-@import "mediawiki.ui/variables";
+@import 'mediawiki.mixins';
+@import 'mediawiki.ui/variables';
// Checkbox
//
vertical-align: middle;
}
- input[type="checkbox"] {
+ input[type='checkbox'] {
// we hide the input element as instead we will style the label that follows
// we use opacity so that VoiceOver software can still identify it
opacity: 0;
- // Render "on top of" the label, so that it's still clickable (T98905)
+ // Render *on top of* the label, so that it's still clickable (T98905)
z-index: 1;
position: relative;
// ensure the invisible checkbox takes up the required width
// Form elements and layouts
-@import "mediawiki.mixins";
-@import "mediawiki.ui/variables";
-@import "mediawiki.ui/mixins";
+@import 'mediawiki.mixins';
+@import 'mediawiki.ui/variables';
+@import 'mediawiki.ui/mixins';
// --------------------------------------------------------------------------
// Layouts
}
// Override input styling just for checkboxes and radio inputs.
- input[type="radio"] {
+ input[type='radio'] {
display: inline;
.box-sizing( content-box );
width: auto;
-@import "mediawiki.mixins";
-@import "mediawiki.ui/variables";
+@import 'mediawiki.mixins';
+@import 'mediawiki.ui/variables';
// Mixins
.mixin-mw-ui-icon-bgimage( @iconSvg, @iconPng ) {
// Inputs
-@import "mediawiki.mixins";
-@import "mediawiki.ui/variables";
-@import "mediawiki.ui/mixins";
+@import 'mediawiki.mixins';
+@import 'mediawiki.ui/variables';
+@import 'mediawiki.ui/mixins';
// Text inputs
//
}
// Normalize styling for `<input type="search">`
- &[type="search"] {
+ &[type='search'] {
// Correct the odd appearance in Chrome and Safari 5
-webkit-appearance: textfield;
// <button class="mw-ui-button mw-ui-progressive">Submit</button>
//
// Styleguide 1.2.
-input[type="number"],
+input[type='number'],
.mw-ui-input-inline {
display: inline-block;
width: auto;
-@import "mediawiki.mixins";
-@import "mediawiki.ui/variables";
+@import 'mediawiki.mixins';
+@import 'mediawiki.ui/variables';
// Radio
//
vertical-align: middle;
}
- input[type="radio"] {
+ input[type='radio'] {
// we hide the input element as instead we will style the label that follows
// we use opacity so that VoiceOver software can still identify it
opacity: 0;
-@import "mediawiki.mixins";
-@import "mediawiki.ui/variables";
-@import "mediawiki.ui/mixins";
+@import 'mediawiki.mixins';
+@import 'mediawiki.ui/variables';
+@import 'mediawiki.ui/mixins';
/*
Text & Anchors
/**
* Provide Agora appearance for mw-ui-* classes.
*/
-@import "components/forms";
-@import "components/utilities";
+@import 'components/forms';
+@import 'components/utilities';
/* stylelint-disable no-duplicate-selectors */
-@import "mediawiki.widgets.datetime.definitions";
+@import 'mediawiki.widgets.datetime.definitions';
.mw-widgets-datetime-calendarWidget {
display: inline-block;
/* stylelint-disable no-duplicate-selectors */
-@import "mediawiki.widgets.datetime.definitions";
+@import 'mediawiki.widgets.datetime.definitions';
.mw-widgets-datetime-dateTimeInputWidget {
display: inline-block;
}
.oo-ui-transition( @value1, @value2: X, ... ) {
- @value: ~`"@{arguments}".replace(/[\[\]]|\,\sX/g, '')`; // stylelint-disable-line function-comma-space-after, function-parentheses-space-inside, function-whitespace-after
+ @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;
-@import "mediawiki.ui/variables";
+@import 'mediawiki.ui/variables';
.mediawiki-filewarning {
visibility: hidden;
-@import "mediawiki.mixins";
+@import 'mediawiki.mixins';
#mw-indicator-mw-helplink a {
.background-image-svg('images/help.svg', 'images/help.png');
}
/* Generate interpuncts */
.hlist dt:after {
- content: ":";
+ content: ':';
}
.hlist dd:after,
.hlist li:after {
- content: " ·";
+ content: ' ·';
font-weight: bold;
}
.hlist dd:last-child:after,
.hlist li dd:first-child:before,
.hlist li dt:first-child:before,
.hlist li li:first-child:before {
- content: "(";
+ content: '(';
font-weight: normal;
}
.hlist dd dd:last-child:after,
.hlist li dd:last-child:after,
.hlist li dt:last-child:after,
.hlist li li:last-child:after {
- content: ")";
+ content: ')';
font-weight: normal;
}
/* For IE8 */
.hlist li dd.hlist-last-child:after,
.hlist li dt.hlist-last-child:after,
.hlist li li.hlist-last-child:after {
- content: ")";
+ content: ')';
font-weight: normal;
}
/* Put ordinals in front of ordered list items */
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 ) ' ';
}
/* General-purpose icons via CSS. Classes here should be named "mw-icon-*". */
-@import "mediawiki.mixins";
+@import 'mediawiki.mixins';
/* For the collapsed and expanded arrows, we also provide selectors to make it
* easy to use them with jquery.makeCollapsible. */
* in MediaWiki (used e.g. on Special:ListFiles).
*/
-@import "mediawiki.mixins";
+@import 'mediawiki.mixins';
.TablePager {
min-width: 80%;