.page { @apply flex; } .sidebar { @apply w-full md:w-64 sm:w-32 flex-none; } .primary { @apply flex-auto w-screen min-w-0; @apply bg-gray-100 text-gray-700; :global(.dark) & { @apply bg-gray-700 text-gray-300; } .wrapper { @apply mx-auto max-w-screen-lg; } } .pageHeader { @apply p-3 bg-gray-50 flex justify-between; :global(.dark) & { @apply bg-gray-800; } } .headerBtn { @apply sm:hidden text-green-400; @apply w-4 h-4 p-0 focus:outline-none; &.opened { @apply text-white; } & > * { @apply absolute; } }