jekyll-theme-consulting 0.1.17 → 0.2.0

data/_sass/components/_icons.scss

@@ -0,0 +1,30 @@
+///
+/// Editorial by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Icons */
+
+	ul.icons {
+		cursor: default;
+		list-style: none;
+		padding-left: 0;
+
+		li {
+			display: inline-block;
+			padding: 0 1em 0 0;
+
+			&:last-child {
+				padding-right: 0;
+			}
+
+			.icon {
+				color: inherit;
+
+				&:before {
+					font-size: 1.25em;
+				}
+			}
+		}
+	}

data/_sass/components/_list.scss

@@ -39,205 +39,6 @@
 				}
 			}
 		}
-
-		&.icons {
-			cursor: default;
-			list-style: none;
-			padding-left: 0;
-
-			li {
-				display: inline-block;
-				padding: 0 1em 0 0;
-
-				&:last-child {
-					padding-right: 0;
-				}
-
-				.icon {
-					color: inherit;
-
-					&:before {
-						font-size: 1.25em;
-					}
-				}
-			}
-		}
-
-		&.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;
-				}
-			}
-		}
-
-		&.actions {
-			cursor: default;
-			list-style: none;
-			padding-left: 0;
-
-			li {
-				display: inline-block;
-				padding: 0 (_size(element-margin) * 0.5) 0 0;
-				vertical-align: middle;
-
-				&:last-child {
-					padding-right: 0;
-				}
-			}
-
-			&.small {
-				li {
-					padding: 0 (_size(element-margin) * 0.25) 0 0;
-				}
-			}
-
-			&.vertical {
-				li {
-					display: block;
-					padding: (_size(element-margin) * 0.5) 0 0 0;
-
-					&:first-child {
-						padding-top: 0;
-					}
-
-					> * {
-						margin-bottom: 0;
-					}
-				}
-
-				&.small {
-					li {
-						padding: (_size(element-margin) * 0.25) 0 0 0;
-
-						&:first-child {
-							padding-top: 0;
-						}
-					}
-				}
-			}
-
-			&.fit {
-				display: table;
-				margin-left: (_size(element-margin) * -0.5);
-				padding: 0;
-				table-layout: fixed;
-				width: calc(100% + #{(_size(element-margin) * 0.5)});
-
-				li {
-					display: table-cell;
-					padding: 0 0 0 (_size(element-margin) * 0.5);
-
-					> * {
-						margin-bottom: 0;
-					}
-				}
-
-				&.small {
-					margin-left: (_size(element-margin) * -0.25);
-					width: calc(100% + #{(_size(element-margin) * 0.25)});
-
-					li {
-						padding: 0 0 0 (_size(element-margin) * 0.25);
-					}
-				}
-			}
-		}
-
-		&.pagination {
-			cursor: default;
-			list-style: none;
-			padding-left: 0;
-
-			li {
-				display: inline-block;
-				padding-left: 0;
-				vertical-align: middle;
-
-				> .page {
-					@include vendor('transition', (
-						'background-color #{_duration(transition)} ease-in-out',
-						'color #{_duration(transition)} ease-in-out'
-					));
-					border-bottom: 0;
-					border-radius: _size(border-radius);
-					display: inline-block;
-					font-size: 0.8em;
-					font-weight: _font(weight-bold);
-					height: 2em;
-					line-height: 2em;
-					margin: 0 0.125em;
-					min-width: 2em;
-					padding: 0 0.5em;
-					text-align: center;
-
-					&.active {
-						background-color: _palette(accent);
-						color: _palette(bg) !important;
-
-						&:hover {
-							background-color: lighten(_palette(accent), 3);
-						}
-
-						&:active {
-							background-color: darken(_palette(accent), 3);
-						}
-					}
-				}
-
-				&:first-child {
-					padding-right: 0.75em;
-				}
-
-				&:last-child {
-					padding-left: 0.75em;
-				}
-			}
-
-			@include breakpoint(xsmall) {
-				li {
-					&:nth-child(n+2):nth-last-child(n+2) {
-						display: none;
-					}
-
-					&:first-child {
-						padding-right: 0;
-					}
-				}
-			}
-		}
 	}
 
 	dl {

data/_sass/components/_pagination.scss

@@ -0,0 +1,70 @@
+///
+/// Editorial by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Pagination */
+
+	ul.pagination {
+		cursor: default;
+		list-style: none;
+		padding-left: 0;
+
+		li {
+			display: inline-block;
+			padding-left: 0;
+			vertical-align: middle;
+
+			> .page {
+				@include vendor('transition', (
+					'background-color #{_duration(transition)} ease-in-out',
+					'color #{_duration(transition)} ease-in-out'
+				));
+				border-bottom: 0;
+				border-radius: _size(border-radius);
+				display: inline-block;
+				font-size: 0.8em;
+				font-weight: _font(weight-bold);
+				height: 2em;
+				line-height: 2em;
+				margin: 0 0.125em;
+				min-width: 2em;
+				padding: 0 0.5em;
+				text-align: center;
+
+				&.active {
+					background-color: _palette(accent);
+					color: _palette(bg) !important;
+
+					&:hover {
+						background-color: lighten(_palette(accent), 3);
+					}
+
+					&:active {
+						background-color: darken(_palette(accent), 3);
+					}
+				}
+			}
+
+			&:first-child {
+				padding-right: 0.75em;
+			}
+
+			&:last-child {
+				padding-left: 0.75em;
+			}
+		}
+
+		@include breakpoint('<=xsmall') {
+			li {
+				&:nth-child(n+2):nth-last-child(n+2) {
+					display: none;
+				}
+
+				&:first-child {
+					padding-right: 0;
+				}
+			}
+		}
+	}

data/_sass/components/_posts.scss

@@ -58,35 +58,7 @@
 			}
 		}
 
