53 lines
813 B
SCSS
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;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|