classic-jekyll-theme 1.4.1 → 1.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 71d814e6bea11a969f25d2a5d5971cefb2e629b5
-  data.tar.gz: 9bb3db93f2de6e77a49a696359f1cc8a989646da
+  metadata.gz: 8ebbc93a2ba0047c2c6f902c37e8b56636dd3d0f
+  data.tar.gz: 5ff28fe17feb5a6d65456b9f67c539c6cfd31e3b
 SHA512:
-  metadata.gz: a964944c5c10279964988b84895f2cbee762309955790e39117f0b6124c89a3b6f64b036a77b65d117dc6a66ab3f6b6cecef3f3ab7f0bf50eae8fae711f832d2
-  data.tar.gz: b0682a5a08fa02a68b12e84f1f3c20812d609a28832047018a593214b74d840195895963f3beace001e356dd165726405532b4ae68d5afae31eff475c9a5173a
+  metadata.gz: 8194836377723c5c4d8a427dea21095ddde867cc3c622a53a1ba9631eeb6605a3da21264fd71b2bf56ee6c532e00971d34f1b1408accc13f0f1d29860ffa7ce8
+  data.tar.gz: 3dd20c8ffda028ffd3e64c38ed1fd7511016e89a5106836a15508b297996f5496d60da9be7695835f6fc1feed3198cf8ae15b836fe7dafcca016140b44a1f1d8

data/README.md

@@ -1,4 +1,4 @@
-# Classic-Jekyll-Theme v1.4.1
+# Classic-Jekyll-Theme v1.5.0
 
 Welcome to Classic-Jekyll-Theme. This theme centers around one of the most used website structures on the web. A banner, navigation menu, (up to) three columns and a footer. The design is fully responsive for three different screen widths: wide, medium and narrow. It is probably best shown in an example:
 
@@ -44,6 +44,8 @@ Other features:
 	- subscribe: Shows how a visitor can subscribe to your site (Edit to add).
 	- youtube-player: Shows a youtube player that scales with the column it is used in (video id parameter).
 
