1.0.0-alpha-8

Author: ungoldman

changelog.md

@@ -5,7 +5,9 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
-## Unreleased
+## [1.0.0-alpha-8](https://github.com/ungoldman/style.css/releases/v1.0.0-alpha-8) - 2016-10-08
+
+[view diff](https://github.com/ungoldman/style.css/compare/v1.0.0-alpha-7...v1.0.0-alpha-8)
 
 ### Changes
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "style.css",
   "description": "Classless stylesheet for markdown documents.",
-  "version": "1.0.0-alpha-7",
+  "version": "1.0.0-alpha-8",
   "author": "Nate Goldman <[email protected]>",
   "bugs": {
     "url": "https://github.com/ungoldman/style.css/issues"

serif.css

@@ -1,9 +1,11 @@
+/*! style.css v1.0.0-alpha-8 | ISC License | https://github.com/ungoldman/style.css */
 html {
-  font-family: charter, constantia, "lucida bright", lucidabright, "lucida serif", lucida, "dejavu serif", "bitstream vera serif", "liberation serif", georgia, serif;
-  font-size: calc(16px + 0.25vw);
-  line-height: 1.55em;
   color: #303030;
   background-color: white;
+  box-sizing: border-box;
+  font-family: charter, constantia, "lucida bright", lucidabright, "lucida serif", lucida, "dejavu serif", "bitstream vera serif", "liberation serif", georgia, serif;
+  font-size: calc(16px + 0.25vw);
+  line-height: 1.55;
   font-kerning: normal;
   text-rendering: optimizeLegibility;
   font-feature-settings: "kern", "liga" 1, "calt" 0;
@@ -27,6 +29,12 @@ main {
   display: block;
 }
 
+*,
+*::before,
+*::after {
+  box-sizing: inherit;
+}
+
 main {
   max-width: 42em;
   margin: 2em auto;
@@ -71,6 +79,18 @@ h6 {
   position: relative;
 }
 
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small {
+  font-weight: 400;
+  font-size: 0.7em;
+  margin-left: 0.5em;
+  color: #777;
+}
+
 h1 {
   font-size: 2.02729em;
 }
@@ -205,7 +225,7 @@ pre {
   overflow: auto;
   word-wrap: normal;
   padding: 1em;
-  line-height: 1.45em;
+  line-height: 1.45;
 }
 
 pre code {
@@ -311,7 +331,6 @@ img {
   border-style: none;
   border: 0;
   max-width: 100%;
-  box-sizing: border-box;
 }
 
 svg:not(:root) {
@@ -430,7 +449,6 @@ fieldset {
 }
 
 legend {
-  box-sizing: border-box;
   color: inherit;
   display: table;
   max-width: 100%;
@@ -449,7 +467,6 @@ textarea {
 
 [type="checkbox"],
 [type="radio"] {
-  box-sizing: border-box;
   padding: 0;
 }
 

src/scss/_document.scss

@@ -38,7 +38,7 @@ main { // 2
 // apply a natural box layout model to all elements, but allowing components to change
 // https://www.paulirish.com/2012/box-sizing-border-box-ftw/
 *,
-*:before,
-*:after {
+*::before,
+*::after {
   box-sizing: inherit;
 }

src/scss/typography/_headings.scss

@@ -13,8 +13,8 @@ h6 {
   // rep the smallies
   small {
     font-weight: 400;
-    font-size: .7em;
-    margin-left: .5em;
+    font-size: 0.7em;
+    margin-left: 0.5em;
     color: #777;
   }
 }

style.css

@@ -1,10 +1,11 @@
-/*! style.css v1.0.0-alpha-7 | ISC License | https://github.com/ungoldman/style.css */
+/*! style.css v1.0.0-alpha-8 | ISC License | https://github.com/ungoldman/style.css */
 html {
-  font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "segoe ui", "fira sans", roboto, noto, "droid sans", "liberation sans", "lucida grande", "helvetica neue", helvetica, "franklin gothic medium", "century gothic", cantarell, oxygen, ubuntu, sans-serif;
-  font-size: calc(16px + 0.25vw);
-  line-height: 1.55em;
   color: #303030;
   background-color: white;
+  box-sizing: border-box;
+  font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "segoe ui", "fira sans", roboto, noto, "droid sans", "liberation sans", "lucida grande", "helvetica neue", helvetica, "franklin gothic medium", "century gothic", cantarell, oxygen, ubuntu, sans-serif;
+  font-size: calc(16px + 0.25vw);
+  line-height: 1.55;
   -webkit-font-kerning: normal;
           font-kerning: normal;
   text-rendering: optimizeLegibility;
@@ -30,6 +31,12 @@ main {
   display: block;
 }
 
+*,
+*::before,
+*::after {
+  box-sizing: inherit;
+}
+
 main {
   max-width: 42em;
   margin: 2em auto;
@@ -74,6 +81,18 @@ h6 {
   position: relative;
 }
 
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small {
+  font-weight: 400;
+  font-size: 0.7em;
+  margin-left: 0.5em;
+  color: #777;
+}
+
 h1 {
   font-size: 2.02729em;
 }
@@ -208,7 +227,7 @@ pre {
   overflow: auto;
   word-wrap: normal;
   padding: 1em;
-  line-height: 1.45em;
+  line-height: 1.45;
 }
 
 pre code {
@@ -315,7 +334,6 @@ img {
   border-style: none;
   border: 0;
   max-width: 100%;
-  box-sizing: border-box;
 }
 
 svg:not(:root) {
@@ -434,7 +452,6 @@ fieldset {
 }
 
 legend {
-  box-sizing: border-box;
   color: inherit;
   display: table;
   max-width: 100%;
@@ -453,7 +470,6 @@ textarea {
 
 [type="checkbox"],
 [type="radio"] {
-  box-sizing: border-box;
   padding: 0;
 }