_reset.scss.html 3.32 KB
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>The source code</title>
  <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
  <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
  <style type="text/css">
    .highlight { display: block; background-color: #ddd; }
  </style>
  <script type="text/javascript">
    function highlight() {
      document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
    }
  </script>
</head>
<body onload="prettyPrint(); highlight();">
  <pre class="prettyprint lang-js">@if $scope-reset-css {
    .#{$prefix}border-box .#{$prefix}reset, 
    .#{$prefix}border-box .#{$prefix}reset * {
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -ms-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }

    .#{$prefix}reset {
        html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3,
        h4, h5, h6, pre, code, form, fieldset, legend,
        input, textarea, p, blockquote, th, td {
            margin:0;
            padding:0;
        }

        table {
            border-collapse:collapse;
            border-spacing:0;
        }

        fieldset, img {
            border:0;
        }

        address, caption, cite, code,
        dfn, em, strong, th, var {
            font-style:normal;
            font-weight:normal;
        }

        li {
            list-style:none;
        }

        caption, th {
            text-align:left;
        }

        h1, h2, h3, h4, h5, h6 {
            font-size: 100%;
        }

        q:before,
        q:after {
            content:&quot;&quot;;
        }

        abbr, acronym {
            border:0;
            font-variant:normal;
        }

        sup {
            vertical-align:text-top;
        }

        sub {
            vertical-align:text-bottom;
        }

        input, textarea, select {
            font-family:inherit;
            font-size:inherit;
            font-weight:inherit;
        }

        *:focus {
            outline:none;
        }
    }
}
@else {
    html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3,
    h4, h5, h6, pre, code, form, fieldset, legend,
    input, textarea, p, blockquote, th, td {
        margin:0;
        padding:0;
    }

    table {
        border-collapse:collapse;
        border-spacing:0;
    }

    fieldset, img {
        border:0;
    }

    address, caption, cite, code,
    dfn, em, strong, th, var {
        font-style:normal;
        font-weight:normal;
    }

    li {
        list-style:none;
    }

    caption, th {
        text-align:left;
    }

    h1, h2, h3, h4, h5, h6 {
        font-size: 100%;
    }

    q:before,
    q:after {
        content:&quot;&quot;;
    }

    abbr, acronym {
        border:0;
        font-variant:normal;
    }

    sup {
        vertical-align:text-top;
    }

    sub {
        vertical-align:text-bottom;
    }

    input, textarea, select {
        font-family:inherit;
        font-size:inherit;
        font-weight:inherit;
    }

    *:focus {
        outline:none;
    }

    .#{$prefix}border-box, 
    .#{$prefix}border-box * {
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -ms-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
}


</pre>
</body>
</html>