From 26106a315f04ca082152b474e6604cded843d08b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ctibor=20Bran=C4=8D=C3=ADk?= <ctibor@brancik.cz>
Date: Sun, 20 Mar 2016 19:50:03 +0100
Subject: =?UTF-8?q?Added=20theme=20for=20M=C3=A1me=20r=C3=A1di=20p=C5=99?=
 =?UTF-8?q?=C3=ADrodu.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../templates/project/_visually-hidden.scss        | 51 ++++++++++++++++++++++
 1 file changed, 51 insertions(+)
 create mode 100644 sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/project/_visually-hidden.scss

(limited to 'sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/project/_visually-hidden.scss')

diff --git a/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/project/_visually-hidden.scss b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/project/_visually-hidden.scss
new file mode 100644
index 000000000..a03776778
--- /dev/null
+++ b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/project/_visually-hidden.scss
@@ -0,0 +1,51 @@
+//
+// @file
+// Accessibility features.
+//
+
+// As defined by http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
+@mixin visually-hidden {
+  position: absolute !important;
+  height: 1px;
+  width: 1px;
+  overflow: hidden;
+  @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
+    clip: rect(1px 1px 1px 1px); // IE6 and IE7 use the wrong syntax.
+  }
+  clip: rect(1px, 1px, 1px, 1px);
+}
+
+// Turns off the visually-hidden effect.
+@mixin visually-hidden-off {
+  position: static !important;
+  clip: auto;
+  height: auto;
+  width: auto;
+  overflow: auto;
+}
+
+// Makes an element visually hidden, except when it receives focus.
+@mixin visually-focusable {
+  @include visually-hidden();
+
+  &:active,
+  &:focus {
+    @include visually-hidden-off();
+  }
+}
+
+// Placeholder styles for use with @extend.
+%visually-hidden {
+  @include visually-hidden();
+}
+%visually-hidden-off {
+  @include visually-hidden-off();
+}
+%visually-focusable {
+  @extend %visually-hidden;
+
+  &:active,
+  &:focus {
+    @extend %visually-hidden-off;
+  }
+}
-- 
cgit v1.2.3