Skip to content

Instantly share code, notes, and snippets.

@bluesealjs

bluesealjs/Tailwindcssunreset.scss

Forked from swyxio/Tailwindcssunreset.scss
Created December 29, 2021 22:55
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save bluesealjs/a644310a032b6db455be0b8367e5fdb9 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save bluesealjs/a644310a032b6db455be0b8367e5fdb9 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @swyxio swyxio revised this gist Apr 4, 2020. No changes.
  2. @swyxio swyxio revised this gist Apr 4, 2020. 1 changed file with 2 additions and 1 deletion.
    3 changes: 2 additions & 1 deletion Tailwindcssunreset.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -86,7 +86,8 @@

    ul,
    menu {
    @apply list-disc my-4 pl-10;
    // should be my-4 for proper reset, but thats ugly af
    @apply list-disc my-1 pl-10;
    }

    ol {
  3. @swyxio swyxio created this gist Apr 4, 2020.
    146 changes: 146 additions & 0 deletions Tailwindcssunreset.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,146 @@
    .unreset {
    a {
    @apply text-blue-700 underline;
    }
    p {
    @apply my-4;
    }

    blockquote,
    figure {
    @apply my-4 mx-10;
    }

    hr {
    @apply border;
    }

    h1 {
    @apply text-4xl font-bold my-2;
    }

    h2 {
    @apply text-2xl font-bold my-3;
    }

    h3 {
    @apply text-lg font-bold my-4;
    }

    h4 {
    @apply text-base font-bold my-5;
    }

    h5 {
    @apply text-sm font-bold my-6;
    }

    h6 {
    @apply text-xs font-bold my-10;
    }

    article,
    aside,
    nav,
    section {
    h1 {
    @apply text-2xl font-bold my-3;
    }

    article,
    aside,
    nav,
    section {
    h1 {
    @apply text-lg font-bold my-4;
    }

    article,
    aside,
    nav,
    section {
    h1 {
    @apply text-base font-bold my-5;
    }

    article,
    aside,
    nav,
    section {
    h1 {
    @apply text-sm font-bold my-6;
    }

    article,
    aside,
    nav,
    section {
    h1 {
    @apply text-xs font-bold my-10;
    }
    }
    }
    }
    }
    }

    ul,
    menu {
    @apply list-disc my-4 pl-10;
    }

    ol {
    @apply list-decimal my-4 pl-10;
    }

    ul,
    ol {
    ul {
    list-style-type: circle;
    }

    ul,
    ol {
    ul {
    list-style-type: square;
    }
    }
    }

    dd {
    @apply pl-10;
    }

    dl {
    @apply my-4;
    }

    ul,
    ol,
    menu,
    dl {
    ul,
    ol,
    menu,
    dl {
    margin: 0;
    }
    }

    legend {
    @apply py-0 px-1;
    }

    fieldset {
    @apply my-0 mx-1 pt-0 px-1 pb-2;
    }

    b,
    strong {
    font-weight: bold;
    }

    pre {
    @apply my-4;
    }
    }