hugo-paper/assets/app.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%;
}

html {
  -webkit-tap-highlight-color: transparent;
  background: #fffefc;
}

html.dark {
  background: #000;
}

.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: #fffefc;
}

.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;
}