![Marton Kiss](/assets/img/avatar_default.png)
Replace Drupal Commons by Openstack theme. Change-Id: Ifc18969c3e089aa1ff11a3d98daac1442b444bef
38 lines
944 B
SCSS
38 lines
944 B
SCSS
// @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;
|
|
}
|
|
}
|