Simplify CSS code

This commit is contained in:
the-djmaze 2023-02-24 18:31:03 +01:00
parent f85e7b5dec
commit bc74ca34d3
19 changed files with 204 additions and 519 deletions

View file

@ -10,10 +10,6 @@
z-index: 5;
}
@glass-color: #fff;
@glass-error-color: #f76260;
@glass-m-color: rgba(255, 255, 255, .8);
.LoginView {
.descWrapper {
@ -29,18 +25,18 @@
border: var(--login-border, 1px solid rgba(255, 255, 255, .2));
border-radius: var(--login-border-radius, 7px);
box-shadow: var(--login-box-shadow);
color: var(--login-color, @glass-m-color);
color: var(--login-color, rgba(255, 255, 255, .8));
margin: 0;
padding: 40px 40px 20px 40px;
position: relative;
* {
color: var(--login-color, @glass-m-color);
color: var(--login-color, rgba(255, 255, 255, .8));
}
.controls.error * {
color: @glass-error-color;
border-color: @glass-error-color;
color: #f76260;
border-color: #f76260;
}
&.submitting > * {
@ -77,17 +73,17 @@
padding-right: 30px;
&:placeholder {
color: @glass-color;
color: #fff;
}
&:focus, &:hover {
border-color: @glass-color;
border-color: #fff;
}
}
input, .btn {
background: none;
border: 1px solid @glass-m-color;
border: 1px solid rgba(255, 255, 255, .8);
}
.fontastic + input {
@ -107,7 +103,7 @@
font-size: 13px;
&:hover, &:active {
border-color: @glass-color;
border-color: #fff;
}
}