From 26106a315f04ca082152b474e6604cded843d08b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ctibor=20Bran=C4=8D=C3=ADk?= 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 --- .../themes/mrp/sass/_mixins.scss | 37 ++++++++++++++++++++++ 1 file changed, 37 insertions(+) create mode 100644 sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass/_mixins.scss (limited to 'sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass/_mixins.scss') diff --git a/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass/_mixins.scss b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass/_mixins.scss new file mode 100644 index 000000000..b9cb09aee --- /dev/null +++ b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass/_mixins.scss @@ -0,0 +1,37 @@ +// @file +// Custom sass mixins +// +// Define the custom mixins for your project here. +// http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#defining_a_mixin + +// Makes an element visually hidden, but accessible. +// @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility +@mixin element-invisible { + 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 element-invisible effect. +@mixin element-invisible-off { + position: static !important; + clip: auto; + height: auto; + width: auto; + overflow: auto; +} + +// Makes an element visually hidden by default, but visible when focused. +@mixin element-focusable { + @include element-invisible; + + &:active, + &:focus { + @include element-invisible-off; + } +} -- cgit v1.2.3