mediawiki-skins-Vector/resources/skins.vector.styles
Stephen Niedzielski 713d0ac2fd [dev] Favor LESS media queries to ResourceLoader
Prior to this patch, Vector used a mixture of LESS media queries and
ResourceLoader (RL) media queries[0]. So far as I can tell[1], the
latter only instructs RL to wrap the contents of a LESS file within a
query (there are no conditionals placed on style loading). Further,
according to a coauthor of RL (Roan), RL media query support was most
likely a replacement for `@media foo { @import foo.css }` to inline
print styles from a separate style sheet which Vector itself does not
use. The LESS solution is much more intuitive since it's not MediaWiki-
specific and only the LESS code needs to be considered instead of LESS
_and_ the RL configuration in skin.json.

This patch moves both screen media queries to screen.less for the
aforementioned consistency and to avoid nesting queries. It is hoped
that these changes will help make future work easier, such as those to
margin likely to take place in making the sidebar collapsible.

[0]: https://www.mediawiki.org/wiki/ResourceLoader/Developing_with_ResourceLoader#Media_queries
[1]: http://localhost:8181/w/load.php?debug=true&lang=en&modules=skins.vector.styles&only=styles&skin=vector

Bug: T246419
Change-Id: Ic0adfa254f3e81dfa87a26899f3aa585645956f1
2020-03-10 13:13:42 -06:00
..
images Re-crush SVG files with unified SVGO rules 2020-03-08 04:12:50 +00:00
common.less Isolate Vector Styles to their Respective Component 2020-03-03 18:20:19 +00:00
externalLinks.less Dev: Vector is rearranged like other skins and extensions 2020-01-28 16:57:38 +08:00
Footer.less Isolate Vector Styles to their Respective Component 2020-03-03 18:20:19 +00:00
Navigation.less Isolate Vector Styles to their Respective Component 2020-03-03 18:20:19 +00:00
PersonalMenu.less Isolate Vector Styles to their Respective Component 2020-03-03 18:20:19 +00:00
Portal.less Isolate Vector Styles to their Respective Component 2020-03-03 18:20:19 +00:00
print.less Drop usage of mediawiki.skinning.interface module in favor of SkinModule 2020-02-05 10:02:47 +08:00
screen.less [dev] Favor LESS media queries to ResourceLoader 2020-03-10 13:13:42 -06:00
SearchBox.less Isolate Vector Styles to their Respective Component 2020-03-03 18:20:19 +00:00
Sidebar.less Isolate Vector Styles to their Respective Component 2020-03-03 18:20:19 +00:00
VectorMenu.less Isolate Vector Styles to their Respective Component 2020-03-03 18:20:19 +00:00
VectorTabs.less Move watchstar import out of VectorTabs.less and into screen.less 2020-03-10 10:04:46 -06:00
watchstar.less Move watchstar import out of VectorTabs.less and into screen.less 2020-03-10 10:04:46 -06:00