Aaron Robertshaw aaronrobertshaw
aaronrobertshaw
/ example-column-gutters.txt
Created
December 23, 2020 09:35
Example Gutenberg block content containing custom gutter sizing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- wp:columns {"gutterSize":2,"align":"wide"} --> | |
| <div class="wp-block-columns alignwide" style="--columns-block-gutter-size:2px"><!-- wp:column --> | |
| <div class="wp-block-column"><!-- wp:group {"backgroundColor":"primary"} --> | |
| <div class="wp-block-group has-primary-background-color has-background"><div class="wp-block-group__inner-container"><!-- wp:columns {"gutterSize":0} --> | |
| <div class="wp-block-columns" style="--columns-block-gutter-size:0px"><!-- wp:column --> | |
| <div class="wp-block-column"><!-- wp:group {"backgroundColor":"subtle-background"} --> | |
| <div class="wp-block-group has-subtle-background-background-color has-background"><div class="wp-block-group__inner-container"></div></div> | |
| <!-- /wp:group --></div> | |
| <!-- /wp:column --> | |
| <!-- wp:column --> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "global": { | |
| "settings": { | |
| "color": { | |
| "palette": [ | |
| { | |
| "name": "Black", | |
| "slug": "black", | |
| "color": "#000000" | |
| }, |
aaronrobertshaw
/ Group Block Border Radius
Created
January 15, 2021 00:22
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "global": { | |
| "settings": { | |
| "color": { | |
| "palette": [ | |
| { | |
| "name": "Black", | |
| "slug": "black", | |
| "color": "#000000" | |
| }, |
aaronrobertshaw
/ theme.json with additional border radius settings
Last active
January 28, 2021 06:04
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "settings": { | |
| "global": { | |
| "color": { | |
| "palette": [ | |
| { | |
| "name": "Black", | |
| "slug": "black", | |
| "color": "#000000" | |
| }, |
aaronrobertshaw
/ Border Radius Control For Global Styles - theme.json
Created
January 29, 2021 00:18
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "global": { | |
| "settings": { | |
| "color": { | |
| "palette": [ | |
| { | |
| "name": "Black", | |
| "slug": "black", | |
| "color": "#000000" | |
| }, |
aaronrobertshaw
/ experimental-default-theme.json
Created
February 15, 2021 08:24
Default image border radius and enabled controls
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "settings": { | |
| "defaults": { | |
| "color": { | |
| "palette": [ | |
| { | |
| "name": "Black", | |
| "slug": "black", | |
| "color": "#000000" | |
| }, |
aaronrobertshaw
/ GroupEdit-MultipleVisualizers
Created
March 29, 2021 05:57
Group block edit component with visualizers for both padding and margins
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div style={ { position: 'relative', overflow: 'auto' } }> | |
| <BoxControlVisualizer | |
| values={ attributes.style?.spacing?.margin } | |
| showValues={ attributes.style?.visualizers?.margin } | |
| /> | |
| <TagName { ...blockProps }> | |
| <BoxControlVisualizer | |
| values={ attributes.style?.spacing?.padding } | |
| showValues={ attributes.style?.visualizers?.padding } | |
| /> |
aaronrobertshaw
/ edit.js
Created
March 29, 2021 08:22
Group block edit component with dual visualizers
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * WordPress dependencies | |
| */ | |
| import { useSelect } from '@wordpress/data'; | |
| import { | |
| InnerBlocks, | |
| useBlockProps, | |
| InspectorAdvancedControls, | |
| __experimentalUseInnerBlocksProps as useInnerBlocksProps, | |
| store as blockEditorStore, |
aaronrobertshaw
/ experimental-default-theme.json
Created
April 7, 2021 05:57
theme JSON with custom padding/margin
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "settings": { | |
| "defaults": { | |
| "color": { | |
| "palette": [ | |
| { | |
| "name": "Black", | |
| "slug": "black", | |
| "color": "#000000" | |
| }, |
aaronrobertshaw
/ experimental-default-theme.json
Created
April 7, 2021 05:59
Theme JSON with block context custom margin
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "settings": { | |
| "defaults": { | |
| "color": { | |
| "palette": [ | |
| { | |
| "name": "Black", | |
| "slug": "black", | |
| "color": "#000000" | |
| }, |
OlderNewer