refactor: separated css modules from common style

This commit is contained in:
charlie
2020-12-14 21:13:12 +08:00
parent 2e30872f61
commit 8a440e910a
28 changed files with 933 additions and 1044 deletions

View File

@@ -20,8 +20,8 @@
&-content {
@apply inset-0 flex items-end justify-center px-4 py-3
pointer-events-none sm:px-6 sm:py-3 sm:items-start
sm:justify-end;
pointer-events-none sm:px-6 sm:py-3 sm:items-start
sm:justify-end;
}
.notification-area {
@@ -29,3 +29,60 @@
color: var(--ls-primary-text-color);
}
}
.dropdown-wrapper {
background-color: var(--ls-primary-background-color, #fff);
min-width: 12rem;
}
.dropdown-caret {
display: inline-block;
width: 0;
height: 0;
vertical-align: middle;
content: "";
border-top-style: solid;
border-top-width: 4px;
border-right: 4px solid transparent;
border-bottom: 0 solid transparent;
border-left: 4px solid transparent;
}
.form-checkbox {
color: var(--ls-page-checkbox-color, #137cbd);
background-color: transparent;
border-radius: 0;
border: 2px solid;
border-color: var(--ls-page-checkbox-border-color);
appearance: none
}
.form-checkbox {
&:checked {
border: none;
&:focus {
box-shadow: none;
}
}
&:not(:checked):focus {
box-shadow: none;
}
}
.form-select {
background-color: var(--ls-primary-background-color, transparent);
background-repeat: no-repeat;
border-width: 1px;
border-color: var(--ls-border-color);
}
.form-input {
border-width: 1px;
border-color: var(--ls-border-color);
&:focus {
box-shadow: 0 0 0 2px rgba(164, 202, 254, 0.45);
}
}