Skip to content

Instantly share code, notes, and snippets.

@takashi

takashi/base.scss

Created March 2, 2019 02:59
Show Gist options
  • Save takashi/cd262aeda6c85c80855fcc7d268c5063 to your computer and use it in GitHub Desktop.
Save takashi/cd262aeda6c85c80855fcc7d268c5063 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. takashi created this gist Mar 2, 2019.
    55 changes: 55 additions & 0 deletions base.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,55 @@
    @import "sanitize";

    // import some base styles from https://github.com/morishitter/base/blob/master/lib/_base.scss

    /**
    * Removes the default spacing and border for appropriate elements.
    */
    blockquote,
    dl,
    dd,
    figure,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    pre {
    margin: 0;
    }

    button {
    background: transparent;
    border: 0;
    padding: 0;
    outline: none;
    }

    fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    }

    iframe {
    border: 0;
    }

    ol,
    ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }

    /**
    * Suppress the focus outline on elements that cannot be accessed via keyboard.
    * This prevents an unwanted focus outline from appearing around elements that
    * might still respond to pointer events.
    */

    [tabindex="-1"]:focus {
    outline: none !important;
    }