Reorganized modulation

README.md

@@ -3,6 +3,8 @@
 This is the custom Genesis starter theme for Brubaker Design Services. It provides a modular file structure and SASS partials for quick Wordpress developement. The Genesis Sample theme provided the foundation for this starter theme.
 
 ## Change Log
+2.0.0 – Cleaned up unnessesary code and reorganized modulation.
+
 1.2.0 – Removed Columns Block styles. Opted for default WP flexbox styles.
 
 1.1.9 – Changed full width .content-sidebar-wrap to grid template "none".

assets/scss/admin.scss

@@ -3,7 +3,6 @@
 @import 'utilities/index';
 @import 'base/color-palette';
 @import 'base/font-sizes';
-@import 'base/blocks/custom-block';
 
 
 

assets/scss/components/_index.scss

@@ -2,10 +2,11 @@
 
 @import 'header/index';
 @import 'navigation/index';
-@import 'content-area/index';
+@import 'body/index';
 @import 'footer/index';
 
-@import 'content/index';
+@import 'entry/index';
 @import 'sidebars/index';
 @import 'widgets/index';
+@import 'comments/index';
 @import 'misc/index';

assets/scss/components/content-area/_content-sidebar-wrap.scss → assets/scss/components/body/_base.scss

@@ -1,4 +1,4 @@
-// ========== Content Sidebar Wrap ========== //
+// ========== Base ========== //
 
 .site-inner {
 	border-top: 1px solid transparent; // Prevents collapsing margin.

assets/scss/components/content-area/_index.scss → assets/scss/components/body/_index.scss

@@ -1,6 +1,6 @@
 // ========== Content Area ========== //
 
-@import 'content-sidebar-wrap';
+@import 'base';
 
 @import 'layout--no-blocks';
 // @import 'layout--blocked';

assets/scss/components/content/comments/_base.scss → assets/scss/components/comments/_base.scss

@@ -1,5 +1,10 @@
 // ========== Base ========== //
 
+.entry-comments-link::before {
+	content: "\2014";
+	margin: 0 6px 0 2px;
+}
+
 .comment-respond,
 .entry-comments,
 .entry-pings {
@@ -22,4 +27,4 @@
 .comment-form-cookies-consent label {
 	display: inline;
 	padding-left: 10px;
-}
+}

assets/scss/components/content/_base.scss → assets/scss/components/entry/_base.scss

@@ -13,11 +13,3 @@
 	}
 }
 
-.entry-content > * {
-	@include space(margin, b);
-	max-width: 100%;
-
-	&:last-child {
-		margin-bottom: 0;
-	}
-}

assets/scss/components/entry/_entry-content.scss

@@ -0,0 +1,10 @@
+// ========== Entry Content ========== //
+
+.entry-content > * {
+	@include space(margin, b);
+	max-width: 100%;
+
+	&:last-child {
+		margin-bottom: 0;
+	}
+}

assets/scss/components/entry/_entry-footer.scss

@@ -0,0 +1,11 @@
+// ========== Entry Footer ========== //
+
+.entry-footer {
+	margin-top: 30px;
+	margin-bottom: 30px;
+
+	.entry-meta {
+		padding-top: 5px;
+		border-top: 2px solid $color--quaternary;
+	}
+}

assets/scss/components/entry/_entry-header.scss

@@ -0,0 +1,32 @@
+// ========== Entry Headers ========== //
+
+
+
+// Page Headers.
+.page .entry-header,
+.archive-description {
+	margin: 0 0 50px;
+	max-width: 100%;
+
+	.entry-title,
+	.archive-title {
+		margin: 0;
+	}
+}
+
+
+
+// Post Headers.
+.post .entry-header {
+
+	.entry-title a {
+		color: $color--text-dark;
+		&:focus, &:hover {
+			color: $color--link-dark-hover;
+		}
+	}
+
+	.entry-meta {
+		margin-bottom: $mobile-spacing;
+	}
+}

assets/scss/components/entry/_index.scss

@@ -0,0 +1,6 @@
+// ========== Content ========== //
+
+@import 'base';
+@import 'entry-header';
+@import 'entry-content';
+@import 'entry-footer';

assets/scss/components/header/_base.scss

@@ -7,5 +7,4 @@
 	width: 100%;
 	box-shadow: 0 0 10px $color--shadow;
 	z-index: 100;
-	@include media(ml) {position: fixed;}
 }

assets/scss/components/header/_index.scss

@@ -1,4 +1,4 @@
 // ========== Header ========== //
 
 @import 'base';
-@import 'title-area/index';
+@import 'title-area';

assets/scss/components/header/_title-area.scss

@@ -0,0 +1,64 @@
+// ========== Title Area ========== //
+
+
+
+// Without Custom Logo.
+.title-area {
+	text-align: center;
+	@include space(padding, all);
+
+	.site-title {
+		font-size: 30px;
+		font-weight: 700;
+		margin-bottom: 0;
+		a {
+			color: $color--text-dark;
+			&:hover, &:focus {
+				color: $color--link-dark-hover;
+				text-decoration: none;
+			}
+		}
+	}
+
+	.site-description {
+		border: 0;
+		clip: rect(0, 0, 0, 0);
+		height: 1px;
+		overflow: hidden;
+		position: absolute !important;
+		width: 1px;
+		word-wrap: normal !important;
+	}
+}
+
+
+
+// With Custom Logo.
+.wp-custom-logo {
+
+	.title-area {
+		text-align: center;
+		padding-top: 30px;
+		padding-bottom: 30px;
+		@include media(ml) {padding-top: 10px; padding-bottom: 10px;}
+
+		img {
+			display: block;
+			width: 100%;
+			max-width: 350px;
+			height: auto;
+			margin: auto;
+		}
+	}
+
+	.site-title,
+	.site-description {
+		border: 0;
+		clip: rect(0, 0, 0, 0);
+		height: 1px;
+		overflow: hidden;
+		position: absolute !important;
+		width: 1px;
+		word-wrap: normal !important;
+	}
+}