@import (less) "~font-awesome/css/font-awesome.css";
@import (less) "~highlightjs/styles/github-gist.css";

@tailwind preflight;

p,
li,
td {
    a { @apply .text-blue; }
}

.button {
    @apply .bg-blue;
    @apply .inline-block;
    @apply .rounded;
    @apply .text-white;
    @apply .px-4;
    @apply .py-2;

    &:active,
    &:hover {
        @apply .bg-blue-dark;
    }
}

blockquote {
    @apply .border-l-4 .border-blue .pl-4;
}

img.with-border {
    @apply .border .border-grey-light;
}

h1, h2, h3 { @apply .mb-2; }

p,
ul,
table,
pre,
.note {
    @apply .mb-4;
}

a {
    @apply .text-grey-darkest;
    text-decoration: none;
}

main a:not(.button) {
    text-decoration: underline;
}

.bullets,
main ul {
    list-style: disc;
    @apply .pl-4;
}

svg {
    fill: currentColor;
}

.table-collapse { border-collapse: collapse }

.overflow-x-auto { overflow-x: auto; }
.overflow-y-hidden { overflow-y: hidden; }

@import 'components/listing';
@import 'components/post';
@import 'components/post/about-author';
@import 'components/table';
@import 'components/talk/slides';
@import 'components/talk/video';
@import 'components/testimonial';

@tailwind utilities;