Skip to content

Instantly share code, notes, and snippets.

View aaronrobertshaw's full-sized avatar

Aaron Robertshaw aaronrobertshaw

View GitHub Profile
@aaronrobertshaw
aaronrobertshaw / theme.json
Created October 15, 2021 01:54
Enable custom margin TT2 theme.json
{
"version": 1,
"settings": {
"color": {
"gradients": [],
"link": true,
"palette": [
{
"slug": "foreground",
"color": "#000000",
@aaronrobertshaw
aaronrobertshaw / block.json
Created October 15, 2021 01:53
Post Title block.json
{
"apiVersion": 2,
"name": "core/post-title",
"title": "Post Title",
"category": "theme",
"description": "Displays the title of a post, page, or any other content-type.",
"textdomain": "default",
"usesContext": [ "postId", "postType", "queryId" ],
"attributes": {
"textAlign": {

DropdownMenu

The DropdownMenu displays a list of actions (each contained in a MenuItem, MenuItemsChoice, or MenuGroup) in a compact way. It appears in a Popover after the user has interacted with an element (a button or icon) or when they perform a specific action.

An expanded DropdownMenu, containing a list of MenuItems.

Table of contents

  1. Design guidelines
  2. Development guidelines
{
"version": 1,
"settings": {
"color": {
"palette": [
{
"name": "Black",
"slug": "black",
"color": "#000000"
},
@aaronrobertshaw
aaronrobertshaw / theme.json
Created July 6, 2021 10:02
TT1 Theme.json Demo Short/Longhand Styles
{
"version": 1,
"templateParts": [
{
"name": "header",
"area": "header"
},
{
"name": "footer",
"area": "footer"
{
"version": 1,
"templateParts": [
{
"name": "header",
"area": "header"
},
{
"name": "footer",
"area": "footer"
@aaronrobertshaw
aaronrobertshaw / experimental-default-theme.json
Created July 6, 2021 05:38
Custom quote border color theme.json
{
"version": 1,
"settings": {
"color": {
"palette": [
{
"name": "Black",
"slug": "black",
"color": "#000000"
},
@aaronrobertshaw
aaronrobertshaw / style.scss
Created June 23, 2021 04:45
Columns styles to change vertical alignment after background color addition
.wp-block-columns {
display: flex;
margin-bottom: 1.75em;
box-sizing: border-box;
// Responsiveness: Allow wrapping on mobile.
flex-wrap: wrap;
@include break-medium() {
flex-wrap: nowrap;
@aaronrobertshaw
aaronrobertshaw / block.json
Created June 8, 2021 08:51
Group block.json enabling spacing support and showing margin/padding controls by default
{
"apiVersion": 2,
"name": "core/group",
"title": "Group",
"category": "design",
"description": "Combine blocks into a group.",
"keywords": [ "container", "wrapper", "row", "section" ],
"textdomain": "default",
"attributes": {
"tagName": {
@aaronrobertshaw
aaronrobertshaw / experimental-default-theme.json
Created June 8, 2021 08:50
Theme.json with margin and padding support enabled
{
"version": 1,
"settings": {
"color": {
"palette": [
{
"name": "Black",
"slug": "black",
"color": "#000000",
"origin": "core"