PR #1 updatesToLanyardLandTheme

composer.json

@@ -16,7 +16,7 @@
     }
   ],
   "require": {
-    "php": ">=7.3"
+    "php": ">=7.1"
   },
   "require-dev": {},
   "autoload": {

config/appearance.php

@@ -27,7 +27,7 @@
 $genesis_sample_link_color_brightness = genesis_sample_color_brightness( $genesis_sample_link_color, 35 );
 
 return [
-	'fonts-url'            => 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600,700&display=swap',
+	'fonts-url'            => 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600,700|Merriweather:700|Montserrat:300,500,600&display=swap',
 	'content-width'        => 1062,
 	'button-bg'            => $genesis_sample_link_color,
 	'button-color'         => $genesis_sample_link_color_contrast,

config/layouts.php

@@ -0,0 +1,31 @@
+<?php
+/**
+ *  The theme settings layouts for the child theme available in the Customizer
+ *
+ * @package    landyardLandTheme
+ * @since      1.0.0
+ * @author     Robert A. Gadon
+ * @link       http://spiralwebdb.com
+ * @license    GNU General Public License 2.0+
+ */
+
+namespace landyardLandTheme;
+
+$url = GENESIS_ADMIN_IMAGES_URL . '/layouts/';
+
+/**
+ * The themes settings layouts configuratipn for the LanyardLand Theme.
+ *
+ * @since 1.0.0
+ *
+ * @return array
+ */
+return [
+	'full-width-content'      => [
+		'label' => __( 'Full Width Content', 'genesis-sample' ),
+		'img'   => $url . 'c.gif',
+		'type'  => [ 'site' ],
+	],
+];
+
+

functions.php

@@ -40,6 +40,9 @@ function genesis_sample_localization_setup() {
 // Includes Customizer CSS.
 require_once get_stylesheet_directory() . '/lib/output.php';
 
+// Includes layouts configuration for available theme settings
+require_once get_stylesheet_directory() . '/lib/functions/layout.php';
+
 // Adds WooCommerce support.
 require_once get_stylesheet_directory() . '/lib/woocommerce/woocommerce-setup.php';
 

lib/functions/layout.php

@@ -0,0 +1,27 @@
+<?php
+/**
+ *  Filter the Layout configuration in the child theme.
+ *
+ * @package    modifiedGenesisSample\Functions
+ * @since      1.0.0
+ * @author     Robert A. Gadon
+ * @link       http://spiralwebdb.com
+ * @license    GNU General Public License 2.0+
+ */
+
+namespace landyardLandTheme\Functions;
+
+add_filter( 'genesis_initial_layouts', __NAMESPACE__ . '\filter_layout_config' );
+/**
+ * Filter the layout configuration
+ *
+ * @param string $config The config file to look for (not including .php file extension).
+ *
+ * @return array The config data.
+ * @since 1.0.0
+ *
+ */
+function filter_layout_config() {
+	return genesis_get_config( 'layouts' );
+}
+

lib/woocommerce/genesis-sample-woocommerce.css

@@ -382,7 +382,7 @@ ul.wc-block-grid__products > li {
 .woocommerce input.button[type="submit"],
 .woocommerce #respond input#submit,
 .woocommerce #respond input#submit.alt {
-	background-color: #333;
+	background-color: #0060a6; /* default #333; */
 	border: 0;
 	border-radius: 0;
 	color: #fff;
@@ -414,7 +414,7 @@ ul.wc-block-grid__products > li {
 .woocommerce #respond input#submit:hover,
 .woocommerce #respond input#submit.alt:focus,
 .woocommerce #respond input#submit.alt:hover {
-	background-color: #0073e5;
+	background-color: #0060a6; /* default #0073e5 */
 	color: #fff;
 }
 

sass/_content.scss

@@ -19,7 +19,7 @@
 }
 
 .entry-content ul > li {
-  list-style-type: disc;
+  list-style-type: none;
 }
 
 .entry-content ol ul > li,

sass/_defaults.scss

@@ -44,6 +44,11 @@ a:hover {
 }
 
 p {
+  font-family: $font-family--montserrat;
+  font-size: $paragraph--font-size;
+  font-weight: $font-weight--light;
+  color: $paragraph--color;
+  opacity: 0.7;
   margin: 0 0 30px;
   padding: 0;
 }
@@ -69,7 +74,11 @@ hr {
 
 b,
 strong {
-  font-weight: 700;
+  font-family: $font-family--montserrat;
+  font-size: $strong--font-size;
+  font-weight: $font-weight--medium;
+  color: $paragraph--color;
+  opacity: 0.7;
 }
 
 blockquote,
@@ -91,32 +100,47 @@ blockquote {
 /* Headings
 --------------------------------------------- */
 
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-family: "Source Sans Pro", sans-serif;
-  font-weight: 400;
-  line-height: 1.2;
-  margin: 0 0 20px;
-}
-
 h1 {
-  font-size: 30px;
+  font-family: $font-family--merriweather;
+  font-size: $h1--font-size;
+  font-weight: $font-weight--bold;
+  color: $heading-h1--color;
+  line-height: $headings--line-height;
 }
 
-h2 {
-  font-size: 27px;
+h2  {
+  font-family: $font-family--merriweather;
+  font-size: $h2--font-size;
+  font-weight: $font-weight--bold;
+  color: $heading-h2--color;
+  line-height: $headings--line-height;
 }
 
 h3 {
-  font-size: 24px;
+  font-family: $font-family--montserrat;
+  font-size: $h3--font-size;
+  font-weight: $font-weight--semi-bold;
+  color: $heading-h3--color;
+  opacity: 0.7;
+  line-height: $headings--line-height;
 }
 
 h4 {
-  font-size: 20px;
+  font-family: $font-family--montserrat;
+  font-size: $h4--font-size;
+  font-weight: $font-weight--medium;
+  color: $heading-h4--color;
+  opacity: 0.7;
+  text-transform: capitalize;
+  line-height: $headings--line-height;
+}
+
+h5,
+h6 {
+  font-family: $font-family--source-sans-pro;
+  font-weight: 400;
+  line-height: $headings--line-height;
+  margin: 0 0 20px;
 }
 
 .entry-content h3,
@@ -413,3 +437,4 @@ th {
   position: relative;
   margin-bottom: 30px;
 }
+

sass/_plugins.scss

@@ -108,3 +108,21 @@
 .site-container .entry-content .wpforms-form textarea.wpforms-field-large {
   height: 300px;
 }
+
+/* WooCommerce
+--------------------------------------------- */
+.woocommerce-product-details__short-description {
+  display: inline-flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  justify-content: space-evenly;
+  align-items: flex-start;
+}
+
+.woocommerce-Price-amount.amount {
+  font-family: $font-family--montserrat;
+  font-size: $woocommerce-product-price--font-size;
+  font-weight: $font-weight--light;
+  color: $woocommerce-product-price--color;
+}
+

sass/components/_index.scss

@@ -0,0 +1,6 @@
+//
+// Components Index File
+//============================
+
+@import "list-items";
+

sass/components/_list-items.scss

@@ -0,0 +1,20 @@
+// List Items
+//==========================================
+/* Target a parent <ul> element with the .color-with-pseudo class.
+      Then use the :before pseudo-element to target the bullet <li> items within. */
+.color-with-pseudo {
+  list-style: none;
+  list-style-position: inside;
+
+  li:before {
+    content: "•"; // Substitute ">" to render a "carrot" bullet list item instead.
+    font-size: $list-item-bullet--font-size;
+    font-weight: $font-weight--medium;
+    line-height: 0;
+    margin: 0 5px 0 -2.5px;
+    position: relative;
+    top: 2.5px;
+    color: $list-item--color-bullet;
+  }
+}
+

sass/style.scss

@@ -2,7 +2,8 @@
  * Root SASS style file.
  */
 
-@import "variables";
+@import "variables/index";
+@import "components/index";
 @import "reset";
 @import "defaults";
 @import "structure";

sass/variables/_colors.scss

@@ -0,0 +1,25 @@
+// Base Colors
+//===========================
+$black: #000;
+$blue-dark: #0060a6;
+$green-lime: #00a84f;
+
+// Color Configuration for Document Elements
+//==========================================
+
+// Headings
+$heading-h1--color: $black;
+$heading-h2--color: $blue-dark;
+$heading-h3--color: $black;
+$heading-h4--color: $black;
+
+// Paragraph
+$paragraph--color: $black;
+
+// List Items
+$list-item--color-content: $black;
+$list-item--color-bullet: $blue-dark;
+
+// Plugins
+$woocommerce-product-price--color: $green-lime;
+

sass/variables/_index.scss

@@ -0,0 +1,7 @@
+//
+// Variable Utilities (Helpers)
+//============================
+
+@import "colors";
+@import "typography";
+

sass/variables/_typography.scss

@@ -0,0 +1,31 @@
+// Base Typography
+// =====================================================
+
+// Common Fonts
+$font-family--montserrat: 'Montserrat', Verdana, Arial, sans-serif;
+$font-family--merriweather: 'Merriweather', serif;
+$font-family--source-sans-pro: 'Source Sans Pro', sans-serif;
+
+// Font Weights
+$font-weight--bold: 700;
+$font-weight--semi-bold: 600;
+$font-weight--medium: 500;
+$font-weight--light: 300;
+
+// Headings
+$headings--line-height: 1.2;
+$h1--font-size: 26px;
+$h2--font-size: 22px;
+$h3--font-size: 18px;
+$h4--font-size: 14px;
+$h5--font-size: 13px;
+$h6--font-size: 13px;
+
+// Elements
+$paragraph--font-size: 14px;
+$strong--font-size: 14px;
+$list-item-bullet--font-size: 30px;
+
+// Plugins
+$woocommerce-product-price--font-size: 24px;
+