Adjusting styles for the 'Vintage' style pack.

radcliffe-2/assets/css/blocks-vintage.css

@@ -0,0 +1,58 @@
+.alignwide,
+.alignfull,
+.wp-block-cover-image {
+	background-color: rgba(255,255,255,0.7);
+	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.8+0,1+20,1+80,0.8+100 */
+	background: -moz-linear-gradient(top, rgba(255,255,255,0.6) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 85%, rgba(255,255,255,0.6) 100%); /* FF3.6-15 */
+	background: -webkit-linear-gradient(top, rgba(255,255,255,0.6) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 85%,rgba(255,255,255,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
+	background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 85%,rgba(255,255,255,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+	border: 4px double #c7c4b4;
+	padding: 10px;
+}
+
+.wp-block-cover-image.alignleft,
+.wp-block-cover-image.alignright {
+	left: auto;
+	margin-left: 0;
+	margin-right: 0;
+}
+
+@media (min-width: 750px) {
+	.alignfull,
+	.wp-block-image.alignfull,
+	.wp-block-text-columns.alignfull,
+	.wp-block-table.alignfull,
+	.wp-block-preformatted.alignfull,
+	.wp-block-button.alignfull,
+	.wp-block-pullquote.alignfull,
+	.wp-block-latest-posts.alignfull,
+	.wp-block-categories.alignfull,
+	.wp-block-verse.alignfull,
+	p.alignfull,
+	.wp-block-cover-image:not(.alignleft):not(.alignright) {
+		margin-left: calc(30% - 30vw);
+		margin-right: calc(30% - 30vw);
+		width: auto;
+		max-width: 1000%;
+	}
+
+	.wp-block-cover-image {
+		left: auto;
+	}
+
+	.alignwide,
+	.wp-block-image.alignwide,
+	.wp-block-text-columns.alignwide,
+	.wp-block-table.alignwide,
+	.wp-block-preformatted.alignwide,
+	.wp-block-button.alignwide,
+	.wp-block-pullquote.alignwide,
+	.wp-block-latest-posts.alignwide,
+	.wp-block-categories.alignwide,
+	p.alignwide {
+		margin-left: calc(20% - 20vw);
+		margin-right: calc(20% - 20vw);
+		width: auto;
+		max-width: 1000%;
+	}
+}

radcliffe-2/assets/css/blocks.css

@@ -33,9 +33,9 @@ p.alignfull {
 	.alignfull {
 
 		margin-left: calc(50% - 50vw);
-        margin-right: calc(50% - 50vw);
-        width: auto;
-        max-width: 1000%;
+		margin-right: calc(50% - 50vw);
+		width: auto;
+		max-width: 1000%;
 	}
 
 	.alignwide {
@@ -109,8 +109,8 @@ p.alignfull {
 .wp-block-image.alignwide {}
 .wp-block-image.alignfull {
 	width: 100vw;
-    max-width: 100vw;
-    margin: 2rem calc((100% - 100vw) * .5);
+	max-width: 100vw;
+	margin: 2rem calc((100% - 100vw) * .5);
 }
 
 .wp-block-image figcaption {

radcliffe-2/functions.php

@@ -163,6 +163,12 @@ function radcliffe_2_scripts() {
 
 	wp_enqueue_style( 'radcliffe-2-block-styles', get_template_directory_uri() . '/assets/css/blocks.css' );
 
+	$stylepack = get_theme_mod( 'active_style_pack' );
+
+	if ( 'vintage' === $stylepack ) {
+		wp_enqueue_style( 'radcliffe-2-block-vintage-styles', get_template_directory_uri() . '/assets/css/blocks-vintage.css' );
+	}
+
 	wp_enqueue_script( 'radcliffe-2-navigation', get_template_directory_uri() . '/assets/js/navigation.js', array(), '20151215', true );
 
 	wp_localize_script( 'radcliffe-2-navigation', 'screenReaderText', array(