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

Add base UI for account management

Browse source
This commit is contained in:
Dane Everitt 2018-06-11 22:36:43 -07:00
parent e5e66fdb58
commit 14927c3e7e
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
8 changed files with 220 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

12
resources/assets/styles/components/buttons.css
View file

@ -12,6 +12,14 @@
}
}
&.btn-secondary {
@apply .border .border-grey-light .text-grey-dark;
&:hover:enabled {
@apply .border-grey .text-grey-darker;
}
}
/**
* Button Sizes
*/
@ -19,6 +27,10 @@
@apply .p-4 .w-full .uppercase .tracking-wide .text-sm;
}
&.btn-sm {
@apply .px-6 .py-3 .uppercase .tracking-wide .text-sm;
}
&:disabled, &.disabled {
opacity: 0.55;
cursor: default;

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

@ -30,3 +30,24 @@
top: 14px;
transition: transform 200ms ease-out;
}
.input {
@apply .appearance-none .p-3 .rounded .border .text-grey-darker .w-full;
transition: all 100ms linear;
&:focus {
@apply .border-blue-light;
}
&:required, &:invalid {
box-shadow: none;
}
}
.input-label {
@apply .block .uppercase .tracking-wide .text-grey-darkest .text-xs .font-bold .mb-1;
}
.input-help {
@apply .text-xs .text-grey .pt-2;
}