jekyll-theme-consulting 0.1.17 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: ffa83e24f8b8130581e58b0ff768adbd9d9ab530
-  data.tar.gz: 6b369afd7fa5b9221a7f05b5ba89e43a6199bc4f
+  metadata.gz: 54e9ffb0c0cd8c8f044e78bbb7fdbdd7b55e41e9
+  data.tar.gz: 9eac746d7f8984183f046f78d8859bb708a8f47e
 SHA512:
-  metadata.gz: 1e644cdb1369e31b75c16b32a22bf5beaf136a7e9f66ba0ddd79335bf30be5c39b0672e6db2e180b6cc8d3e6724b304a60084d0b3be319c6c51a211b5b4d1586
-  data.tar.gz: 5559eb568501b5c40a5ed3022ac9deb14946d158a76bee864642b7a65fe8833379972afe3d4ddea63db0c23a29e2338c578b22b04d886eac97774438026ae4af
+  metadata.gz: f0b9bf9b83c0e0a96e72ee96a830a9bc1a59bc5af3722129efa14547e672b2b3dc210ddafca369686de79df28d0baa1cfeb8633a03633dc0548259442b23c9f5
+  data.tar.gz: 13cd432627c50873beb2797fac511e5d858de2c17fbd3ca9b7445d293ce54fcbeaaa51d5ef33cab1e1c41483fadd580320e160d3fee5df2f583a6771d49167ff

data/_includes/head.html

@@ -11,7 +11,4 @@
     {% endfor %}
     <noscript><link rel="stylesheet" href="{{ 'assets/css/noscript.css' | absolute_url }}" /></noscript>
     {% if site.favicon_url %}<link rel="icon" href="{{ site.favicon_url | absolute_url }}" />{% endif %}
-    <!--[if lte IE 8]><script src="{{ 'assets/js/ie/html5shiv.js' | absolute_url }}"></script><![endif]-->
-    <!--[if lte IE 9]><link rel="stylesheet" href="{{ 'assets/css/ie9.css' | absolute_url }}" /><![endif]-->
-    <!--[if lte IE 8]><link rel="stylesheet" href="{{ 'assets/css/ie8.css' | absolute_url }}" /><![endif]-->
 </head>

data/_sass/base/_page.scss

@@ -17,18 +17,27 @@
 		}
 
 	// Ensures page width is always >=320px.
