This repository has been archived on 2023-02-03. You can view files and clone it, but cannot push or open issues or pull requests.
autonomic.zone/scss/utilities/_layout_utilities.scss
2017-08-31 12:44:57 +01:00

53 lines
813 B
SCSS

.visually-hidden {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
@mixin hidden-xs {
@include breakpoint(max-width $breakpoint-sm-width) {
display: none;
}
}
@mixin hidden-sm {
@include breakpoint($breakpoint-sm-width $breakpoint-sm-width-max) {
display: none;
}
}
@mixin hidden-md {
@include breakpoint($breakpoint-md-width $breakpoint-md-width-max) {
display: none;
}
}
@mixin hidden-lg {
@include breakpoint($breakpoint-lg-width) {
display: none;
}
}
@mixin with-rtl($padding-end: null) {
@content;
@if $padding-end != null {
padding-right: $padding-end;
}
.rtl & {
@include with-layout(rtl) {
@content;
@if $padding-end != null {
padding-left: $padding-end;
}
}
}
}