ds4/src/scss/utils/_mixins.scss

37 lines
570 B
SCSS
Raw Normal View History

2021-02-24 12:55:30 +01:00
@use "./colors";
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;
}
@mixin mark-invalid-or-disabled-input {
input:invalid {
2021-02-24 12:55:30 +01:00
background-color: colors.$c-invalid-input;
}
input:disabled {
background-color: transparent;
}
}
@mixin foundry-highlight-text-shadow {
text-shadow: 0 0 10px red;
}