@tailwind base; @tailwind components; @tailwind utilities; @font-face { font-family: 'albertus'; src: url('~/assets/font/albertus.ttf' ); } .header { @apply col-span-12 p-2 font-extrabold text-2xl flex align-middle justify-center bg-gradient-to-r from-primary-100 to-surface-100; font-family: 'albertus';; } .sidebar { @apply col-span-12 md:col-span-2 pl-4 } .content { @apply col-span-12 md:col-span-10 pr-4; min-height: calc(100vh - 7.75rem); } .footer { @apply col-span-12 p-2 text-lg flex align-middle justify-between bg-gradient-to-r from-primary-100 to-surface-100; font-family: 'albertus'; /* background: radial-gradient(circle at 18.7% 37.8%, rgb(250, 250, 250) 0%, rgb(225, 234, 238) 90%); */ } .router-link-active { @apply bg-surface-100 dark:bg-[rgba(255,255,255,0.03)] } [data-pc-section="list"] { @apply bg-slate-50 }