Blues
This commit is contained in:
parent
d6feaec202
commit
6e26f1929d
19 changed files with 30 additions and 30 deletions
|
@ -32,7 +32,7 @@
|
|||
|
||||
@keyframes offlineblink {
|
||||
0% {
|
||||
@apply .bg-red;
|
||||
@apply .bg-red-500;
|
||||
}
|
||||
100% {
|
||||
@apply .bg-red-600;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -72,7 +72,7 @@
|
|||
transition: color 50ms ease-in;
|
||||
|
||||
&:hover {
|
||||
@apply .text-blue-darker;
|
||||
@apply .text-primary-800;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -114,7 +114,7 @@ code {
|
|||
transition: border 150ms ease-in;
|
||||
|
||||
&:focus {
|
||||
@apply .border-blue-light;
|
||||
@apply .border-primary-400;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -35,7 +35,7 @@
|
|||
* Spinner Colors
|
||||
*/
|
||||
&.blue:after, &.text-blue:after {
|
||||
@apply .border-blue;
|
||||
@apply .border-primary-500;
|
||||
}
|
||||
|
||||
&.white:after, &.text-white:after {
|
||||
|
|
Reference in a new issue