+- __Normalize.css__ As of release 1.5.0 [`normalize.css`](https://necolas.github.io/normalize.css/) is used directly instead of through the Jekyll adaptation. This allows for faster upgrade cycles.
+
 You can get it from [github](https://github.com/Swiftrien/classic-jekyll-theme) or [rubygems](https://rubygems.org/gems/classic-jekyll-theme).
 
 Subscribe to news about this theme (be informed of new releases) by sending a mail to: rien@balancingrock.nl with the subject "classic".
@@ -74,11 +76,12 @@ Goto to the directory:
 	
 Change in the Gemfile:
 
-	From `gem "minima", "~> 2.0"` to `gem "classic-jekyll-theme", "~>1.4.1"`
+	From `gem "minima", "~> 2.0"` to `gem "classic-jekyll-theme", "~>1.5.0"`
 
 Change in the _config.yml:
 
 	From `theme: minima` to `theme: classic-jekyll-theme`
+	Add `jekyll-data` to the gems.
 
 Delete the file `about.md`:
 
@@ -172,6 +175,7 @@ Some of the text elements in the theme can be translated with the following defi
 Typically you will need to copy some files from the gem iteself to the project (web site) directory. The most common files are:
 
 - `_sass/classic-jekyll-theme.scss` for configuration
+- `_sass/classic/_normalize-override.scss` if site wide updates must be made to `_normalize.scss`
 - `_data/setup.yml` for configuration
 - `_data/text-for.yml` for configuration
 - `_includes/secondary-column.html` for the secondary column contents
@@ -301,8 +305,14 @@ Release 1.4.1
 	- Floating images
 	- Floating text boxes
 	
-	To be used in the mardown files as class definitions. Example is given in `_support.scss`
+	To be used in the markdown files as class definitions. Example is given in `_support.scss`
+
+Release 1.5.0
 
+- Fixed a problem where the menu button (medium and narrow layouts) was not usable in some browsers
+- Fixed a problem with the menu generation where additional, but empty, submenu items could be created
+- Rebased the CSS system to `normalized.css` (as `_sass/classic/_normalize.scss`). Though Jekyll 3.3.1 has made this update as well (for base.scss) it is now no longer necessary to wait for Jekyll releases to adopt the latest `normalize.css`. This can now be done manually by simply renaming & replacing the latest `normalize.css` to `_sass/classic/_normalize.scss` in the gem. (Note a link to the source is also found in the `_normalize.scss` file itself)
+- Fixed the missing banner height setting.
 
 ## Upgrade information
 
@@ -408,9 +418,29 @@ The index for a menu item. If not present, the menu ordering is undetermined. If
 - Add to `classic-jekyll-theme.scss` the import of `classic/support` (at end of file)
 - Update the version number in the `Gemfile` & delete the `Gemfile.lock` file.
 
-## Known problems (need your help)
+### from 1.4.1 to 1.5.0
 
-There is some odd behaviour in the navigation bar that I have not been able to nail down yet. It has to do with the space between top level menu items. There is some additional space that I am not able to trace down. For those who like a puzzle: there is some space around a ".navbanner-menu ul li" that has no obvious source. Please let me know if you happen to find where it comes from. (rien@balancingrock.nl)
+- Since `normalized.css` is now used instead of `base.scss` it is quite possible that the layout of your sites changes a little. Be sure to check the site after generation. If necessary, make any adjustments to `_sass/_normalize-override.scss` and leave the `_normalize.scss` as it is. This way it is very easy to upgrade to new versions of `normalize.css`.
+- Update the `classic-jekyll-theme.scss` imports as follows:
+^
+
+~~~~~
+    // Import partials.
+    @import
+      "classic/normalize",
+      "classic/normalize-override",
+      "classic/syntax-highlighting",
+      "classic/layout",
+      "classic/formatting",
+      "classic/post",
+      "classic/page",
+      "classic/support",
+      "classic/widget-support"
+    ;
+~~~~~
+- The `$brand-color:` definition in `classic-jekyll-theme.scss` is no longer used and can be removed.
+- Other files that have changed: `_includes/navbanner.html`, `_sass/classic/_formatting.scss` and `_sass/classic/_syntax-highlighting.scss`. The file `_sass/classic/_base.scss` has been deleted.
+- Update the version number in the `Gemfile` & delete the `Gemfile.lock` file.
 
 ## Feedback
 

data/_includes/navbanner.html

@@ -18,7 +18,7 @@
 
 	<!-- Create a list of top menu item titles -->
 	{% assign topTitles = "" | split: "" %}
-	{% assign sortedPages = site.pages | where:'menuInclude', true | where_exp:'menuTopTitle', 'menuTopTitle != nil' | sort: 'menuTopIndex', 'last' %}
+	{% assign sortedPages = site.pages | where:'menuInclude', true | where_exp:'item', 'item.menuTopTitle != nil' | sort: 'menuTopIndex', 'last' %}
 	{% for ape in sortedPages %}{% assign topTitles = topTitles | push: ape.menuTopTitle %}{% endfor %}
 	{% assign topTitles = topTitles | uniq %}
 
@@ -39,7 +39,7 @@
 		{% for topTitle in topTitles %}
 		
 			<!-- Create a list of sub menu item titles -->
-			{% assign subTitles = site.pages | where:'menuInclude', true | where:'menuTopTitle', topTitle | where_exp:'menuSubTitle', 'menuSubTitle != nil' | sort: 'menuSubIndex', 'last' %}
+			{% assign subTitles = site.pages | where:'menuInclude', true | where:'menuTopTitle', topTitle | where_exp:'item', 'item.menuSubTitle != nil' | sort: 'menuSubIndex', 'last' %}
 
 			<li>
 

data/_sass/classic-jekyll-theme.scss

@@ -17,8 +17,7 @@ $hspacing-unit:					14px; // For best results, use even numbers only
 $vspacing-unit:					14px; // For best results, use even numbers only
 
 $text-color:					#111;
-$background-color:				#fdfdfd;
-$brand-color:					#2a7ae2;
+$background-color:				#fdfdfd; // Applied to the top element, override by background settings below
 
 $grey-color:					#828282;
 $grey-color-light:				lighten($grey-color, 40%);
@@ -81,7 +80,7 @@ $narrow-icon-voffset:					0px;
 $narrow-icon-hoffset:					0px;
 
 // Setting a height for the banner. This can be helpfull if a background image or icon has to be displayed.
-// Note that for 'auto' the banner hight is determined by the title text.
+// Note that for 'auto' the banner height is determined by the title text.
 $wide-banner-height:					auto; // Set to 'auto' to disable a minimum height
 $medium-banner-height:					auto; // Set to 'auto' to disable a minimum height
 $narrow-banner-height:					auto; // Set to 'auto' to disable a minimum height
@@ -159,10 +158,11 @@ $narrow-max-width:						$medium-min-width - 1;
 
 // Import partials.
 @import
-  "classic/base",
+  "classic/normalize",
+  "classic/normalize-override",
+  "classic/syntax-highlighting",
   "classic/layout",
   "classic/formatting",
-  "classic/syntax-highlighting",
   "classic/post",
   "classic/page",
   "classic/support",

data/_sass/classic/_formatting.scss

@@ -1,6 +1,6 @@
 // The distinction between "layout" and "formatting" is as follows: If the resulting CCS affects the placement of and/or visibility of multiple items, it is placed in "layout". If the CSS affects only the appearance of an item, then it appears here. Of course the appearance may affect the layout, so there is no hard distinction.
 
-// Setting a background image on the entire site-title-color
+// Setting a background image on the entire site
 body {
 	@include wide-layout { background: $wide-body-background; }
 	@include medium-layout { background: $medium-body-background; }
@@ -15,6 +15,7 @@ body {
 		position: relative;
 		.site-title-text {
 			color: $site-title-color;
+			margin-bottom: 0;
 			@include wide-layout {
 				font-size: $wide-site-title-font-size;
 				margin-left: $wide-horizontal-title-shift;
@@ -37,6 +38,7 @@ body {
 			height: 100%;
 		}
 		@include wide-layout {
+			height: $wide-banner-height;
 			background: $wide-banner-background;
 			@if $wide-icon-url != none {
 				.banner-icon {
@@ -47,6 +49,7 @@ body {
 			}
 		}
 		@include medium-layout {
+			height: $medium-banner-height;
 			background: $medium-banner-background;
 			@if $medium-icon-url != none {
 				.banner-icon {
@@ -57,6 +60,7 @@ body {
 			}
 		}
 		@include narrow-layout {	
+			height: $narrow-banner-height;
 			background: $narrow-banner-background;
 			@if $narrow-icon-url != none {
 				.banner-icon {
@@ -70,12 +74,17 @@ body {
 
 	// Label formatting
 	.navbanner-label {
-			
+	
+		// Introduction of an icon had an impact on the label behaviour (don't know why) this fixes it.
+		// I found this solution by second-guessing, would love to know why... (please mail me if you do)
+		position: relative;
+		
 		// Color for the menu symbol (only visible on narrow and medium sized layouts)
 		label {
 			padding: 0 $hspacing-unit; // Give the menu label more area to make it easier to tap.
 			p {
 				color: $menu-symbol-color;
+				margin: 0;
 				@include wide-layout {
 					// Note: the label is not visible, but we set the correct values anyhow...
 					font-size: $narrow-site-title-font-size;
@@ -117,8 +126,12 @@ body {
 		background: $menubar-background;
 
 		// Lists are used for the menu's. No spacing for the top level list and no item markers. There will be an item marker for the narrow layout but that marker is state-dependent and set via a content property.
-		ul { margin: 0;  list-style-type: none; }
-
+		ul {
+			list-style-type: none;
+		  	margin: 0;
+		  	padding: 0;
+		}
+		
 		// Set the color for the menu items
 		.menu-item-separator, .menu-item-symbol, .menu-item-title {
 			color: $menu-item-font-color;
@@ -139,8 +152,7 @@ body {
 
 		// The sub menu items are displayed in a box, make sure the text does not start at the box edge.
 		.menu-subitem {
-			padding-left: $hspacing-unit / 2;
-			padding-right: $hspacing-unit / 2;
+			padding: 0 $hspacing-unit / 2;
 		}
 		
 		// Specifics for the narrow sized layout
@@ -172,7 +184,7 @@ body {
 		@include medium-layout {
 		
 			// Keep the submenu tight
-			.menu-subitem p { margin-bottom: 0; }
+			.menu-subitem p { margin: 0; }
 			
 			// Formatting of the sub-menu items
 			ul li ul {
@@ -186,7 +198,7 @@ body {
 		@include wide-layout {
 
 			// Keep the submenu tight
-			.menu-subitem p { margin-bottom: 0; }
+			.menu-subitem p { margin: 0; }
 
 			// Formatting of the sub-menu items
 			ul li ul {

data/_sass/classic/_normalize-override.scss

@@ -0,0 +1,22 @@
+/*! Override and add to the settings of _normalize.scss in this file */
+
+html {
+	font-family: $base-font-family;
+	font-weight: $base-font-weight;
+	line-height: $base-line-height;
+	font-size: $base-font-size;
+	color: $text-color;
+	background-color: $background-color;
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+	font-family: $base-font-family;
+	font-weight: $base-font-weight;
+	line-height: $base-line-height;
+	font-size: $base-font-size;
+	color: $text-color;
+}

data/_sass/classic/_normalize.scss

@@ -0,0 +1,461 @@
+/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
+
+/**
+ * 1. Change the default font family in all browsers (opinionated).
+ * 2. Correct the line height in all browsers.
+ * 3. Prevent adjustments of font size after orientation changes in
+ *    IE on Windows Phone and in iOS.
+ */
+
+/* Document
+   ========================================================================== */
+
+html {
+  font-family: sans-serif; /* 1 */
+  line-height: 1.15; /* 2 */
+  -ms-text-size-adjust: 100%; /* 3 */
+  -webkit-text-size-adjust: 100%; /* 3 */
+}
+
+/* Sections
+   ========================================================================== */
+
+/**
+ * Remove the margin in all browsers (opinionated).
+ */
+
+body {
+  margin: 0;
+}
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+article,
+aside,
+footer,
+header,
+nav,
+section {
+  display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in IE.
+ */
+
+figcaption,
+figure,
+main { /* 1 */
+  display: block;
+}
+
+/**
+ * Add the correct margin in IE 8.
+ */
+
+figure {
+  margin: 1em 40px;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+  box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * 1. Remove the gray background on active links in IE 10.
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
+ */
+
+a {
+  background-color: transparent; /* 1 */
+  -webkit-text-decoration-skip: objects; /* 2 */
+}
+
+/**
+ * Remove the outline on focused links when they are also active or hovered
+ * in all browsers (opinionated).
+ */
+
+a:active,
+a:hover {
+  outline-width: 0;
+}
+
+/**
+ * 1. Remove the bottom border in Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
+ */
+
+b,
+strong {
+  font-weight: inherit;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font style in Android 4.3-.
+ */
+
+dfn {
+  font-style: italic;
+}
+
+/**
+ * Add the correct background and color in IE 9-.
+ */
+
+mark {
+  background-color: #ff0;
+  color: #000;
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+video {
+  display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
+
+img {
+  border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: sans-serif; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+  text-transform: none;
+}
+
+/**
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ *    controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+html [type="button"], /* 1 */
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Change the border, margin, and padding in all browsers (opinionated).
+ */
+
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+  box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+
+/**
+ * 1. Add the correct display in IE 9-.
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+  display: inline-block; /* 1 */
+  vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+
+/*
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ */
+
+details, /* 1 */
+menu {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+  display: list-item;
+}
+
+/* Scripting
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+  display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+  display: none;
+}
+
+/* Hidden
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+  display: none;
+}

data/_sass/classic/_syntax-highlighting.scss

@@ -3,7 +3,7 @@
  */
 .highlight {
   background: #fff;
-  @extend %vertical-rhythm;
+  margin-bottom: $vspacing-unit / 2; // Replaces :  @extend %vertical-rhythm;
 
   .highlighter-rouge & {
     background: #eef;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: classic-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 1.4.1
+  version: 1.5.0
 platform: ruby
 authors:
 - Rien
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-12-08 00:00:00.000000000 Z
+date: 2016-12-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll-feed
@@ -30,14 +30,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.3'
+        version: '0.4'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.3'
+        version: '0.4'
 - !ruby/object:Gem::Dependency
   name: jekyll
   requirement: !ruby/object:Gem::Requirement
@@ -86,7 +86,7 @@ description: A responsive 3 column Jekyll theme for wide, medium and narrow disp
   European sites. The three columns consist of 1 primary column, a secondary column
   and a tertiary column. The secondary column can be placed either to the right or
   left of the primary column. The tertiary column is on the other side. The secondary
-  and tertiary columns can be disabled.
+  and tertiary columns can be disabled. This theme uses normalize.css.
 email:
 - rien@balancingrock.nl
 executables: []
@@ -120,9 +120,10 @@ files:
 - _layouts/page.html
 - _layouts/post.html
 - _sass/classic-jekyll-theme.scss
-- _sass/classic/_base.scss
 - _sass/classic/_formatting.scss
 - _sass/classic/_layout.scss
+- _sass/classic/_normalize-override.scss
+- _sass/classic/_normalize.scss
 - _sass/classic/_page.scss
 - _sass/classic/_post.scss
 - _sass/classic/_support.scss

data/_sass/classic/_base.scss

@@ -1,176 +0,0 @@
-/**
- * Reset some basic elements
- */
-body, h1, h2, h3, h4, h5, h6,
-p, blockquote, pre, hr,
-dl, dd, ol, ul, figure {
-  margin: 0;
-  padding: 0;
-}
-
-
-
-/**
- * Basic styling
- */
-body {
-  font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
-  color: $text-color;
-  background-color: $background-color;
-  -webkit-text-size-adjust: 100%;
-  -webkit-font-feature-settings: "kern" 1;
-     -moz-font-feature-settings: "kern" 1;
-       -o-font-feature-settings: "kern" 1;
-          font-feature-settings: "kern" 1;
-  font-kerning: normal;
-}
-
-
-
-/**
- * Set `margin-bottom` to maintain vertical rhythm
- */
-h1, h2, h3, h4, h5, h6,
-p, blockquote, pre,
-ul, ol, dl, figure,
-%vertical-rhythm {
-  margin-bottom: $vspacing-unit / 2;
-}
-
-
-
-/**
- * Images
- */
-img {
-  max-width: 100%;
-  vertical-align: middle;
-}
-
-
-
-/**
- * Figures
- */
-figure > img {
-  display: block;
-}
-
-figcaption {
-  font-size: $small-font-size;
-}
-
-
-
-/**
- * Lists
- */
-ul, ol {
-  margin-left: $hspacing-unit;
-}
-
-li {
-  > ul,
-  > ol {
-    margin-bottom: 0;
-  }
-}
-
-
-
-/**
- * Headings
- */
-h1, h2, h3, h4, h5, h6 {
-  font-weight: $base-font-weight;
-}
-
-
-
-/**
- * Links
- */
-a {
-  color: $brand-color;
-  text-decoration: none;
-
-  &:visited {
-    color: darken($brand-color, 15%);
-  }
-
-  &:hover {
-    color: $text-color;
-    text-decoration: underline;
-  }
-}
-
-
-
-/**
- * Blockquotes
- */
-blockquote {
-  color: $grey-color;
-  border-left: 4px solid $grey-color-light;
-  padding-left: $vspacing-unit / 2;
-  font-size: 18px;
-  letter-spacing: -1px;
-  font-style: italic;
-
-  > :last-child {
-    margin-bottom: 0;
-  }
-}
-
-
-
-/**
- * Code formatting
- */
-pre,
-code {
-  font-size: 15px;
-  border: 1px solid $grey-color-light;
-  border-radius: 3px;
-  background-color: #eef;
-}
-
-code {
-  padding: 1px 5px;
-}
-
-pre {
-  padding: 8px 12px;
-  overflow-x: auto;
-
-  > code {
-    border: 0;
-    padding-right: 0;
-    padding-left: 0;
-  }
-}
-
-
-
-/**
- * Clearfix
- */
-%clearfix:after {
-  content: "";
-  display: table;
-  clear: both;
-}
-
-
-
-/**
- * Icons
- */
-.icon > svg {
-  display: inline-block;
-  vertical-align: middle;
-
-  path {
-    fill: $grey-color;
-  }
-}