Updating to normalize.css 8.0.1 minus IE fixes. Other sass file cleanup as well.

This commit is contained in:
Fredrik Jonsson 2019-03-31 20:50:25 +02:00
commit 9d02a3fb30
12 changed files with 73 additions and 223 deletions

View file

@ -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.

View file

@ -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;
}

View file

@ -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.
}

View file

@ -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;
}

View file

@ -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

View file

@ -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;
}

View file

@ -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;

View file

@ -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;
}
}

View file

@ -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.
}

View file

@ -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`

View file

@ -1,8 +1,6 @@
// Tables
//
// The `<table>` element displays tabular data in rows, columns, and cells.
//
// Weight: 1
table {
// Add vertical rhythm margins.

View file

@ -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