Move some of the new design language CSS into a common location

This commit is contained in:
Oliver-Akins 2024-02-04 20:34:43 -07:00
parent e284529a45
commit acd4d35da0
4 changed files with 69 additions and 54 deletions

View file

@ -34,55 +34,10 @@
}
}
label.mask-input {
display: flex;
flex-direction: row;
align-items: center;
transition: all ease-in-out 50ms;
&:focus-within {
transform: scale(102%);
}
input {
text-align: right;
border: none;
background: none;
border-radius: 0;
border-bottom: 1px solid black;
&:focus, &:focus-visible {
box-shadow: none;
}
}
input.left {
text-align: left;
}
}
.wide {
grid-column: span 2;
}
.mask-textarea {
display: flex;
flex-direction: column;
transition: all ease-in-out 50ms;
&:focus-within {
transform: scale(102%);
}
textarea {
flex-grow: 1;
resize: none;
border: none;
box-shadow: none;
background: none;
}
}
// Area-specific stylings
.name {