2021-05-02 13:05:12 +08:00
|
|
|
.wrapper {
|
2021-05-02 20:04:54 +08:00
|
|
|
@apply bg-green-400 text-white min-h-screen;
|
2021-05-02 13:05:12 +08:00
|
|
|
:global(.dark) & {
|
|
|
|
@apply bg-gray-800 text-gray-400;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.sidebar {
|
|
|
|
@apply overflow-hidden flex flex-col fixed top-0;
|
2021-05-02 20:04:54 +08:00
|
|
|
@apply text-center shadow-2xl h-screen;
|
2021-05-01 23:10:28 +08:00
|
|
|
padding-top: 10vh;
|
|
|
|
}
|
|
|
|
|
|
|
|
.avatar {
|
|
|
|
@apply w-16 h-16;
|
2021-05-02 13:05:12 +08:00
|
|
|
@apply md:w-36 md:h-36 rounded-full;
|
2021-05-01 23:10:28 +08:00
|
|
|
@apply mx-auto md:my-8 flex-none;
|
2021-05-02 13:05:12 +08:00
|
|
|
|
|
|
|
:global(.dark) & {
|
|
|
|
@apply filter brightness-75;
|
|
|
|
}
|
2021-05-01 23:10:28 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.name {
|
|
|
|
@apply md:text-3xl md:tracking-wide font-mono;
|
|
|
|
@apply md:my-8 my-4 flex-none select-all;
|
|
|
|
}
|
|
|
|
.nav {
|
2021-05-02 13:05:12 +08:00
|
|
|
@apply my-auto text-left self-center;
|
2021-05-01 23:10:28 +08:00
|
|
|
}
|
|
|
|
.navItem {
|
2021-05-02 13:05:12 +08:00
|
|
|
@apply leading-8 md:text-lg cursor-pointer my-2;
|
|
|
|
@apply tracking-widest;
|
|
|
|
small {
|
|
|
|
@apply text-xs md:inline hidden;
|
|
|
|
}
|
2021-05-01 23:10:28 +08:00
|
|
|
&:hover {
|
|
|
|
text-shadow: 0 0px 5px #abbf00;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.bio {
|
|
|
|
@apply text-sm text-opacity-70 text-white;
|
|
|
|
@apply my-4;
|
2021-05-02 13:05:12 +08:00
|
|
|
|
|
|
|
:global(.dark) & {
|
|
|
|
@apply text-gray-500;
|
|
|
|
}
|
2021-05-01 23:10:28 +08:00
|
|
|
}
|