-		@include breakpoint(xsmall) {
+		@include breakpoint('<=xsmall') {
 			html, body {
 				min-width: 320px;
 			}
 		}
 
+	// Set box model to border-box.
+	// Based on css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
+		html {
+			box-sizing: border-box;
+		}
+
+		*, *:before, *:after {
+			box-sizing: inherit;
+		}
+
 	body {
 		background: _palette(bg);
 
-		// Prevents animation/transition "flicker".
-		// Automatically added/removed by js/main.js.
-			&.is-loading,
+		// Stops initial animations until page loads or stops resizing.
+			&.is-preload,
 			&.is-resizing {
 				*, *:before, *:after {
 					@include vendor('animation', 'none !important');

data/_sass/base/_reset.scss

@@ -0,0 +1,76 @@
+///
+/// Editorial by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+// Reset.
+// Based on meyerweb.com/eric/tools/css/reset (v2.0 | 20110126 | License: public domain)
+
+	html, body, div, span, applet, object,
+	iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
+	pre, a, abbr, acronym, address, big, cite,
+	code, del, dfn, em, img, ins, kbd, q, s, samp,
+	small, strike, strong, sub, sup, tt, var, b,
+	u, i, center, dl, dt, dd, ol, ul, li, fieldset,
+	form, label, legend, table, caption, tbody,
+	tfoot, thead, tr, th, td, article, aside,
+	canvas, details, embed, figure, figcaption,
+	footer, header, hgroup, menu, nav, output, ruby,
+	section, summary, time, mark, audio, video {
+		margin: 0;
+		padding: 0;
+		border: 0;
+		font-size: 100%;
+		font: inherit;
+		vertical-align: baseline;
+	}
+
+	article, aside, details, figcaption, figure,
+	footer, header, hgroup, menu, nav, section {
+		display: block;
+	}
+
+	body {
+		line-height: 1;
+	}
+
+	ol, ul {
+		list-style:none;
+	}
+
+	blockquote,	q {
+		quotes: none;
+
+		&:before,
+		&:after {
+			content: '';
+			content: none;
+		}
+	}
+
+	table {
+		border-collapse: collapse;
+		border-spacing: 0;
+	}
+
+	body {
+		-webkit-text-size-adjust: none;
+	}
+
+	mark {
+		background-color: transparent;
+		color: inherit;
+	}
+
+	input::-moz-focus-inner {
+		border: 0;
+		padding: 0;
+	}
+
+	input, select, textarea {
+		-moz-appearance: none;
+		-webkit-appearance: none;
+		-ms-appearance: none;
+		appearance: none;
+	}

data/_sass/base/_typography.scss

@@ -13,15 +13,15 @@
 		font-weight: _font(weight);
 		line-height: 1.65;
 
-		@include breakpoint(xlarge) {
+		@include breakpoint('<=xlarge') {
 			font-size: 11pt;
 		}
 
-		@include breakpoint(large) {
+		@include breakpoint('<=large') {
 			font-size: 10pt;
 		}
 
-		@include breakpoint(xxsmall) {
+		@include breakpoint('<=xxsmall') {
 			font-size: 9pt;
 		}
 	}
@@ -56,8 +56,6 @@
 
 	p {
 		margin: 0 0 _size(element-margin) 0;
-		text-align: justify;
-		text-justify: inter-word;
 	}
 
 	h1, h2, h3, h4, h5, h6 {
@@ -70,6 +68,7 @@
 		a {
 			color: inherit;
 			text-decoration: none;
+			border-bottom: 0;
 		}
 	}
 
@@ -99,19 +98,19 @@
 		font-size: 0.7em;
 	}
 
-	@include breakpoint(xlarge) {
+	@include breakpoint('<=xlarge') {
 		h1 {
 			font-size: 3.5em;
 		}
 	}
 
-	@include breakpoint(medium) {
+	@include breakpoint('<=medium') {
 		h1 {
 			font-size: 3.25em;
 		}
 	}
 
-	@include breakpoint(small) {
+	@include breakpoint('<=small') {
 		h1 {
 			font-size: 2em;
 			line-height: 1.4;

data/_sass/components/_actions.scss

@@ -0,0 +1,63 @@
+///
+/// Editorial by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Actions */
+
+	ul.actions {
+		@include vendor('display', 'flex');
+		cursor: default;
+		list-style: none;
+		margin-left: (_size(element-margin) * -0.5);
+		padding-left: 0;
+
+		li {
+			padding: 0 0 0 (_size(element-margin) * 0.5);
+			vertical-align: middle;
+		}
+
+		&.special {
+			@include vendor('justify-content', 'center');
+			width: 100%;
+			margin-left: 0;
+
+			li {
+				&:first-child {
+					padding-left: 0;
+				}
+			}
+		}
+
+		&.stacked {
+			@include vendor('flex-direction', 'column');
+			margin-left: 0;
+
+			li {
+				padding: (_size(element-margin) * 0.65) 0 0 0;
+
+				&:first-child {
+					padding-top: 0;
+				}
+			}
+		}
+
+		&.fit {
+			width: calc(100% + #{_size(element-margin) * 0.5});
+
+			li {
+				@include vendor('flex-grow', '1');
+				@include vendor('flex-shrink', '1');
+				width: 100%;
+
+				> * {
+					width: 100%;
+				}
+			}
+
+			&.stacked {
+				width: 100%;
+			}
+		}
+	}

data/_sass/components/_button.scss

@@ -50,8 +50,6 @@
 		}
 
 		&.fit {
-			display: block;
-			margin: 0 0 (_size(element-margin) * 0.5) 0;
 			width: 100%;
 		}
 
@@ -59,13 +57,13 @@
 			font-size: 0.6em;
 		}
 
-		&.big {
+		&.large {
 			font-size: 1em;
 			height: 3.65em;
 			line-height: 3.65em;
 		}
 
-		&.special {
+		&.primary {
 			background-color: _palette(accent);
 			box-shadow: none;
 			color: _palette(bg) !important;

data/_sass/components/_contact.scss

@@ -0,0 +1,47 @@
+///
+/// Editorial by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Contact */
+
+	ul.contact {
+		list-style: none;
+		padding: 0;
+
+		li {
+			@include icon;
+			border-top: solid 1px _palette(border);
+			margin: 1.5em 0 0 0;
+			padding: 1.5em 0 0 3em;
+			position: relative;
+
+			&:before {
+				color: _palette(accent);
+				display: inline-block;
+				font-size: 1.5em;
+				height: 1.125em;
+				left: 0;
+				line-height: 1.125em;
+				position: absolute;
+				text-align: center;
+				top: (1.5em / 1.5);
+				width: 1.5em;
+			}
+
+			&:first-child {
+				border-top: 0;
+				margin-top: 0;
+				padding-top: 0;
+
+				&:before {
+					top: 0;
+				}
+			}
+
+			a {
+				color: inherit;
+			}
+		}
+	}

data/_sass/components/_features.scss

@@ -112,7 +112,7 @@
 			}
 		}
 
-		@include breakpoint(medium) {
+		@include breakpoint('<=medium') {
 			margin: 0 0 _size(element-margin) 0;
 			width: 100%;
 
@@ -155,7 +155,7 @@
 			}
 		}
 
-		@include breakpoint(xsmall) {
+		@include breakpoint('<=xsmall') {
 			article {
 				@include vendor('flex-direction', 'column');
 				@include vendor('align-items', 'flex-start');
@@ -179,7 +179,7 @@
 			}
 		}
 
-		@include breakpoint(xsmall) {
+		@include breakpoint('<=xsmall') {
 			article {
 				.icon {
 					&:before {

data/_sass/components/_form.scss

@@ -48,26 +48,27 @@
 		}
 	}
 
-	.select-wrapper {
-		@include icon;
-		display: block;
-		position: relative;
-
-		&:before {
-			color: _palette(border);
-			content: '\f078';
-			display: block;
-			height: _size(element-height);
-			line-height: _size(element-height);
-			pointer-events: none;
-			position: absolute;
-			right: 0;
-			text-align: center;
-			top: 0;
-			width: _size(element-height);
+	select {
+		background-image: svg-url("<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'><path d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='#{_palette(border)}' /></svg>");
+		background-size: 1.25em;
+		background-repeat: no-repeat;
+		background-position: calc(100% - 1em) center;
+		height: _size(element-height);
+		padding-right: _size(element-height);
+		text-overflow: ellipsis;
+
+		option {
+			color: _palette(fg-bold);
+			background: _palette(bg);
+		}
+
+		&:focus {
+			&::-ms-value {
+				background-color: transparent;
+			}
 		}
 
-		select::-ms-expand {
+		&::-ms-expand {
 			display: none;
 		}
 	}
@@ -97,7 +98,7 @@
 		z-index: -1;
 
 		& + label {
-			@include icon;
+			@include icon(false, solid);
 			color: _palette(fg);
 			cursor: pointer;
 			display: inline-block;
@@ -113,13 +114,14 @@
 				border: solid 1px _palette(border);
 				content: '';
 				display: inline-block;
-				height: (_size(element-height) * 0.6);
+				font-size: 0.8em;
+				height: (_size(element-height) * 0.75);
 				left: 0;
-				line-height: (_size(element-height) * 0.575);
+				line-height: (_size(element-height) * 0.75);
 				position: absolute;
 				text-align: center;
 				top: 0;
-				width: (_size(element-height) * 0.6);
+				width: (_size(element-height) * 0.75);
 			}
 		}
 
@@ -174,9 +176,4 @@
 	:-ms-input-placeholder {
 		color: _palette(fg-light) !important;
 		opacity: 1.0;
-	}
-
-	.formerize-placeholder {
-		color: _palette(fg-light) !important;
-		opacity: 1.0;
 	}

data/_sass/components/_icon.scss

@@ -14,4 +14,20 @@
 		> .label {
 			display: none;
 		}
+
+		&:before {
+			line-height: inherit;
+		}
+
+		&.solid {
+			&:before {
+				font-weight: 900;
+			}
+		}
+
+		&.brands {
+			&:before {
+				font-family: 'Font Awesome 5 Brands';
+			}
+		}
 	}