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

82 lines
1.4 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
* Designed by 南小北 (https://lee.so/)
2022-07-18 17:36:39 +02:00
* Updated in 2022.7.20
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
html,
body {
2021-08-20 19:49:02 +02:00
height: 100%;
2021-08-23 22:08:41 +02:00
}
2022-07-19 17:25:41 +02:00
:root {
--light-bg: #fbfbfb;
--dark-bg: #000;
}
2022-07-18 21:49:42 +02:00
body {
2021-08-20 13:21:20 +02:00
-webkit-tap-highlight-color: transparent;
2022-07-19 17:25:41 +02:00
background: var(--light-bg);
2021-08-20 13:21:20 +02:00
}
2022-07-18 21:49:42 +02:00
.dark body {
2022-07-19 17:25:41 +02:00
background: var(--dark-bg);
2021-08-20 19:30:41 +02:00
}
2021-08-20 13:21:20 +02:00
.not-ready,
2021-08-20 22:05:13 +02:00
.not-ready * {
2021-08-20 13:21:20 +02:00
transition: none !important;
}
2022-07-18 17:36:39 +02:00
.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;
2021-08-20 13:21:20 +02:00
}
2022-07-18 17:36:39 +02:00
.link {
@apply duration-200 hover:text-black dark:hover:text-white;
2021-08-20 13:21:20 +02:00
}
2022-07-18 17:36:39 +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-18 17:36:39 +02:00
.nav-wrapper {
2022-07-19 17:25:41 +02:00
background: var(--light-bg);
2021-08-20 13:21:20 +02:00
}
2022-07-18 17:36:39 +02:00
.open {
@apply overflow-hidden;
2021-08-20 13:21:20 +02:00
}
2022-07-18 17:36:39 +02:00
.open .btn-menu::before {
@apply w-6 translate-y-[5.5px] rotate-45;
2021-08-20 22:05:13 +02:00
}
2022-07-18 17:36:39 +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-18 17:36:39 +02:00
.open .nav-wrapper {
@apply top-0;
2021-08-20 13:21:20 +02:00
}
2022-07-18 17:36:39 +02:00
article pre {
@apply shadow-lg;
2021-08-20 13:21:20 +02:00
2022-07-18 17:36:39 +02:00
padding: theme('space.8') !important;
margin-inline: calc(theme('space.8') * -1);
2021-08-20 13:21:20 +02:00
}
2022-07-18 17:36:39 +02:00
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;
2021-08-20 13:21:20 +02:00
}