CSS: Compass

index.scss

@import "compass";

$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;

*
{
    /* apply a natural box layout model to all elements */
    @include box-sizing(border-box);

    margin: 0;
    padding: 0;
}

::-webkit-input-placeholder { color: #999999; } /* WebKit browsers */
:-moz-placeholder           { color: #999999; } /* Mozilla Firefox 4 to 18 */
::-moz-placeholder          { color: #999999; } /* Mozilla Firefox 19+ */
:-ms-input-placeholder      { color: #999999; } /* Internet Explorer 10+ */

body, html
{
    height: 100%;
    outline: none;
}

img
{
    vertical-align: bottom;
}

input, textarea, select, button
{
    outline: none;
    resize: none;
}

a, a:link, a:visited, a:active, a:hover
{
    text-decoration: none;
}

a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer
{
    cursor: pointer;
}

body
{
    background-color: #FFFFFF;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 12px;
    padding: 0;
    margin: 0;
}