Add navigation to vue, improve responsiveness of the design

This commit is contained in:
Dane Everitt 2018-06-02 23:15:10 -07:00
parent be5a9108f9
commit ee9a34716d
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
9 changed files with 104 additions and 67 deletions

View file

@ -4,11 +4,18 @@
& > .logo {
@apply .mx-8 .font-sans .font-thin .text-2xl .text-white .inline-block .pt-2;
& a {
color: inherit;
text-decoration: none;
}
@screen xsx {
@apply .hidden
}
}
& > .menu {
@apply .float-right .mx-8 .inline-block;
& > ul {
@apply .list-reset;
& > li {
@ -19,10 +26,21 @@
&:hover {
@apply .bg-blue-dark;
}
& .feather {
@apply .h-4;
}
}
}
}
@screen xsx {
@apply .w-full .text-center;
}
@screen sm {
@apply .float-right .mx-8 .inline-block;
}
}
}