Theme: Fix interior page layout (#18)

Fixes #4

themes/wporg-5ftf/css/components/_components.scss

@@ -20,6 +20,6 @@
 @import "../../../pub/wporg/css/components/wporg-footer";
 @import "../../../pub/wporg/css/components/wporg-header";
 @import "about";
-@import "child-pages";
 @import "entry-content";
+@import "page";
 @import "wporg-header";

themes/wporg-5ftf/css/components/_entry-content.scss

@@ -6,6 +6,12 @@
 	h1, h2, h3, h4, h5, h6 {
 		color: $color__text-heading-darker;
 	}
+	
+	h2 {
+		font-size: ms( 2 );
+		font-weight: 400;
+		color: $color__text-heading;
+	}
 }
 
 p.has-background,

themes/wporg-5ftf/css/components/_page.scss

@@ -1,5 +1,4 @@
-// Styles for child pages.
-body.page-child {
+body.page:not(.home) {
 	.site-title a {
 		color: #fff;
 		text-decoration: none;
@@ -10,26 +9,30 @@ body.page-child {
 		}
 	}
 
+	.site-main {
+		margin: 0 auto;
+		padding: 0 ms( 2 );
+		max-width: calc( #{ $size__content-width } + #{ ms( 2 ) * 2 } );
+	}
+
 	.entry-header {
 		background: none;
-		margin: 0 auto;
-		max-width: 960px;
-		padding: 0 ms( 4 );
 
 		.entry-title {
-			color: inherit;
+			color: $color__text-heading-darker;
 			font-size: ms( 8 );
-			font-weight: 400;
+			font-weight: 300;
 			line-height: 1.5;
 			margin: 2rem auto 1rem;
-
-			@include breakpoint( 0, $ms-breakpoint ) {
 			padding: 0;
 		}
 	}
-	}
 
 	.entry-content {
-		padding-top: 0;
+		padding: 0 0 ms( 10 );
+	}
+
+	.entry-footer {
+		padding: ms( 10 ) 0;
 	}
 }

themes/wporg-5ftf/css/settings/_structure.scss

@@ -9,3 +9,6 @@ $breakpoint-large: 960px !default;
 $breakpoint-medium: 782px !default;
 $breakpoint-small: 600px !default;
 $breakpoint-mobile: 480px !default;
+
+$size__site-main: 960px;
+$size__content-width: 640px;