-		@include breakpoint(xlarge-to-max) {
-			article {
-				&:nth-child(3n + 1) {
-					&:before {
-						display: none;
-					}
-
-					&:after {
-						width: 100%;
-					}
-				}
-
-				&:nth-last-child(1),
-				&:nth-last-child(2),
-				&:nth-last-child(3) {
-					margin-bottom: 0;
-
-					&:before {
-						height: 100%;
-					}
-
-					&:after {
-						display: none;
-					}
-				}
-			}
-		}
-
-		@include breakpoint(xlarge) {
+		@include breakpoint('<=xlarge') {
 			article {
 				width: calc(50% - #{$gutter});
 
@@ -96,34 +68,7 @@
 			}
 		}
 
-		@include breakpoint(small-to-xlarge) {
-			article {
-				&:nth-child(2n + 1) {
-					&:before {
-						display: none;
-					}
-
-					&:after {
-						width: 100%;
-					}
-				}
-
-				&:nth-last-child(1),
-				&:nth-last-child(2) {
-					margin-bottom: 0;
-
-					&:before {
-						height: 100%;
-					}
-
-					&:after {
-						display: none;
-					}
-				}
-			}
-		}
-
-		@include breakpoint(small) {
+		@include breakpoint('<=small') {
 			$gutter: _size(gutter) * 1.5;
 
 			margin: 0 0 _size(element-margin) ($gutter * -1);
@@ -149,7 +94,7 @@
 			}
 		}
 
-		@include breakpoint(xsmall) {
+		@include breakpoint('<=xsmall') {
 			$gutter: _size(gutter) * 1.5;
 
 			margin: 0 0 _size(element-margin) 0;

data/_sass/components/_row.scss

@@ -0,0 +1,31 @@
+///
+/// Editorial by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Row */
+
+	.row {
+		@include html-grid(1.5em);
+
+		@include breakpoint('<=xlarge') {
+			@include html-grid(1.5em, 'xlarge');
+		}
+
+		@include breakpoint('<=large') {
+			@include html-grid(1.5em, 'large');
+		}
+
+		@include breakpoint('<=medium') {
+			@include html-grid(1.5em, 'medium');
+		}
+
+		@include breakpoint('<=small') {
+			@include html-grid(1.5em, 'small');
+		}
+
+		@include breakpoint('<=xsmall') {
+			@include html-grid(1.5em, 'xsmall');
+		}
+	}

data/_sass/layout/_banner.scss

@@ -66,7 +66,7 @@
 				width: 100%;
 			}
 
-			@include breakpoint(xsmall) {
+			@include breakpoint('<=xsmall') {
 				.image {
 					max-height: 35vh;
 				}

data/_sass/layout/_header.scss

@@ -9,7 +9,7 @@
 	#header {
 		@include vendor('display', 'flex');
 		border-bottom: solid 5px _palette(accent);
-		padding: 2.6em 0 1em 0;
+		padding: 2em 0 1em 0;
 		position: relative;
 
 		> * {
@@ -39,11 +39,11 @@
 			}
 		}
 
-		@include breakpoint(xlarge) {
+		@include breakpoint('<=xlarge') {
 			
 		}
 
-		@include breakpoint(small) {
+		@include breakpoint('<=small') {
 			.logo {
 				font-size: 1.25em;
 				margin: 0;