81 lines
1.4 KiB
CSS
81 lines
1.4 KiB
CSS
/*
|
|
* Paper
|
|
* A simple, clean, flexible Hugo theme
|
|
* https://github.com/nanxiaobei/hugo-paper
|
|
* Designed by 南小北 (https://lee.so/)
|
|
* Updated in 2022.7.20
|
|
*/
|
|
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
}
|
|
|
|
:root {
|
|
--light-bg: #fbfbfb;
|
|
--dark-bg: #000;
|
|
}
|
|
|
|
body {
|
|
-webkit-tap-highlight-color: transparent;
|
|
background: var(--light-bg);
|
|
}
|
|
|
|
.dark body {
|
|
background: var(--dark-bg);
|
|
}
|
|
|
|
.not-ready,
|
|
.not-ready * {
|
|
transition: none !important;
|
|
}
|
|
|
|
.btn {
|
|
@apply rounded-full bg-black py-4 px-6 text-sm text-white no-underline shadow-lg duration-100 active:scale-95 dark:bg-white dark:text-black;
|
|
}
|
|
|
|
.link {
|
|
@apply duration-200 hover:text-black dark:hover:text-white;
|
|
}
|
|
|
|
.btn-menu::before,
|
|
.btn-menu::after {
|
|
@apply block h-[2px] w-5 bg-black duration-200 content-[''] dark:invert;
|
|
}
|
|
|
|
.nav-wrapper {
|
|
background: var(--light-bg);
|
|
}
|
|
|
|
.open {
|
|
@apply overflow-hidden;
|
|
}
|
|
|
|
.open .btn-menu::before {
|
|
@apply w-6 translate-y-[5.5px] rotate-45;
|
|
}
|
|
|
|
.open .btn-menu::after {
|
|
@apply w-6 -translate-y-[5.5px] -rotate-45;
|
|
}
|
|
|
|
.open .nav-wrapper {
|
|
@apply top-0;
|
|
}
|
|
|
|
article pre {
|
|
@apply shadow-lg;
|
|
|
|
padding: theme('space.8') !important;
|
|
margin-inline: calc(theme('space.8') * -1);
|
|
}
|
|
|
|
article blockquote {
|
|
padding: 0 0 0 calc(theme('space.8') - 3px) !important;
|
|
margin: 0 0 0 calc(theme('space.8') * -1) !important;
|
|
border-color: theme('colors.zinc.800') !important;
|
|
}
|