diff --git a/assets/alignments-front.css b/assets/alignments-front.css new file mode 100644 index 0000000..15d7cf0 --- /dev/null +++ b/assets/alignments-front.css @@ -0,0 +1,79 @@ +/* + * Alignments, loaded in the front-end only. + */ + +body { + margin: 0; +} + +* { + box-sizing: border-box; +} + +.wp-site-blocks, +.wp-block-template-part.alignfull { + padding: 0 var(--wp--custom--margin--horizontal); +} + +.wp-site-blocks > *:not(.wp-block-post-content), +.wp-site-blocks .wp-block-post-content > * { + max-width: var(--wp--custom--width--default); + margin-left: auto; + margin-right: auto; +} + +.wp-site-blocks .alignwide { + width: var(--wp--custom--width--wide); + max-width: 100%; + margin-left: auto; + margin-right: auto; +} + +.wp-site-blocks .alignfull { + transform: translateX(calc(0px - var(--wp--custom--margin--horizontal))); + width: calc(100% + (2 * var(--wp--custom--margin--horizontal))); + max-width: calc(100% + (2 * var(--wp--custom--margin--horizontal))); + margin-left: 0; + margin-right: 0; + box-sizing: content-box; +} + +.wp-site-blocks .wp-block-template-part.alignfull { + width: 100%; + max-width: 100%; +} + +.wp-site-blocks .wp-block-columns.alignfull { + width: 100%; + max-width: 100%; +} + +.aligncenter { + text-align: center; +} + +.wp-site-blocks .alignleft { + float: left; + margin-right: 2em; + max-width: 360px; +} + +.wp-site-blocks .alignright { + float: right; + margin-left: 2em; + max-width: 360px; +} + +@media screen and (min-width: 1290px) { + + .wp-site-blocks, + .wp-block-template-part.alignfull { + padding: 0; + } + + .wp-site-blocks .alignfull { + transform: translateX(0px); + width: 100%; + max-width: 100%; + } +} diff --git a/block-template-parts/header.html b/block-template-parts/header.html new file mode 100644 index 0000000..388c223 --- /dev/null +++ b/block-template-parts/header.html @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/block-templates/index.html b/block-templates/index.html new file mode 100644 index 0000000..2daeaee --- /dev/null +++ b/block-templates/index.html @@ -0,0 +1,9 @@ + + + + + + + + + \ No newline at end of file diff --git a/block-templates/singular.html b/block-templates/singular.html new file mode 100644 index 0000000..adb191c --- /dev/null +++ b/block-templates/singular.html @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/experimental-theme.json b/experimental-theme.json new file mode 100644 index 0000000..95157e5 --- /dev/null +++ b/experimental-theme.json @@ -0,0 +1,34 @@ +{ + "settings": { + "defaults": { + "color": { + "gradients": [ ], + "link": true, + "palette": [ ] + }, + "spacing": { + "customPadding": true + }, + "typography": { + "customLineHeight": true, + "fontFamilies": [ ], + "fontSizes": [ ] + }, + "custom": { + "width": { + "default": "840px", + "wide": "1100px" + }, + "margin": { + "horizontal": "14px" + } + } + } + }, + "styles": { + "root": { + "color": { }, + "typography": { } + } + } +} diff --git a/functions.php b/functions.php new file mode 100644 index 0000000..66b9643 --- /dev/null +++ b/functions.php @@ -0,0 +1,41 @@ +get( 'Version' ) ); + + // Enqueue alignments stylesheet. + wp_enqueue_style( 'sb-alignments-style', get_template_directory_uri() . '/assets/alignments-front.css', array(), wp_get_theme()->get( 'Version' ) ); +} +add_action( 'wp_enqueue_scripts', 'sb_scripts' ); diff --git a/index.php b/index.php new file mode 100644 index 0000000..e69de29 diff --git a/style.css b/style.css new file mode 100644 index 0000000..710c53b --- /dev/null +++ b/style.css @@ -0,0 +1,16 @@ +/* +Theme Name: SB +Theme URI: https://seriouslybonkers.com +Author: Herb Miller +Description: Seriously Bonker's experimental Full Site Editing theme +Requires at least: 5.3 +Tested up to: 5.5 +Requires PHP: 5.6 +Version: 1.0 +License: GNU General Public License v2 or later +License URI: http://www.gnu.org/licenses/gpl-2.0.html +Text Domain: sb + +SB WordPress Theme, (C) 2021 WordPress.org +SB is distributed under the terms of the GNU GPL. +*/