VolkerE has uploaded a new change for review.
https://gerrit.wikimedia.org/r/261611
Change subject: Integrate Less class helper file
......................................................................
Integrate Less class helper file
Adding Less helper file for extensions and skins with stateful CSS
helper classes for being used with Less `:extend` function. Starting with
`is-aural` class for screen readers and keyboard-only users, this file
could further integrate `no-print` or `clearfix` classes in one central file.
Bug: T119444
Change-Id: Ie9bce512804385578361eb77579106c799d5ff57
---
A resources/src/mediawiki.less/mediawiki.stateful-classes.less
1 file changed, 35 insertions(+), 0 deletions(-)
git pull ssh://gerrit.wikimedia.org:29418/mediawiki/core
refs/changes/11/261611/1
diff --git a/resources/src/mediawiki.less/mediawiki.stateful-classes.less
b/resources/src/mediawiki.less/mediawiki.stateful-classes.less
new file mode 100644
index 0000000..1d2f2b2
--- /dev/null
+++ b/resources/src/mediawiki.less/mediawiki.stateful-classes.less
@@ -0,0 +1,35 @@
+// Common Less stateful helper classes 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.stateful-classes";'.
+// The best way is to import the file and extend (Less v1.4.0+) the necessary
selector by
+// .selector {
+// @extend( .stateful-class );
+// }
+//
+// The stateful classes included below are considered a public interface for
MediaWiki skins & extensions.
+//
+// See <http://lesscss.org/features/#extend-feature> for more information
about all possibilities to extend.
+
+// Screen Reader & Keyboard User Helper Class
+.is-aural {
+ display: block;
+ position: absolute !important;
+ clip: rect( 1px, 1px, 1px, 1px );
+ width: 1px;
+ height: 1px;
+ margin: -1px;
+ border: 0;
+ padding: 0;
+ overflow: hidden;
+
+ &[tabindex="0"]:active,
+ &[tabindex="0"]:focus {
+ position: static !important;
+ clip: auto;
+ width: auto;
+ height: auto;
+ margin: 0;
+ overflow: visible;
+ }
+}
\ No newline at end of file
--
To view, visit https://gerrit.wikimedia.org/r/261611
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: Ie9bce512804385578361eb77579106c799d5ff57
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/core
Gerrit-Branch: master
Gerrit-Owner: VolkerE <[email protected]>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
