1
0
Fork 0
hugo-paper/assets/app.css

89 lines
1.5 KiB
CSS
Raw Normal View History

2021-08-20 13:21:20 +02:00
/*
* Paper
* A simple, clean, flexible Hugo theme
* https://github.com/nanxiaobei/hugo-paper
2023-02-25 21:20:01 +01:00
* Designed by 南小北 https://lee.so/
2021-08-20 13:21:20 +02:00
*/
2022-07-18 17:36:39 +02:00
@tailwind base;
@tailwind components;
@tailwind utilities;
2021-08-23 22:08:41 +02:00
2022-07-19 20:21:00 +02:00
@layer base {
html,
body {
@apply h-full;
}
2022-08-15 20:20:41 +02:00
html {
--bg: transparent;
}
2022-07-19 20:21:00 +02:00
body {
-webkit-tap-highlight-color: transparent;
2022-08-15 20:20:41 +02:00
background: var(--bg);
2022-07-19 20:21:00 +02:00
2023-02-25 21:20:01 +01:00
@apply dark:bg-black/90;
2022-07-19 20:21:00 +02:00
}
2021-08-23 22:08:41 +02:00
}
2022-07-19 20:21:00 +02:00
@layer components {
.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;
}
2022-07-19 17:25:41 +02:00
2022-07-19 20:21:00 +02:00
.link {
@apply duration-200 hover:text-black dark:hover:text-white;
}
2021-08-20 13:21:20 +02:00
}
2022-07-19 20:21:00 +02:00
@layer utilities {
.not-ready * {
@apply !transition-none;
}
2021-08-20 19:30:41 +02:00
2023-02-20 08:09:53 +01:00
.highlight tr {
border-bottom-width: 0;
}
2022-07-19 20:21:00 +02:00
.btn-menu::before,
.btn-menu::after {
@apply block h-[2px] w-5 bg-black duration-200 content-[''] dark:invert;
}
2021-08-20 13:21:20 +02:00
2022-07-19 20:21:00 +02:00
.nav-wrapper {
2022-08-15 20:20:41 +02:00
background: var(--bg);
2022-07-19 20:21:00 +02:00
}
2021-08-20 13:21:20 +02:00
2022-07-19 20:21:00 +02:00
.open {
@apply overflow-hidden;
}
2021-08-20 13:21:20 +02:00
2022-07-19 20:21:00 +02:00
.open .btn-menu::before {
@apply w-6 translate-y-[5.5px] rotate-45;
}
2021-08-20 13:21:20 +02:00
2022-07-19 20:21:00 +02:00
.open .btn-menu::after {
@apply w-6 -translate-y-[5.5px] -rotate-45;
}
2021-08-20 13:21:20 +02:00
2022-07-19 20:21:00 +02:00
.open .nav-wrapper {
@apply top-0;
}
2021-08-20 13:21:20 +02:00
2022-07-24 17:57:13 +02:00
article {
@apply text-lg leading-[1.9] text-black dark:text-white;
}
2022-07-19 20:21:00 +02:00
article pre {
@apply -mx-8 !p-8 shadow-lg;
}
2021-08-20 13:21:20 +02:00
2022-07-19 20:21:00 +02:00
article blockquote {
padding-left: calc(theme('space.8') - 3px) !important;
margin-left: calc(theme('space.8') * -1) !important;
2021-08-20 13:21:20 +02:00
2022-11-16 14:54:30 +01:00
@apply !border-black dark:!border-white;
2022-07-19 20:21:00 +02:00
}
2021-08-20 13:21:20 +02:00
}