_init.scss

/* init.css - A normalize.css, reset.css, and sanitize.css mashup with some extras
 * contains initial properties and values for more easily starting web projects
 *
 * Michael J. Williams => me@mjwilliams.me
 *
 * MIT license.
 */

$default-box-sizing: border-box !default;
$default-cursor: default !default;
$default-disabled-color: rgba(0,0,0,.6) !default;
$default-font-family: sans-serif !default;
$default-input-background: transparent !default;
$default-line-height: 1.5em !default;
$default-monospace-font-family: monospace !default;
$default-nav-list-style: none !default;
$default-selection-text-color: #FFFFFF !default;
$default-selection-background-color: #444444 !default;
$default-small-font-size: 75% !default;
$default-text-rendering: optimizeLegibility !default;
$default-textarea-resize: vertical !default;
$default-vertical-align: top !default;
//links
$default-link-underline: none !default;
$default-link-transition-time: .4s !default;
$default-link-unvisited-color: #FF00A0 !default;
$default-link-visited-color: #FFA0C0 !default;
$default-link-hover-color: #FFA0C0 !default;
$default-link-active-color: #FFA0C0 !default;


/*
 * Normalization
 */

:root {
	-ms-overflow-style: -ms-autohiding-scrollbar; // IE11+
	overflow-y: scroll; // All browsers without overlaying scrollbars
	text-size-adjust: 100%; // iOS 8+
}

audio:not([controls]) {
	display: none; // Chrome 40+, iOS 8+, Safari 8+
}

details {
	display: block; // Firefox 36+, Internet Explorer 11+, Windows Phone 8.1+
}

input {
	&[type="number"] {
		width: auto; // Firefox 36+
	}

	&[type="search"] {
		-webkit-appearance: textfield; // Safari 8+

		&::-webkit-search-cancel-button,
		&::-webkit-search-decoration {
			-webkit-appearance: none; // Safari 8+
		}
	}
}

main {
	display: block; // Android 4.3-, Internet Explorer 11+, Windows Phone 8.1+
}

summary {
	display: block; // Firefox 36+, Internet Explorer 11+, Windows Phone 8.1+
}

pre {
	overflow: auto; // Internet Explorer 11+
}

progress {
	display: inline-block; // Internet Explorer 11+, Windows Phone 8.1+
}

small {
	font-size: $default-small-font-size; // All browsers
}

template {
	display: none; // Android 4.3-, Internet Explorer 11+, iOS 7-, Safari 7-, Windows Phone 8.1+
}

textarea {
	overflow: auto; // Internet Explorer 11+
}

[hidden] {
	display: none; // Internet Explorer 10-
}

[unselectable] {
	user-select: none; // Android 4.4+, Chrome 40+, Firefox 36+, iOS 8+, Safari 8+
}



/*
 * Universal inheritance
 */

*,
*::before,
*::after {
	box-sizing: inherit;
	text-decoration: inherit;
	vertical-align: inherit;
}

* {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	line-height: inherit;
}



/*
 * Opinionated defaults
 */

// allow border assignment by width alone

*,
*::before,
*::after {
	border-style: solid;
	border-width: 0;
}

// remove margin, padding, border everywhere
// and I'll provide my own outlines, thank you very much

*,
*:before,
*:after {
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
}

// specify default styles in the document

:root {
	box-sizing: $default-box-sizing;
	cursor: $default-cursor;
	font-family: $default-font-family;
	line-height: $default-line-height;
	text-rendering: $default-text-rendering;
	vertical-align: $default-vertical-align;
}

// links

a {
	transition: all $default-link-transition-time;
	text-decoration: $default-link-underline;
}
a:link {
	color: $default-link-unvisited-color;
}
a:visited { 
  	color: $default-link-visited-color;
}
a:hover { 
	color: $default-link-hover-color;
}
a:active  {
	color: $default-link-active-color;
}

// specify or remove the background color on inputs

button,
input,
select,
textarea {
	background: $default-input-background;
}

// specify monospace font

code,
kbd,
pre,
samp {
	font-family: $default-monospace-font-family, monospace;
}

// match input height with line height

input {
	min-height: $default-line-height;
}

// specify nav list style

nav ol,
nav ul {
	list-style: $default-nav-list-style;
}

// style select like a standard input

select {
	-moz-appearance: none;    // Firefox 36+
	-webkit-appearance: none; // Chrome 41+

	&::-ms-expand {
		display: none;        // Internet Explorer 11+
	}

	&::-ms-value {
		color: currentColor;  // Internet Explorer 11+
	}
}

// remove table spacing

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

// specify textarea resizability

textarea {
	resize: $default-textarea-resize;
}

// specify text selection background color and omit drop shadow

::selection {
	color: $default-selection-text-color;
	background-color: $default-selection-background-color; // required when declaring ::selection
	text-shadow: none;
}

// hide content from screens but not screenreaders

@media screen {
	[hidden~="screen"] {
		display: inherit;
	}

	[hidden~="screen"]:not(:active):not(:focus):not(:target) {
		clip: rect(0 0 0 0) !important;
		position: absolute !important;
	}
}

// Correct overflow not hidden in IE 9/10/11

svg:not(:root) {
  overflow: hidden;
}

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
  border: none;
}

// Address `overflow` set to `hidden` in IE 8/9/10/11

button {
  overflow: visible;
}

// Remove default vertical scrollbar in IE 8/9/10/11

textarea {
  overflow: auto;
}

// Remove most spacing between table cells

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

// Remove list styles

ol, ul {
	list-style: none;
}