25 lines
478 B
SCSS
25 lines
478 B
SCSS
|
@mixin element-invisible {
|
||
|
|
position: absolute;
|
||
|
|
|
||
|
|
width: 1px;
|
||
|
|
height: 1px;
|
||
|
|
margin: -1px;
|
||
|
|
border: 0;
|
||
|
|
padding: 0;
|
||
|
|
|
||
|
|
clip: rect(0 0 0 0);
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin hide {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Update the mixin to accept 3 arguments: direction, wrap, and justify
|
||
|
|
@mixin flexbox($direction, $wrap: nowrap, $justify: flex-start, $align: stretch) {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: $direction;
|
||
|
|
flex-wrap: $wrap;
|
||
|
|
justify-content: $justify;
|
||
|
|
align-items: $align;
|
||
|
|
}
|