@import (less) "~normalize.css/normalize.css";
@import (less) "~suitcss-base/lib/base.css";
@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;
}

@import "components/listing";
@import "components/post";
@import "components/talk/slides";
@import "components/talk/video";
@import "components/talks-table";
@import "components/testimonial";

@tailwind utilities;