_reset.scss

// ==========================================================================
// Reset
// ==========================================================================
//
// This works best when complimented by Normalize CSS
// http://necolas.github.io/normalize.css/
//
// Much of this is borrowed from HTML5 Boilerplate v5.0.0 (h5bp.com)
// and csswizardry.com/2011/10/reset-restarted.
///

//
// Scales namespace variable
///
$scales-namespace: null !default;

//
// Available Variables
///
$selection-bg-color: #79bd9a !default;
$selection-text-color: #fff !default;
$table-border-collapse: collapse !default;
$pre-overflow: auto !default;

//
// Inheriting box-sizing Probably Slightly Better Best-Practice
// http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
///
html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

//
// Remove padding and margins from elements.
///
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,
dl,dd,ol,ul,
form,fieldset,legend,
table,th,td,caption,
hr {
    margin: 0;
    padding: 0;
}

//
// Give a help cursor to elements that give extra info on ":hover".
///
abbr[title],
dfn[title] {
    cursor: help;
}

//
// So that "alt" text is visually offset if images don't load.
///
img {
    font-style: italic;
}

//
// Give form elements some cursor interactions.
///
label,
button,
select,
option {
    cursor: pointer;
}

.text-input:active,
.text-input:focus,
textarea:active,
textarea:focus {
    cursor: text;
}

//
// Get rid of all the form input styles for text fields and form buttons.
// Hard to keep up with each input type, but they are listed here.
// Better to use .text-input class instead of keeping these up to date.
///
.text-input,
textarea,
[type=text],
[type=url],
[type=week],
[type=time],
[type=tel],
[type=search],
[type=password],
[type=number],
[type=month],
[type=email],
[type=datetime],
[type=date] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 100%;
    line-height: inherit;
    padding: 0;
    margin: 0;
    background: none;
    border: 0;
}

select {
    background: none;
    font-size: 100%
}

// Fancy color for when you select stuff! Change the color for your app.
::-moz-selection {
    background: $selection-bg-color;
    color: $selection-text-color;
    text-shadow: none;
}

::selection {
    background: $selection-bg-color;
    color: $selection-text-color;
    text-shadow: none;
}

// A better looking default hr.
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    padding: 0;
    margin: 1em 0;
}

// Remove the gap between audio, canvas, iframes,
// images, videos and the bottom of their containers:
// https://github.com/h5bp/html5-boilerplate/issues/440
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

// Remove default fieldset styles.
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

// Allow only vertical resizing of textareas.
textarea {
    resize: vertical;
}

//
// Change some things from Normalize
///

// Add border collapse to tables.
table {
    border-collapse: $table-border-collapse;
}

// Contain overflow in all browsers
pre {
    overflow: $pre-overflow;
}

// Less opinionated form font
button,
input,
optgroup,
select,
textarea {
    font: inherit;
}