This commit is contained in:
Dane Everitt 2019-02-09 14:44:35 -08:00
parent d6feaec202
commit 6e26f1929d
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
19 changed files with 30 additions and 30 deletions

View file

@ -32,7 +32,7 @@
@keyframes offlineblink {
0% {
@apply .bg-red;
@apply .bg-red-500;
}
100% {
@apply .bg-red-600;

View file

@ -5,11 +5,11 @@
/**
* Button Colors
*/
&.btn-blue {
@apply .bg-blue .border-blue-dark .border .text-white;
&.btn-primary {
@apply .bg-primary-500 .border-primary-600 .border .text-white;
&:hover:enabled {
@apply .bg-blue-dark .border-blue-darker;
@apply .bg-primary-600 .border-primary-800;
}
}

View file

@ -72,7 +72,7 @@
transition: color 50ms ease-in;
&:hover {
@apply .text-blue-darker;
@apply .text-primary-800;
}
}
}

View file

@ -24,7 +24,7 @@ input[type=number] {
@apply .appearance-none .block .w-full .text-neutral-800 .border-b-2 .border-neutral-400 .py-3 .mb-3;
&:focus {
@apply .border-blue-light;
@apply .border-primary-400;
outline: 0;
transition: border 500ms ease-out;
}
@ -53,7 +53,7 @@ input[type=number] {
transition: all 100ms linear;
&:focus {
@apply .border-blue-light;
@apply .border-primary-400;
}
&:required, &:invalid {

View file

@ -114,7 +114,7 @@ code {
transition: border 150ms ease-in;
&:focus {
@apply .border-blue-light;
@apply .border-primary-400;
}
}
}

View file

@ -1,5 +1,5 @@
.nav {
@apply .bg-blue-dark .border-b .border-t .border-blue-darkest;
@apply .bg-primary-600 .border-b .border-t .border-primary-900;
height: 56px;
& .logo {
@ -19,12 +19,12 @@
@apply .mr-2;
& > .search-input {
@apply .text-sm .p-2 .ml-8 .rounded .border .border-blue-darker .bg-neutral-50 .text-neutral-900 .w-96;
@apply .text-sm .p-2 .ml-8 .rounded .border .border-primary-800 .bg-neutral-50 .text-neutral-900 .w-96;
opacity: 0.9;
transition: ease-in-out opacity 150ms;
&:focus {
@apply .border-blue-darkest;
@apply .border-primary-900;
opacity: 1;
}
@ -35,7 +35,7 @@
}
& .search-results {
@apply .absolute .bg-neutral-50 .border .border-blue-darkest .border-t-0 .rounded .rounded-t-none .p-2 .ml-8 .z-50 .w-96;
@apply .absolute .bg-neutral-50 .border .border-primary-900 .border-t-0 .rounded .rounded-t-none .p-2 .ml-8 .z-50 .w-96;
& a {
@apply .block .no-underline .p-2 .rounded;
@ -54,7 +54,7 @@
@apply .block .flex .self-stretch .items-center .no-underline .text-neutral-100 .font-light .text-sm .px-5;
&:hover {
@apply .bg-blue-dark;
@apply .bg-primary-600;
}
}
}
@ -76,7 +76,7 @@
}
&.router-link-exact-active {
@apply .border-blue .cursor-default;
@apply .border-primary-500 .cursor-default;
}
}
}

View file

@ -16,15 +16,15 @@
@apply .bg-red-600 .border-red-800 .text-red-50;
& > .title {
@apply .bg-red;
@apply .bg-red-500;
}
}
&.info {
@apply .bg-blue-dark .border-blue-darker .text-blue-lightest;
@apply .bg-primary-600 .border-primary-800 .text-primary-50;
& > .title {
@apply .bg-blue;
@apply .bg-primary-500;
}
}

View file

@ -35,7 +35,7 @@
* Spinner Colors
*/
&.blue:after, &.text-blue:after {
@apply .border-blue;
@apply .border-primary-500;
}
&.white:after, &.text-white:after {