2020-10-29 16:18:38 +01:00
|
|
|
@mixin element-invisible {
|
2020-12-23 17:09:02 +01:00
|
|
|
position: absolute;
|
2020-10-29 16:18:38 +01:00
|
|
|
|
2020-12-23 17:09:02 +01:00
|
|
|
width: 1px;
|
|
|
|
height: 1px;
|
|
|
|
margin: -1px;
|
|
|
|
border: 0;
|
|
|
|
padding: 0;
|
2020-10-29 16:18:38 +01:00
|
|
|
|
2020-12-23 17:09:02 +01:00
|
|
|
clip: rect(0 0 0 0);
|
|
|
|
overflow: hidden;
|
2020-10-29 16:18:38 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
@mixin hide {
|
2020-12-23 17:09:02 +01:00
|
|
|
display: none;
|
|
|
|
}
|
2020-12-31 01:33:59 +01:00
|
|
|
|
|
|
|
@mixin centered-content {
|
|
|
|
display: grid;
|
|
|
|
place-items: center;
|
|
|
|
}
|
2021-01-06 15:25:55 +01:00
|
|
|
|
|
|
|
@mixin mark-invalid-or-disabled-input {
|
|
|
|
input:invalid {
|
|
|
|
background-color: $c-invalid-input;
|
|
|
|
}
|
|
|
|
input:disabled {
|
|
|
|
background-color: transparent;
|
|
|
|
}
|
|
|
|
}
|
2021-01-19 17:20:50 +01:00
|
|
|
|
|
|
|
@mixin font-heading-upper {
|
|
|
|
font-family: $font-heading;
|
|
|
|
text-transform: uppercase;
|
|
|
|
}
|