jens-ox/metrics-graphics

@tailwind base
@tailwind components
@tailwind utilities

body
  @apply m-0

#app
  @apply leading-normal font-sans text-black bg-gray-200 min-h-screen flex-col

h1
  @apply text-lg font-bold

nav > a
  @apply inline-block p-1 mx-2 rounded

.link-active
  @apply font-semibold

nav > a:last-child
  @apply mr-0

text
  @apply font-sans

pre
  @apply text-xs

.example-container
  @apply flex mb-8
  div
    @apply flex-1
    &:first-child
      @apply pr-2
    &:last-child
      @apply pl-2
    p
      @apply font-bold
    small
      @apply text-xs italic text-gray-700 mb-2

.sidebar
  @apply sticky pl-6 pr-8 flex-shrink border-r border-gray-400 h-full
  header
    @apply text-sm uppercase font-semibold

.content
  @apply flex-grow p-4