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

Nyoom, bye bye Vue

Browse source
This commit is contained in:
Dane Everitt 2019-06-28 22:52:57 -07:00
parent 109bed4f7d
commit e69d55ec6f
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
80 changed files with 2 additions and 5097 deletions
Download patch file Download diff file Expand all files Collapse all files

64
resources/styles/components/navigation.css Normal file
View file

@ -0,0 +1,64 @@
#navigation {
@apply .w-full .bg-neutral-900 .shadow-md;
& > div {
@apply .mx-auto .w-full .flex .items-center;
}
& #logo {
@apply .flex-1;
& > a {
@apply .text-2xl .font-header .px-4 .no-underline .text-neutral-200;
transition: color 150ms linear;
&:hover {
@apply .text-neutral-100;
}
}
}
& .right-navigation {
@apply .flex .h-full .items-center .justify-center;
& > a {
@apply .flex .items-center .h-full .no-underline .text-neutral-300 .px-6;
transition: background-color 150ms linear, color 150ms linear, box-shadow 150ms ease-in;
&.active, &:hover {
@apply .text-neutral-100 .bg-black;
box-shadow: inset 0 -2px config('colors.cyan-700');
}
&.active {
box-shadow: inset 0 -2px config('colors.cyan-500');
}
}
}
}
#sub-navigation {
@apply .w-full .bg-neutral-700 .shadow;
.items {
@apply .flex .items-center .text-sm .mx-2;
& > a, & > div {
@apply .inline-block .py-3 .px-4 .text-neutral-300 .no-underline;
transition: color 150ms linear, box-shadow 150ms ease-in;
&:not(:first-of-type) {
@apply .ml-2;
}
&.active, &:hover {
@apply .text-neutral-100;
box-shadow: inset 0 -2px config('colors.cyan-700');
}
&.active {
box-shadow: inset 0 -2px config('colors.cyan-500');
}
}
}
}