blog-fs/components/layouts/global-layout.module.css
2021-05-01 23:10:28 +08:00

32 lines
571 B
CSS

.sidebar {
@apply bg-green-400 text-white;
@apply overflow-hidden flex flex-col;
@apply text-center;
height: 100vh;
padding-top: 10vh;
}
.avatar {
@apply md:w-36 md:h-36 rounded-full;
@apply w-16 h-16;
@apply mx-auto md:my-8 flex-none;
}
.name {
@apply md:text-3xl md:tracking-wide font-mono;
@apply md:my-8 my-4 flex-none select-all;
}
.nav {
@apply my-auto;
}
.navItem {
@apply leading-8 md:text-lg cursor-pointer my-1;
&:hover {
text-shadow: 0 0px 5px #abbf00;
}
}
.bio {
@apply text-sm text-opacity-70 text-white;
@apply my-4;
}