Updating to normalize.css 8.0.1 minus IE fixes. Other sass file cleanup as well.
This commit is contained in:
parent
a5c50ab78a
commit
9d02a3fb30
12 changed files with 73 additions and 223 deletions
|
|
@ -1,29 +1,15 @@
|
|||
// Normalize.css is intended to be used as an alternative to CSS resets.
|
||||
//
|
||||
// @see http://nicolasgallagher.com/about-normalize-css/
|
||||
//
|
||||
// Also: @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
|
||||
// @see http://snook.ca/archives/html_and_css/no_css_reset/
|
||||
// @see https://necolas.github.io/normalize.css/
|
||||
//
|
||||
// This directory is a slight fork of this original source:
|
||||
// normalize-scss 7.0.0 | MIT/GPLv2 License | bit.ly/normalize-scss
|
||||
// normalize.css 8.0.1 | MIT License
|
||||
|
||||
|
||||
// Universal
|
||||
// ==========================================================================
|
||||
|
||||
// Use the saner border-box model for all elements.
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
// Normalize-scss is broken into modular pieces to make it easier to edit.
|
||||
// Broken into modular pieces to make it easier to edit.
|
||||
@import 'document/document';
|
||||
@import 'sections/sections';
|
||||
@import 'grouping/grouping';
|
||||
|
|
@ -34,7 +20,6 @@ html {
|
|||
@import 'tables/tables';
|
||||
@import 'interactive/interactive';
|
||||
@import 'scripting/scripting';
|
||||
@import 'hidden/hidden';
|
||||
|
||||
// Note: we allow the .button component (loaded by forms) to override :link, by
|
||||
// loading links first.
|
||||
|
|
|
|||
|
|
@ -16,8 +16,18 @@ html {
|
|||
// On short pages, we want any background gradients to fill the entire height
|
||||
// of the browser.
|
||||
min-height: 100%;
|
||||
// Use the saner border-box model.
|
||||
box-sizing: border-box;
|
||||
|
||||
@include respond-to(xxl) {
|
||||
@include define-type-sizing($base-font-size-2, $base-line-height-2);
|
||||
}
|
||||
}
|
||||
|
||||
// Use the saner border-box model for all elements.
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,18 +1,9 @@
|
|||
// Embedded content
|
||||
//
|
||||
// Weight: 2
|
||||
|
||||
// Audio
|
||||
|
||||
audio {
|
||||
// Add the correct display in IE 9-.
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
// Add the correct display in iOS 4-7.
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
// Add your styles.
|
||||
}
|
||||
|
||||
// Image
|
||||
|
|
@ -20,8 +11,7 @@ audio:not([controls]) {
|
|||
// An `<img>` element represents an image.
|
||||
|
||||
img {
|
||||
// Remove the border on images inside links in IE 10-.
|
||||
border-style: none;
|
||||
// Add your styles.
|
||||
}
|
||||
|
||||
img,
|
||||
|
|
@ -34,18 +24,8 @@ svg {
|
|||
height: auto;
|
||||
}
|
||||
|
||||
// Scalable vector
|
||||
//
|
||||
// A `<svg>` element represents an image encoded as a Scalable Vector Graphic.
|
||||
|
||||
svg:not(:root) {
|
||||
// Hide the overflow in IE.
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
// Video
|
||||
|
||||
video {
|
||||
// Add the correct display in IE 9-.
|
||||
display: inline-block;
|
||||
// Add your styles.
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,8 +6,6 @@
|
|||
//
|
||||
// Component classes can override these styles, but if no class applies a style
|
||||
// to an HTML form element, these styles will be the ones displayed.
|
||||
//
|
||||
// Weight: -1
|
||||
|
||||
//
|
||||
// The following rules are from normalize.css and help to fix inconsistencies
|
||||
|
|
@ -216,8 +214,6 @@ select {
|
|||
// The `<progress>` element represents the completion progress of a task.
|
||||
|
||||
progress {
|
||||
// Add the correct display in IE 9-.
|
||||
display: inline-block;
|
||||
// Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,8 +2,6 @@
|
|||
@import 'components/divider/divider';
|
||||
|
||||
// Grouping content
|
||||
//
|
||||
// Weight: 1
|
||||
|
||||
|
||||
// Block quotes
|
||||
|
|
@ -24,8 +22,6 @@ blockquote {
|
|||
|
||||
// Lists
|
||||
//
|
||||
// Weight: -1
|
||||
//
|
||||
// Style guide: base.grouping.lists
|
||||
|
||||
// Unordered list
|
||||
|
|
@ -41,8 +37,6 @@ blockquote {
|
|||
// Description list
|
||||
//
|
||||
// The `<dl>` element is a list of terms with their associated descriptions.
|
||||
//
|
||||
// Weight: 1
|
||||
|
||||
dl,
|
||||
ol,
|
||||
|
|
@ -86,15 +80,11 @@ ul {
|
|||
// caption of the figure.
|
||||
|
||||
figure {
|
||||
// Add the correct margin in IE 8.
|
||||
@include margin(1 0);
|
||||
// Add the correct display in IE 9-.
|
||||
display: block;
|
||||
// Add your styles.
|
||||
}
|
||||
|
||||
figcaption {
|
||||
// Add the correct display in IE 9-.
|
||||
display: block;
|
||||
// Add your styles.
|
||||
}
|
||||
|
||||
// Horizontal rule
|
||||
|
|
@ -117,8 +107,7 @@ hr {
|
|||
// The `<main>` element represents the main content of the page.
|
||||
|
||||
main {
|
||||
// Add the correct display in IE.
|
||||
display: block;
|
||||
// Add your styles.
|
||||
}
|
||||
|
||||
// Body copy
|
||||
|
|
@ -126,13 +115,10 @@ main {
|
|||
// The default `font-size` and `line-height` properties are applied to the
|
||||
// `<body>` element and all paragraphs. In addition, `<p>` (paragraphs) receive
|
||||
// a top and bottom margin.
|
||||
//
|
||||
// Weight: -2
|
||||
|
||||
p,
|
||||
pre {
|
||||
// Set 1 unit of vertical rhythm on the top and bottom margin.
|
||||
@include margin(1 0);
|
||||
@include margin(.75 0);
|
||||
}
|
||||
|
||||
// Preformatted text
|
||||
|
|
|
|||
|
|
@ -1,8 +0,0 @@
|
|||
// Hidden
|
||||
//
|
||||
// Some older browsers do not hide elements that have a `hidden` attribute.
|
||||
|
||||
[hidden] {
|
||||
// Add the correct display in IE 10-.
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -17,8 +17,6 @@ summary {
|
|||
menu {
|
||||
// Set 1 unit of vertical rhythm on the top and bottom margin.
|
||||
@include margin(1 0);
|
||||
// Add the correct display in IE 9-.
|
||||
display: block;
|
||||
// Set consistent space for the list style image.
|
||||
padding: 0 0 0 $indent-amount;
|
||||
|
||||
|
|
|
|||
|
|
@ -33,9 +33,4 @@ a:focus {
|
|||
|
||||
a:active {
|
||||
color: $link-active;
|
||||
|
||||
&:not(.button) {
|
||||
// Remove the gray background on active links in IE 10.
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,16 +3,11 @@
|
|||
// Canvas
|
||||
|
||||
canvas {
|
||||
// Add the correct display in IE 9-.
|
||||
display: inline-block;
|
||||
// Add your styles.
|
||||
}
|
||||
|
||||
// Template
|
||||
//
|
||||
// Some older browsers do not hide elements the web components' `template`
|
||||
// element.
|
||||
|
||||
template {
|
||||
// Add the correct display in IE.
|
||||
display: none;
|
||||
// Add your styles.
|
||||
}
|
||||
|
|
|
|||
|
|
@ -11,16 +11,6 @@ body {
|
|||
padding: 0;
|
||||
}
|
||||
|
||||
// Add the correct display in IE 9-.
|
||||
article,
|
||||
aside,
|
||||
footer,
|
||||
header,
|
||||
nav,
|
||||
section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
// Headings
|
||||
//
|
||||
// All HTML headings, `<h1>` through `<h6>`, are available. `%h1` through `%h6`
|
||||
|
|
|
|||
|
|
@ -1,8 +1,6 @@
|
|||
// Tables
|
||||
//
|
||||
// The `<table>` element displays tabular data in rows, columns, and cells.
|
||||
//
|
||||
// Weight: 1
|
||||
|
||||
table {
|
||||
// Add vertical rhythm margins.
|
||||
|
|
|
|||
|
|
@ -1,8 +1,6 @@
|
|||
// Text-level semantics
|
||||
//
|
||||
// The elements in this section give semantics to inline text.
|
||||
//
|
||||
// Weight: 1
|
||||
|
||||
// Abbreviation / Acroynym
|
||||
//
|
||||
|
|
@ -25,8 +23,6 @@ abbr[title] {
|
|||
//
|
||||
// Feel free to use `<b>` in HTML5. `<b>` is meant to highlight words or phrases
|
||||
// without conveying additional importance.
|
||||
//
|
||||
// Weight: -1
|
||||
|
||||
// Prevent the duplicate application of `bolder` by the next rule in Safari 6.
|
||||
|
||||
|
|
@ -76,8 +72,7 @@ del {
|
|||
// The `<dfn>` element represents the defining instance of a term.
|
||||
|
||||
dfn {
|
||||
// Add the correct font style in Android 4.3-.
|
||||
font-style: italic;
|
||||
// Add your styles.
|
||||
}
|
||||
|
||||
// Italics
|
||||
|
|
@ -87,8 +82,6 @@ dfn {
|
|||
//
|
||||
// Feel free to use `<i>` element in HTML5. `<i>` is meant to convey voice,
|
||||
// technical terms, etc.
|
||||
//
|
||||
// Weight: -1
|
||||
|
||||
i,
|
||||
em {
|
||||
|
|
@ -109,9 +102,7 @@ ins {
|
|||
// context.
|
||||
|
||||
mark {
|
||||
// Add the correct background and color in IE 9-.
|
||||
background-color: $mark-bg;
|
||||
color: $text;
|
||||
// Add your styles.
|
||||
}
|
||||
|
||||
// Quote
|
||||
|
|
|
|||
Loading…
Reference in a new issue