diff --git a/README.md b/README.md index a88285a8..e1ee61ce 100644 --- a/README.md +++ b/README.md @@ -13,7 +13,7 @@ My ultra-minimal CSS might make me look like theme tartare but that means less s * Custom template tags in `inc/template-tags.php` that keep your templates clean and neat and prevent code duplication. * Some small tweaks in `inc/template-functions.php` that can improve your theming experience. * A script at `js/navigation.js` that makes your menu a toggled dropdown on small screens (like your phone), ready for CSS artistry. It's enqueued in `functions.php`. -* 2 sample CSS layouts in `layouts/` made using CSS Grid Layout Module for a sidebar on either side of your content. +* 2 sample layouts in `sass/layout/` made using CSS Grid Layout Module for a sidebar on either side of your content. Note: `.no-sidebar` styles are not automatically loaded. * Smartly organized starter CSS in `style.css` that will help you to quickly get your design off the ground. * Full support for `WooCommerce plugin` integration with hooks in `inc/woocommerce.php`, styling override woocommerce.css with product gallery features (zoom, swipe, lightbox) enabled. diff --git a/layouts/content-sidebar.css b/layouts/content-sidebar.css deleted file mode 100644 index e1202a55..00000000 --- a/layouts/content-sidebar.css +++ /dev/null @@ -1,38 +0,0 @@ -/* - * Theme Name: _s - * - * Layout: Content-Sidebar - * - * Learn more: https://developer.wordpress.org/themes/basics/template-files/ -*/ - -.site { - display: grid; - grid-template-columns: auto 25%; - grid-template-areas: - "header header" - "main sidebar" - "footer footer"; -} -.site-header { - grid-area: header; -} -.site-main { - grid-area: main; - overflow: hidden; /* Resolves issue with
elements forcing full width. */ -} -.widget-area { - grid-area: sidebar; -} -.site-footer { - grid-area: footer; -} - -.no-sidebar .content-area { - float: none; - margin-left: auto; - margin-right: auto; -} -.no-sidebar .site-main { - margin-right: 0; -} diff --git a/layouts/sidebar-content.css b/layouts/sidebar-content.css deleted file mode 100644 index 0d1f8eed..00000000 --- a/layouts/sidebar-content.css +++ /dev/null @@ -1,38 +0,0 @@ -/* - * Theme Name: _s - * - * Layout: Sidebar-Content - * - * Learn more: https://developer.wordpress.org/themes/basics/template-files/ -*/ - -.site { - display: grid; - grid-template-columns: 25% auto; - grid-template-areas: - "header header" - "sidebar main" - "footer footer"; -} -.site-header { - grid-area: header; -} -.site-main { - grid-area: main; - overflow: hidden; /* Resolves issue withelements forcing full width. */ -} -.widget-area { - grid-area: sidebar; -} -.site-footer { - grid-area: footer; -} - -.no-sidebar .content-area { - float: none; - margin-left: auto; - margin-right: auto; -} -.no-sidebar .site-main { - margin-right: 0; -}