wordcamp-bristol-2019/wp-content/themes/twentynineteen-tailwindcss/src/css/style.css

/*
Theme Name: Twenty Nineteen - Tailwind CSS
Template: twentynineteen
*/

@tailwind base;

a {
  @apply text-gray-600 no-underline
}

a:hover,
a:focus {
  @apply text-blue-700
}

@tailwind components;

h2 {
  &:before {
    content: '';
    @apply w-12 block border-t-2 border-gray-600 mb-6
  }
}

.byline,
.posted-on,
.cat-links,
.comments-link,
.edit-link {
  @apply flex items-center mr-3 mb-2;

  svg {
    @apply mr-2 fill-current text-gray-600
  }
}

.screen-reader-text {
  @apply absolute opacity-0 pointer-events-none
}

.content {
  @apply font-serif text-lg leading-loose;
  @screen md {
    @apply text-xl
  }

  h2 {
    @apply text-2xl font-bold mt-8 -mb-5
  }

  a {
    @apply text-blue-700 underline;

    &:hover {
      @apply text-blue-800 no-underline
    }
  }

  * + * {
    @apply mt-6
  }

  ul {
    @apply list-disc ml-6
  }

  li + li {
    @apply mt-0
  }
}

@tailwind utilities;