StarMC/Astral-nook
StarMC/Astral-nook
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Convert color schema, begin migrating old classes (finishes grey & red)

Browse source
This commit is contained in:
Dane Everitt 2019-02-09 14:32:18 -08:00
parent 6c7a5d5bb9
commit 32b43cff9a
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
35 changed files with 186 additions and 166 deletions
Download patch file Download diff file Expand all files Collapse all files

16
resources/assets/styles/components/forms.css
View file

@ -21,7 +21,7 @@ input[type=number] {
}
.input-open > .input {
@apply .appearance-none .block .w-full .text-grey-darker .border-b-2 .border-grey-light .py-3 .mb-3;
@apply .appearance-none .block .w-full .text-neutral-800 .border-b-2 .border-neutral-400 .py-3 .mb-3;
&:focus {
@apply .border-blue-light;
@ -30,7 +30,7 @@ input[type=number] {
}
&:focus + label, &:valid + label, &.has-content + label {
@apply .text-grey-darker .px-0 .cursor-pointer;
@apply .text-neutral-800 .px-0 .cursor-pointer;
transform:translateY(-26px)
}
@ -40,7 +40,7 @@ input[type=number] {
}
.input-open > label {
@apply .block .uppercase .tracking-wide .text-grey .text-xs .mb-2 .absolute;
@apply .block .uppercase .tracking-wide .textneutral-500s.text-xs .mb-2 .absolute;
top: 14px;
transition: transform 200ms ease-out;
}
@ -49,7 +49,7 @@ input[type=number] {
* Styling for other forms throughout the Panel.
*/
.input:not(.open-label) {
@apply .appearance-none .p-3 .rounded .border .text-grey-darker .w-full;
@apply .appearance-none .p-3 .rounded .border .text-neutral-800 .w-full;
transition: all 100ms linear;
&:focus {
@ -61,18 +61,18 @@ input[type=number] {
}
&.error {
@apply .text-red-dark .border-red;
@apply .text-red-600 .border-red;
}
}
.input-label {
@apply .block .uppercase .tracking-wide .text-grey-darkest .text-xs .font-bold .mb-2;
@apply .block .uppercase .tracking-wide .text-neutral-900 .text-xs .font-bold .mb-2;
}
.input-help {
@apply .text-xs .text-grey .pt-2;
@apply .text-xs .textneutral-500s.pt-2;
&.error {
@apply .text-red-dark;
@apply .text-red-600;
}
}