Remove BCB (#3962)
This commit is contained in:
Ben Dwyer
GitHub
parent
8e6282fbb6
commit
8c6b2f068f
49 changed files with 0 additions and 6122 deletions
File diff suppressed because it is too large
Load diff
|
|
@ -1 +0,0 @@
|
|||
<svg class="svg-icon" width="16" height="16" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 7.5C15 9.15685 13.6569 10.5 12 10.5C10.3431 10.5 9 9.15685 9 7.5C9 5.84315 10.3431 4.5 12 4.5C13.6569 4.5 15 5.84315 15 7.5ZM16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5ZM19.5 19.5V16.245C19.5 14.729 18.271 13.5 16.755 13.5L7.245 13.5C5.72898 13.5 4.5 14.729 4.5 16.245L4.5 19.5H6L6 16.245C6 15.5574 6.5574 15 7.245 15L16.755 15C17.4426 15 18 15.5574 18 16.245V19.5H19.5Z" fill="currentColor"></path></svg>
|
||||
|
Before Width: | Height: | Size: 704 B |
|
|
@ -1 +0,0 @@
|
|||
<svg class="svg-icon" width="16" height="16" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.1979 8.25L11.2098 6.27363C11.1259 6.10593 10.9545 6 10.767 6H4.995C4.72162 6 4.5 6.22162 4.5 6.495V17.505C4.5 17.7784 4.72162 18 4.995 18H19.0005C19.2764 18 19.5 17.7764 19.5 17.5005V8.7495C19.5 8.47363 19.2764 8.25 19.0005 8.25H12.1979ZM13.125 6.75H19.0005C20.1048 6.75 21 7.64521 21 8.7495V17.5005C21 18.6048 20.1048 19.5 19.0005 19.5H4.995C3.89319 19.5 3 18.6068 3 17.505V6.495C3 5.39319 3.89319 4.5 4.995 4.5H10.767C11.5227 4.5 12.2135 4.92693 12.5514 5.60281L13.125 6.75Z" fill="currentColor"></path></svg>
|
||||
|
Before Width: | Height: | Size: 725 B |
|
|
@ -1 +0,0 @@
|
|||
<svg class="svg-icon" width="16" height="16" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.5 7.5H4.5V19.0005C4.5 19.2764 4.72363 19.5 4.9995 19.5H19.0005C19.2764 19.5 19.5 19.2764 19.5 19.0005V7.5ZM3 7.5V4.9995V4.995C3 3.89319 3.89319 3 4.995 3H4.9995H19.0005H19.005C20.1068 3 21 3.89319 21 4.995V4.9995V7.5V19.0005C21 20.1048 20.1048 21 19.0005 21H4.9995C3.89521 21 3 20.1048 3 19.0005V7.5ZM7.5 10.5H9V12H7.5V10.5ZM9 15H7.5V16.5H9V15ZM11.25 10.5H12.75V12H11.25V10.5ZM12.75 15H11.25V16.5H12.75V15ZM15 10.5H16.5V12H15V10.5ZM16.5 15H15V16.5H16.5V15Z" fill="currentColor"></path></svg>
|
||||
|
Before Width: | Height: | Size: 705 B |
|
|
@ -1,7 +0,0 @@
|
|||
<!-- wp:group -->
|
||||
<div class="wp-block-group">
|
||||
<!-- wp:paragraph {"align":"center","fontSize":"tiny"} -->
|
||||
<p class="has-text-align-center has-tiny-font-size">Proudly Powered by WordPress</p>
|
||||
<!-- /wp:paragraph -->
|
||||
</div>
|
||||
<!-- /wp:group -->
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
<!-- wp:group {"align":"full","tagName":"header","style":{"spacing":{"padding":{"right":"35px","left":"35px"}}},"className":"site-header"} -->
|
||||
<header class="wp-block-group alignfull site-header" style="padding-right:35px;padding-left:35px">
|
||||
<!-- wp:site-title /-->
|
||||
<!-- wp:navigation {"orientation":"horizontal","textColor":"foreground-light","itemsJustification":"right","fontSize":"small"} /-->
|
||||
</header>
|
||||
<!-- /wp:group -->
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
<!-- wp:navigation {"orientation":"horizontal","itemsJustification":"center","isResponsive":true} -->
|
||||
<!-- /wp:navigation -->
|
||||
<!-- wp:spacer {"height":60} -->
|
||||
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
|
||||
<!-- /wp:spacer -->
|
||||
|
|
@ -1,18 +0,0 @@
|
|||
<!-- wp:template-part {"slug":"header","tagName":"header","layout":{"inherit":true}} /-->
|
||||
|
||||
<!-- wp:group {"layout":{"inherit":true}} -->
|
||||
<div class="wp-block-group">
|
||||
|
||||
<!-- wp:heading {"level":1,"fontSize":"large"} -->
|
||||
<h1 class="has-large-font-size">Oops! That page can’t be found.</h1>
|
||||
<!-- /wp:heading -->
|
||||
|
||||
<!-- wp:paragraph -->
|
||||
<p>It looks like nothing was found at this location. Maybe try a search?</p>
|
||||
<!-- /wp:paragraph -->
|
||||
|
||||
<!-- wp:search {"label":"","buttonText":"Search"} /-->
|
||||
</div>
|
||||
<!-- /wp:group -->
|
||||
|
||||
<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":true}} /-->
|
||||
|
|
@ -1,20 +0,0 @@
|
|||
<!-- wp:template-part {"slug":"header","tagName":"header","layout":{"inherit":true}} /-->
|
||||
|
||||
<!-- wp:query {"queryId":1,"query":{"perPage":10,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":""}} -->
|
||||
<div class="wp-block-query">
|
||||
<!-- wp:query-loop -->
|
||||
|
||||
<!-- wp:group {"layout":{"inherit":true}} -->
|
||||
<div class="wp-block-group">
|
||||
<!-- wp:post-title {"isLink":true} /-->
|
||||
<!-- wp:post-featured-image /-->
|
||||
</div>
|
||||
<!-- /wp:group -->
|
||||
|
||||
<!-- wp:post-content {"layout":{"inherit":true}} /-->
|
||||
|
||||
<!-- /wp:query-loop -->
|
||||
</div>
|
||||
<!-- /wp:query -->
|
||||
|
||||
<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":true}} /-->
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
<!-- wp:template-part {"slug":"header","tagName":"header","layout":{"inherit":true}} /-->
|
||||
|
||||
<!-- wp:group {"layout":{"inherit":true}} -->
|
||||
<div class="wp-block-group">
|
||||
|
||||
<!-- wp:heading -->
|
||||
<h2>Results:</h2>
|
||||
<!-- /wp:heading -->
|
||||
|
||||
<!-- wp:query {"queryId":1,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true}} -->
|
||||
<div class="wp-block-query">
|
||||
<!-- wp:query-loop -->
|
||||
|
||||
<!-- wp:post-title {"level":5,"isLink":true} /-->
|
||||
<!-- wp:post-excerpt /-->
|
||||
|
||||
<!-- /wp:query-loop -->
|
||||
</div>
|
||||
<!-- /wp:query -->
|
||||
|
||||
</div>
|
||||
<!-- /wp:group -->
|
||||
|
||||
<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":true}} /-->
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
<!-- wp:template-part {"slug":"header","tagName":"header","layout":{"inherit":true}} /-->
|
||||
|
||||
<!-- wp:group {"layout":{"inherit":true}} -->
|
||||
<div class="wp-block-group">
|
||||
<!-- wp:post-title {"isLink":true} /-->
|
||||
</div>
|
||||
<!-- /wp:group -->
|
||||
|
||||
<!-- wp:post-featured-image {"align":"wide"} /-->
|
||||
|
||||
<!-- wp:post-content {"layout":{"inherit":true}} /-->
|
||||
|
||||
<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":true}} /-->
|
||||
|
|
@ -1,82 +0,0 @@
|
|||
<?php
|
||||
if ( ! function_exists( 'blank_canvas_blocks_support' ) ) :
|
||||
function blank_canvas_blocks_support() {
|
||||
|
||||
// Alignwide and alignfull classes in the block editor.
|
||||
add_theme_support( 'align-wide' );
|
||||
|
||||
// Add support for experimental link color control.
|
||||
add_theme_support( 'experimental-link-color' );
|
||||
|
||||
// Add support for responsive embedded content.
|
||||
// https://github.com/WordPress/gutenberg/issues/26901
|
||||
add_theme_support( 'responsive-embeds' );
|
||||
|
||||
// Add support for editor styles.
|
||||
add_theme_support( 'editor-styles' );
|
||||
|
||||
// Add support for post thumbnails.
|
||||
add_theme_support( 'post-thumbnails' );
|
||||
|
||||
// Enqueue editor styles.
|
||||
add_editor_style(
|
||||
array(
|
||||
'/assets/ponyfill.css',
|
||||
)
|
||||
);
|
||||
}
|
||||
add_action( 'after_setup_theme', 'blank_canvas_blocks_support' );
|
||||
endif;
|
||||
|
||||
/**
|
||||
*
|
||||
* Enqueue scripts and styles.
|
||||
*/
|
||||
function blank_canvas_editor_styles() {
|
||||
// Enqueue editor styles.
|
||||
add_editor_style(
|
||||
array(
|
||||
blank_canvas_blocks_fonts_url(),
|
||||
)
|
||||
);
|
||||
}
|
||||
add_action( 'admin_init', 'blank_canvas_editor_styles' );
|
||||
|
||||
/**
|
||||
*
|
||||
* Enqueue scripts and styles.
|
||||
*/
|
||||
function blank_canvas_blocks_scripts() {
|
||||
// Enqueue Google fonts
|
||||
wp_enqueue_style( 'blank-canvas-blocks-fonts', blank_canvas_blocks_fonts_url(), array(), null );
|
||||
wp_enqueue_style( 'blank_canvas_blocks-ponyfill', get_template_directory_uri() . '/assets/ponyfill.css', array(), wp_get_theme()->get( 'Version' ) );
|
||||
}
|
||||
add_action( 'wp_enqueue_scripts', 'blank_canvas_blocks_scripts' );
|
||||
|
||||
/**
|
||||
* Add Google webfonts
|
||||
*
|
||||
* @return $fonts_url
|
||||
*/
|
||||
|
||||
function blank_canvas_blocks_fonts_url() {
|
||||
if ( ! class_exists( 'WP_Theme_JSON_Resolver_Gutenberg' ) ) {
|
||||
return '';
|
||||
}
|
||||
|
||||
$theme_data = WP_Theme_JSON_Resolver_Gutenberg::get_merged_data()->get_settings();
|
||||
if ( empty( $theme_data ) || empty( $theme_data['custom'] ) ) {
|
||||
return '';
|
||||
}
|
||||
|
||||
$custom_data = $theme_data['custom'];
|
||||
if ( ! array_key_exists( 'fontsToLoadFromGoogle', $custom_data ) ) {
|
||||
return '';
|
||||
}
|
||||
|
||||
$font_families = $theme_data['custom']['fontsToLoadFromGoogle'];
|
||||
$font_families[] = 'display=swap';
|
||||
|
||||
// Make a single request for the theme fonts.
|
||||
return esc_url_raw( 'https://fonts.googleapis.com/css2?' . implode( '&', $font_families ) );
|
||||
}
|
||||
3685
blank-canvas-blocks/package-lock.json
generated
3685
blank-canvas-blocks/package-lock.json
generated
File diff suppressed because it is too large
Load diff
|
|
@ -1,39 +0,0 @@
|
|||
{
|
||||
"name": "blank-canvas-blocks",
|
||||
"version": "0.1.0",
|
||||
"description": "Blank Parent Theme",
|
||||
"bugs": {
|
||||
"url": "https://github.com/Automattic/themes/issues"
|
||||
},
|
||||
"homepage": "https://github.com/Automattic/themes#readme",
|
||||
"devDependencies": {
|
||||
"@wordpress/base-styles": "^3.3.0",
|
||||
"@wordpress/browserslist-config": "^2.2.2",
|
||||
"chokidar-cli": "^2.1.0",
|
||||
"deepmerge": "^4.2.2",
|
||||
"node-sass": "^4.13.1",
|
||||
"node-sass-package-importer": "^5.3.2",
|
||||
"npm-run-all": "^4.1.5",
|
||||
"rtlcss": "^2.4.0"
|
||||
},
|
||||
"rtlcssConfig": {
|
||||
"options": {
|
||||
"autoRename": false,
|
||||
"autoRenameStrict": false,
|
||||
"blacklist": {},
|
||||
"clean": true,
|
||||
"greedy": false,
|
||||
"processUrls": false,
|
||||
"stringMap": []
|
||||
},
|
||||
"plugins": [],
|
||||
"map": false
|
||||
},
|
||||
"browserslist": [
|
||||
"extends @wordpress/browserslist-config"
|
||||
],
|
||||
"scripts": {
|
||||
"start": "chokidar \"sass/**/*.scss\" -c \"npm run build\" --initial",
|
||||
"build": "node-sass --importer node_modules/node-sass-package-importer/dist/cli.js sass/ponyfill.scss assets/ponyfill.css --output-style expanded --indent-type tab --indent-width 1 --source-map true"
|
||||
}
|
||||
}
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
# === Blank Canvas Blocks ===
|
||||
Contributors: Automattic
|
||||
Requires at least: ?
|
||||
Tested up to: ?
|
||||
Requires PHP: ?
|
||||
License: GPLv2 or later
|
||||
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
||||
|
||||
An unopinionated 'Ponyfill' to fill the gaps between where Gutenberg IS and where Gutenberg is GOING.
|
||||
|
||||
## == Description ==
|
||||
|
||||
The purpose of Blank Canvas Blocks is to provide a "ponyfill" that allows for 100% "configuration expression" of design. Any aspect of configurable design that Gutenberg does not yet take into account is expressed in theme.json 'custom' properties.
|
||||
|
||||
To use this theme assign it as the parent theme and then copy from this them to the child theme the theme.json file and fill out the details.
|
||||
|
||||
The goal is for the ponyfill styling to reflect what Gutenberg will style, from a given configuration, once that work is complete. But to offer that today, using simpler techniques that Gutenberg will use upon completion.
|
||||
|
||||
## == Building a Block Child Theme ==
|
||||
|
||||
To build a BCB child theme follow these instructions:
|
||||
|
||||
- Add a [package.json](https://github.com/Automattic/themes/blob/make/quadrat/seedlet-blocks/package.json), [style.css](https://github.com/Automattic/themes/blob/make/quadrat/seedlet-blocks/style.css) and empty index.php files to your theme
|
||||
- Your child theme's theme.json file will be built by combining BCB's original theme.json file and your child's `child-experimental-theme.json`. That is the file where your configuration values live (you only want the values for variables that are different from the parent there). To generate the combined file, run `npm run build` from inside your theme's folder or run `npm run build:child child-theme-slug` from inside BCB's folder.
|
||||
- Extend the parent's templates that you want to customize or add new ones where needed following the [template hierarchy](https://themeshaper.com/2020/12/18/getting-started-with-block-themes-templates/).
|
||||
- Using `npm run start` will both watch changes inside the `sass` and `assets` folder and changes to the `child-experimental-theme.json` file.
|
||||
- Additionally, your child theme may want to unregister the block patterns and block styles defined by BCB.
|
||||
|
||||
## == Building a Universal Child Theme ==
|
||||
|
||||
A Universal theme is a theme that works in Full Site Editing and in the Customizer. This is a concept that's still being explored so we don't have instructions to provide yet. If you are curious, you can visit [the branch](https://github.com/Automattic/themes/tree/make/quadrat) where we are developing Quadrat as a Universal Theme.
|
||||
|
|
@ -1,29 +0,0 @@
|
|||
.wp-block-post-content > .alignfull {
|
||||
margin-left: calc(-1 * var(--wp--custom--post-content--padding--left));
|
||||
margin-right: calc(-1 * var(--wp--custom--post-content--padding--right));
|
||||
width: unset;
|
||||
}
|
||||
|
||||
@include break-mobile {
|
||||
// limit size of any element that is aligned left/right
|
||||
.wp-block[data-align="left"], // This is for the editor
|
||||
.wp-block[data-align="right"], // This is for the editor
|
||||
.wp-site-blocks .alignleft,
|
||||
.wp-site-blocks .alignright {
|
||||
max-width: var(--wp--custom--alignment--aligned-max-width);
|
||||
}
|
||||
}
|
||||
|
||||
// When content is aligned left/right (particularly inside of a container) it is floated left/right
|
||||
// and needs something to ensure that the content follows the block rather than nestling up beside the floated element.
|
||||
// The issue should be resolved upstream: https://github.com/WordPress/gutenberg/issues/10299
|
||||
.wp-block-group:not(.site-header) {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
// This was added for the 'site-logo' block which centers with an 'align:center' attribute
|
||||
// instead of 'textAlign' center which sets an .aligncenter class instead of a has-text-align-center
|
||||
// class which would do this for us. I'm not sure why but this centers things appropriately.
|
||||
.aligncenter {
|
||||
text-align: center;
|
||||
}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
@import '~@wordpress/base-styles/breakpoints';
|
||||
@import '~@wordpress/base-styles/mixins';
|
||||
|
||||
@mixin break-mobile-only() {
|
||||
@media (max-width: #{ ($break-mobile - 1) }) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
// This is needed until something like https://github.com/WordPress/gutenberg/issues/24473 exists
|
||||
.site-header {
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
display: flex;
|
||||
overflow: inherit;
|
||||
|
||||
.wp-block-site-title a {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
// Hide an element accesibly instead of using display: none;
|
||||
// Source: https://github.com/WordPress/gutenberg/blob/3da717b8d0ac7d7821fc6d0475695ccf3ae2829f/packages/block-editor/src/components/responsive-block-control/style.scss#L1
|
||||
@mixin hide-accesibly {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
word-wrap: normal !important;
|
||||
}
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
|
||||
// Remove the margin in all browsers.
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
// Smooth out the fonts
|
||||
body {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
// Needed until https://github.com/WordPress/gutenberg/pull/27518/ is merged.
|
||||
img {
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
/**
|
||||
* Base
|
||||
* - Reset the browser
|
||||
*/
|
||||
|
||||
@import "normalize";
|
||||
@import "breakpoints";
|
||||
|
||||
@import "alignment";
|
||||
@import "header";
|
||||
@import "text";
|
||||
@import "utility";
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
// Text selection background color
|
||||
|
||||
::selection {
|
||||
background-color: var(--wp--custom--color--selection);
|
||||
}
|
||||
::-moz-selection {
|
||||
background-color: var(--wp--custom--color--selection);
|
||||
}
|
||||
|
||||
p, h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: var(--wp--custom--margin--vertical);
|
||||
margin-bottom: var(--wp--custom--margin--vertical);
|
||||
}
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
//Utility classes for Block styles/Patterns:
|
||||
|
||||
//Apply to Image block when we don't want margin bottom before caption
|
||||
.image-no-margin {
|
||||
margin: 0;
|
||||
& > * { //the first sibling is a div on the editor and an image on the frontend
|
||||
vertical-align: bottom;
|
||||
}
|
||||
}
|
||||
|
||||
//Removes padding on Column block when it has a background color
|
||||
.has-background-no-padding.wp-block-columns.has-background {
|
||||
padding: 0;
|
||||
}
|
||||
|
|
@ -1,113 +0,0 @@
|
|||
/**
|
||||
* Button
|
||||
*/
|
||||
|
||||
// NOTE: These remain for the styling of buttons that are NOT blocks and is used elsewhere. This can be removed when those no longer exist.
|
||||
@mixin button-main-styles {
|
||||
@include button-padding-styles;
|
||||
@include button-typography-styles;
|
||||
@include button-color-styles;
|
||||
border-radius: var(--wp--custom--button--border--radius);
|
||||
}
|
||||
|
||||
@mixin button-color-styles {
|
||||
opacity: 1;
|
||||
color: var(--wp--custom--button--color--text);
|
||||
background-color: var(--wp--custom--button--color--background);
|
||||
border-color: var(--wp--custom--button--border--color);
|
||||
svg {
|
||||
fill: var(--wp--custom--button--color--text);
|
||||
}
|
||||
}
|
||||
|
||||
//standard Button padding. Account for desired padding size and the size of the border width (so that the total height of
|
||||
//standard and outline buttons are equal.
|
||||
@mixin button-padding-styles {
|
||||
border-width: 0;
|
||||
padding-top: calc( var(--wp--custom--button--spacing--padding--top) + var(--wp--custom--button--border--width) );
|
||||
padding-bottom: calc( var(--wp--custom--button--spacing--padding--bottom) + var(--wp--custom--button--border--width) );
|
||||
padding-left: calc( var(--wp--custom--button--spacing--padding--left) + var(--wp--custom--button--border--width) );
|
||||
padding-right: calc( var(--wp--custom--button--spacing--padding--right) + var(--wp--custom--button--border--width) );
|
||||
}
|
||||
|
||||
@mixin button-typography-styles {
|
||||
font-weight: var(--wp--custom--button--typography--font-weight);
|
||||
font-family: var(--wp--custom--button--typography--font-family);
|
||||
font-size: var(--wp--custom--button--typography--font-size);
|
||||
line-height: var(--wp--custom--button--typography--line-height);
|
||||
text-decoration: none; // Needed because link styles inside .entry-content add a text decoration
|
||||
}
|
||||
|
||||
//apply outline styles. apply padding that does NOT account for border width (as the border width is applied here).
|
||||
@mixin button-border-styles {
|
||||
border-style: var(--wp--custom--button--border--style);
|
||||
border-color: currentColor;
|
||||
border-width: var(--wp--custom--button--border--width);
|
||||
padding-top: var(--wp--custom--button--spacing--padding--top);
|
||||
padding-bottom: var(--wp--custom--button--spacing--padding--bottom);
|
||||
padding-left: var(--wp--custom--button--spacing--padding--left);
|
||||
padding-right: var(--wp--custom--button--spacing--padding--right);
|
||||
}
|
||||
|
||||
|
||||
// NOTE: These remain for the hover styling of blocks. This can be removed when the button block has configurable hover states.
|
||||
// The mechanism below ONLY CHANGES CSS VARIABLES that are already applied to properties (above)
|
||||
@mixin button-hover-styles {
|
||||
//The following changes should ONLY be changed if the user has NOT set a custom color
|
||||
&:not(.has-background):not(.has-text-color) {
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.has-focus {
|
||||
//change the color variables to the hover equivalent
|
||||
--wp--custom--button--color--text: var(--wp--custom--button--hover--color--text);
|
||||
--wp--custom--button--color--background: var(--wp--custom--button--hover--color--background);
|
||||
--wp--custom--button--border--color: var(--wp--custom--button--hover--border--color);
|
||||
@include button-color-styles;
|
||||
}
|
||||
}
|
||||
//The following styles can ALWAYS be changed, even if the user has set a custom color.
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.has-focus {
|
||||
--wp--custom--button--border--radius: var(--wp--custom--button--hover--border--radius);
|
||||
--wp--custom--button--spacing--padding--top: var(--wp--custom--button--hover--spacing--padding--top);
|
||||
--wp--custom--button--spacing--padding--bottom: var(--wp--custom--button--hover--spacing--padding--bottom);
|
||||
--wp--custom--button--spacing--padding--left: var(--wp--custom--button--hover--spacing--padding--left);
|
||||
--wp--custom--button--spacing--padding--right: var(--wp--custom--button--hover--spacing--padding--right);
|
||||
--wp--custom--button--typography--font-weight: var(--wp--custom--button--hover--typography--font-weight)
|
||||
--wp--custom--button--typography--font-family: var(--wp--custom--button--hover--typography--font-family);
|
||||
--wp--custom--button--typography--font-size: var(--wp--custom--button--hover--typography--font-size);
|
||||
--wp--custom--button--typography--line-height: var(--wp--custom--button--hover--typography--line-height);
|
||||
@include button-typography-styles;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Block Options
|
||||
*/
|
||||
.wp-block-button {
|
||||
&.wp-block-button__link,
|
||||
.wp-block-button__link {
|
||||
@include button-hover-styles;
|
||||
@include button-main-styles;
|
||||
}
|
||||
&.is-style-outline {
|
||||
&.wp-block-button__link,
|
||||
.wp-block-button__link {
|
||||
--wp--custom--button--color--text: var(--wp--custom--button--border--color);
|
||||
--wp--custom--button--color--background: transparent;
|
||||
@include button-border-styles;
|
||||
@include button-hover-styles;
|
||||
@include button-color-styles;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// TODO: I'm not sure what the end goal should be here, but since we are unable to use
|
||||
// a button block OUTSIDE of the context of the button collection block (grrrrrrrrr)
|
||||
// then there are undesired margins to be dealt with somehow.
|
||||
.wp-block-buttons {
|
||||
.wp-block-button:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
// TODO: This can be removed when Gutenberg applies fontFamily correcly to .wp-block-code code (https://github.com/WordPress/gutenberg/issues/31135)
|
||||
.wp-block-code code {
|
||||
font-family: var(--wp--custom--code--typography--font-family);
|
||||
}
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
// TODO: This can be removed when Gutenberg no longer expresses opinion about the bottom margin of the block columns
|
||||
// or perhaps when the margins of blocks can be styled with the "style" portion of theme.json
|
||||
.wp-block-columns {
|
||||
margin-bottom: unset;
|
||||
}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
@import 'button';
|
||||
|
||||
// TODO: Remove when https://github.com/WordPress/gutenberg/issues/27760 is fixed
|
||||
.wp-block-file .wp-block-file__button {
|
||||
@include button-main-styles;
|
||||
@include button-hover-styles;
|
||||
display: inline-block;
|
||||
}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
.wp-block-gallery {
|
||||
.blocks-gallery-image,
|
||||
.blocks-gallery-item {
|
||||
figcaption {
|
||||
font-size: var(--wp--custom--gallery--caption--font-size);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
.wp-block-image {
|
||||
/*
|
||||
From what I can tell the below are styles regularly used by themes
|
||||
to fix the image block. I believe these should go into the block's
|
||||
default styles. It's difficult to say how this will land, however
|
||||
based on discussion found in (many) related issues here:
|
||||
https://github.com/WordPress/gutenberg/issues/28923
|
||||
*/
|
||||
text-align: center;
|
||||
}
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
ul,
|
||||
ol {
|
||||
font-family: var(--wp--custom--list--font-family);
|
||||
padding-left: var(--wp--custom--list--padding--left);
|
||||
}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
.wp-block-navigation.is-responsive {
|
||||
.wp-block-navigation__responsive-container.is-menu-open {
|
||||
background-color: var(--wp--custom--color--background);
|
||||
color: var(--wp--custom--color--foreground);
|
||||
}
|
||||
.wp-block-navigation-link__content {
|
||||
color: var(--wp--custom--color--foreground) !important;
|
||||
}
|
||||
.has-child .wp-block-navigation-link__container{
|
||||
display: revert;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
p {
|
||||
|
||||
|
||||
// Override `color: inherit` from Core styles.
|
||||
&.has-text-color a {
|
||||
color: var( --wp--style--color--link, var(--wp--custom--color--primary) );
|
||||
}
|
||||
|
||||
&.has-drop-cap:not(:focus):first-letter {
|
||||
font-size: var(--wp--custom--paragraph--dropcap--typography--font-size);
|
||||
font-family: var(--wp--custom--paragraph--dropcap--typography--font-family);
|
||||
font-weight: var(--wp--custom--paragraph--dropcap--typography--font-weight);
|
||||
margin: var(--wp--custom--paragraph--dropcap--margin);
|
||||
}
|
||||
}
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
.wp-block-post-author__name {
|
||||
font-weight: var(--wp--custom--post-author--font-weight);
|
||||
}
|
||||
|
|
@ -1,20 +0,0 @@
|
|||
@import 'button';
|
||||
|
||||
.wp-block-post-comments {
|
||||
.comment {
|
||||
font-size: var(--wp--custom--form--typography--font-size);
|
||||
}
|
||||
|
||||
label, .comment-meta {
|
||||
font-size: var(--wp--custom--form--label--typography--font-size);
|
||||
}
|
||||
|
||||
input[type="submit"], .reply a {
|
||||
@include button-main-styles;
|
||||
@include button-hover-styles;
|
||||
}
|
||||
|
||||
.reply a {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,30 +0,0 @@
|
|||
.wp-block-pullquote.is-style-solid-color,
|
||||
.wp-block-pullquote {
|
||||
text-align: var(--wp--custom--pullquote--typography--text-align);
|
||||
blockquote {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
p {
|
||||
font-size: 1em;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
.wp-block-pullquote__citation, // For the editor
|
||||
cite {
|
||||
display: block;
|
||||
font-size: var(--wp--custom--pullquote--citation--typography--font-size);
|
||||
font-family: var(--wp--custom--pullquote--citation--typography--font-family);
|
||||
font-style: var(--wp--custom--pullquote--citation--typography--font-style);
|
||||
font-weight: var(--wp--custom--pullquote--citation--typography--font-weight);
|
||||
margin-top: var(--wp--custom--pullquote--citation--spacing--margin--top);
|
||||
}
|
||||
}
|
||||
|
||||
&.is-style-solid-color {
|
||||
background-color: var(--wp--custom--color--foreground);
|
||||
color: var(--wp--custom--color--background);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
.wp-block-quote.is-style-large,
|
||||
.wp-block-quote {
|
||||
p {
|
||||
font-style: unset;
|
||||
}
|
||||
.wp-block-quote__citation, // For the editor
|
||||
cite {
|
||||
font-size: var(--wp--custom--quote--citation--typography--font-size);
|
||||
font-style: var(--wp--custom--quote--citation--typography--font-style);
|
||||
}
|
||||
}
|
||||
|
|
@ -1,30 +0,0 @@
|
|||
@import 'button';
|
||||
|
||||
.wp-block-search {
|
||||
|
||||
&.wp-block-search__button-inside {
|
||||
.wp-block-search__inside-wrapper{
|
||||
padding: var(--wp--custom--form--padding);
|
||||
border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color);
|
||||
border-radius: var(--wp--custom--form--border--radius);
|
||||
.wp-block-search__input {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-search__input {
|
||||
padding: var(--wp--custom--form--padding);
|
||||
border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color);
|
||||
}
|
||||
|
||||
&.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button,
|
||||
.wp-block-search__button {
|
||||
@include button-main-styles;
|
||||
@include button-hover-styles;
|
||||
&.has-icon {
|
||||
line-height: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
.wp-block-separator {
|
||||
margin: var(--wp--custom--separator--margin);
|
||||
opacity: var(--wp--custom--separator--opacity); // Mirror controls that Gutenberg theme.css offers: https://github.com/WordPress/gutenberg/blob/trunk/packages/block-library/src/separator/theme.scss
|
||||
&:not(.is-style-wide){
|
||||
width: var(--wp--custom--separator--width);
|
||||
}
|
||||
}
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
.wp-block-table {
|
||||
figcaption {
|
||||
font-size: var(--wp--custom--table--figcaption--typography--font-size);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
td, th {
|
||||
border: 1px solid;
|
||||
padding: calc(0.5*var(--wp--custom--margin--vertical)) calc(0.5*var(--wp--custom--margin--horizontal));
|
||||
}
|
||||
}
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
.wp-block-video {
|
||||
figcaption {
|
||||
margin: var(--wp--custom--video--caption--margin);
|
||||
text-align: var(--wp--custom--video--caption--text-align);
|
||||
}
|
||||
}
|
||||
|
|
@ -1,45 +0,0 @@
|
|||
input[type="text"],
|
||||
input[type="email"],
|
||||
input[type="url"],
|
||||
input[type="password"],
|
||||
input[type="search"],
|
||||
input[type="number"],
|
||||
input[type="tel"],
|
||||
input[type="range"],
|
||||
input[type="date"],
|
||||
input[type="month"],
|
||||
input[type="week"],
|
||||
input[type="time"],
|
||||
input[type="datetime"],
|
||||
input[type="datetime-local"],
|
||||
input[type="color"],
|
||||
textarea {
|
||||
background: var(--wp--custom--form--color--background);
|
||||
border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color);
|
||||
border-radius: var(--wp--custom--form--border--radius);
|
||||
box-shadow: var(--wp--custom--form--color--box-shadow);
|
||||
color: var(--wp--custom--form--color--text);
|
||||
font-family: var(--wp--preset--font-family--base);
|
||||
padding: var(--wp--custom--form--padding);
|
||||
|
||||
&:focus {
|
||||
color: var(--wp--custom--form--color--text);
|
||||
border-color: var(--custom--form--color--border);
|
||||
}
|
||||
}
|
||||
|
||||
select {
|
||||
font-family: inherit;
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
textarea {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
// Vertically align checkbox + label relationship
|
||||
input[type=checkbox] + label {
|
||||
display: inline;
|
||||
margin-left: 0.5em;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
|
@ -1,22 +0,0 @@
|
|||
// Default link styles
|
||||
a {
|
||||
cursor: pointer;
|
||||
text-underline-offset: 0.15em;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration-line: underline;
|
||||
}
|
||||
}
|
||||
|
||||
//Links that appear in the main content area
|
||||
.block-editor-block-list__layout a, // Needed for the post area
|
||||
.wp-block-post-content a {
|
||||
text-decoration-line: underline;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
/**
|
||||
* Elements
|
||||
* - Styles for basic HTML elemants
|
||||
*/
|
||||
|
||||
@import "links";
|
||||
@import "forms";
|
||||
|
|
@ -1,29 +0,0 @@
|
|||
// Base
|
||||
// - Reset the browser
|
||||
@import "base/style";
|
||||
|
||||
// Elements
|
||||
// - Styles for basic HTML elemants
|
||||
@import "elements/style";
|
||||
|
||||
// Blocks
|
||||
// - These styles replace key Gutenberg Block styles for fonts, colors, and
|
||||
// spacing with CSS-variables overrides
|
||||
@import "blocks/button";
|
||||
@import "blocks/code";
|
||||
@import "blocks/gallery";
|
||||
@import "blocks/image";
|
||||
@import "blocks/list";
|
||||
@import "blocks/navigation";
|
||||
@import "blocks/paragraph";
|
||||
@import "blocks/post-author";
|
||||
@import "blocks/post-comments";
|
||||
@import "blocks/pullquote";
|
||||
@import "blocks/quote";
|
||||
@import "blocks/search";
|
||||
@import "blocks/separator";
|
||||
@import "blocks/file";
|
||||
@import "blocks/table";
|
||||
@import "blocks/video";
|
||||
@import "blocks/columns";
|
||||
@import "post/meta";
|
||||
|
|
@ -1,36 +0,0 @@
|
|||
.post-meta {
|
||||
// TODO - needed until https://github.com/WordPress/gutenberg/issues/24473
|
||||
display: flex;
|
||||
|
||||
.wp-block-post-author,
|
||||
.wp-block-post-date,
|
||||
.wp-block-post-tags,
|
||||
.wp-block-post-hierarchical-terms {
|
||||
display: flex;
|
||||
margin-right: calc(2 * var(--wp--custom--margin--baseline) );
|
||||
}
|
||||
|
||||
.wp-block-post-author:before,
|
||||
.wp-block-post-date:before,
|
||||
.wp-block-post-tags:before,
|
||||
.wp-block-post-hierarchical-terms:before {
|
||||
align-self: center;
|
||||
content: '';
|
||||
display: inline-block;
|
||||
margin-right: calc(0.5 * var(--wp--custom--margin--baseline) );
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
.wp-block-post-author:before {
|
||||
background: url(svg/post-author.svg) no-repeat;
|
||||
}
|
||||
|
||||
.wp-block-post-date:before {
|
||||
background: url(svg/post-date.svg) no-repeat;
|
||||
}
|
||||
|
||||
.wp-block-post-hierarchical-terms:before {
|
||||
background: url(svg/post-category.svg) no-repeat;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 6.2 KiB |
|
|
@ -1,68 +0,0 @@
|
|||
/*
|
||||
Theme Name: Blank Canvas Blocks
|
||||
Theme URI: https://wordpress.com/theme/blank-canvas-blocks
|
||||
Author: Automattic
|
||||
Author URI: https://automattic.com/
|
||||
Description: Blank Canvas Blocks is a lightly-opinionated base theme designed for single-page websites. Its single post and page layouts have no header, navigation menus, or widgets by default so the page you design in the WordPress editor is the same page you’ll see on the front end. The theme’s default styles are conservative, relying on simple sans-serif fonts and a subtle blue highlight color. Blank Canvas Blocks is ready for your customizations.
|
||||
Requires at least: 5.7
|
||||
Tested up to: 5.7
|
||||
Requires PHP: 5.6.2
|
||||
Version: 1.0.0
|
||||
License: GNU General Public License v2 or later
|
||||
License URI: LICENSE
|
||||
Text Domain: blank-canvas-blocks
|
||||
Tags: one-column, editor-style, featured-images
|
||||
|
||||
Blank Canvas Blocks WordPress Theme, (C) 2021 Automattic, Inc.
|
||||
Blank Canvas Blocks is distributed under the terms of the GNU GPL.
|
||||
|
||||
This program is free software: you can redistribute it and/or modify
|
||||
it under the terms of the GNU General Public License as published by
|
||||
the Free Software Foundation, either version 2 of the License, or
|
||||
(at your option) any later version.
|
||||
|
||||
This program is distributed in the hope that it will be useful,
|
||||
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
GNU General Public License for more details.
|
||||
|
||||
Images from stocksnap.io
|
||||
License: CC0
|
||||
- Sarah Pflug: https://stocksnap.io/photo/hand-sign-BPQSX1BQTF
|
||||
- Clem Onojeghuo: https://stocksnap.io/photo/beanie-scarf-M2U9VL0ZWG
|
||||
- Brooke Cagle: https://stocksnap.io/photo/people-woman-MU7G67710S
|
||||
- Daria Shevtsova: https://stocksnap.io/photo/girl-camera-AZED07HITL
|
||||
- Benjamin Voros: https://stocksnap.io/photo/blue-denim-BWPRK5DEF0
|
||||
- Artsy Crafty: https://stocksnap.io/photo/office-supplies-BDVUKQ4BBF
|
||||
- Artsy Crafty: https://stocksnap.io/photo/colorful-pencils-NONEDF6REB
|
||||
- Austin Neill: https://stocksnap.io/photo/concert-singer-F66MXRQS1K
|
||||
- Bruce Mars: https://stocksnap.io/photo/woman-sunglasses-MO7PZ7AYIC
|
||||
- Foodie Girl: https://stocksnap.io/photo/nature-food-AUVLL0XR1V
|
||||
Used as block pattern images.
|
||||
|
||||
Image from foodiesfeed.com
|
||||
License: CC0
|
||||
https://www.foodiesfeed.com/free-food-photo/watermelon-juice-2/
|
||||
Used as block pattern image.
|
||||
|
||||
Hamburger Icon from Noto Emoji
|
||||
License: Apache License 2.0
|
||||
https://github.com/googlefonts/noto-emoji/blob/master/svg/emoji_u1f354.svg
|
||||
Modified and used as a block pattern image.
|
||||
|
||||
Bullhorn Icon by the Consumer Financial Protection Bureau, US
|
||||
License: Public Domain
|
||||
https://thenounproject.com/term/bullhorn/89665/
|
||||
Modified and used as a block pattern image.
|
||||
|
||||
Self-Portrait with Two Pupils, Marie Gabrielle Capet and Marie Marguerite Carreaux de Rosemond
|
||||
by Adélaïde Labille-Guiard, 1785
|
||||
License: Public Domain
|
||||
https://www.metmuseum.org/art/collection/search/436840
|
||||
Used as a block pattern image.
|
||||
|
||||
Gradient Video
|
||||
License: CC0
|
||||
Designed by Ballio Chan for the Blank Canvas theme.
|
||||
Used as block pattern background.
|
||||
*/
|
||||
|
|
@ -1,444 +0,0 @@
|
|||
{
|
||||
"version": 1,
|
||||
"templateParts": [
|
||||
{
|
||||
"name": "header",
|
||||
"area": "header"
|
||||
},
|
||||
{
|
||||
"name": "footer",
|
||||
"area": "footer"
|
||||
},
|
||||
{
|
||||
"name": "navigation",
|
||||
"area": "navigation"
|
||||
}
|
||||
],
|
||||
"settings": {
|
||||
"border": {
|
||||
"customColor": true,
|
||||
"customRadius": true,
|
||||
"customStyle": true,
|
||||
"customWidth": true
|
||||
},
|
||||
"color": {
|
||||
"gradients": [],
|
||||
"palette": [
|
||||
{
|
||||
"slug": "black",
|
||||
"color": "#000000",
|
||||
"name": "Black"
|
||||
},
|
||||
{
|
||||
"slug": "white",
|
||||
"color": "#ffffff",
|
||||
"name": "White"
|
||||
},
|
||||
{
|
||||
"slug": "blue",
|
||||
"color": "#007cba",
|
||||
"name": "Blue"
|
||||
},
|
||||
{
|
||||
"slug": "almost-black",
|
||||
"color": "#333333",
|
||||
"name": "Almost Black"
|
||||
},
|
||||
{
|
||||
"slug": "almost-white",
|
||||
"color": "#FAFAFA",
|
||||
"name": "Almost White"
|
||||
}
|
||||
]
|
||||
},
|
||||
"custom": {
|
||||
"alignment": {
|
||||
"alignedMaxWidth": "50%"
|
||||
},
|
||||
"button": {
|
||||
"border": {
|
||||
"color": "var(--wp--custom--color--foreground)",
|
||||
"radius": "4px",
|
||||
"style": "solid",
|
||||
"width": "2px"
|
||||
},
|
||||
"color": {
|
||||
"background": "var(--wp--custom--color--secondary)",
|
||||
"text": "var(--wp--custom--color--background)"
|
||||
},
|
||||
"hover": {
|
||||
"color": {
|
||||
"background": "#006ba1"
|
||||
}
|
||||
},
|
||||
"spacing": {
|
||||
"padding": {
|
||||
"top": "0.667em",
|
||||
"bottom": "0.667em",
|
||||
"left": "1.333em",
|
||||
"right": "1.333em"
|
||||
}
|
||||
},
|
||||
"typography": {
|
||||
"fontFamily": "var(--wp--preset--font-family--base)",
|
||||
"fontSize": "var(--wp--preset--font-size--normal)",
|
||||
"fontWeight": "normal",
|
||||
"lineHeight": 2
|
||||
}
|
||||
},
|
||||
"code": {
|
||||
"typography": {
|
||||
"fontFamily": "monospace"
|
||||
}
|
||||
},
|
||||
"color": {
|
||||
"primary": "var(--wp--preset--color--black)",
|
||||
"secondary": "var(--wp--preset--color--blue)",
|
||||
"tertiary": "var(--wp--preset--color--almost-white)",
|
||||
"foreground": "var(--wp--preset--color--almost-black)",
|
||||
"background": "var(--wp--preset--color--white)",
|
||||
"selection": "var(--wp--preset--color--almost-white)"
|
||||
},
|
||||
"form": {
|
||||
"padding": "calc( 0.5 * var(--wp--custom--margin--horizontal) )",
|
||||
"border": {
|
||||
"color": "#EFEFEF",
|
||||
"radius": "0",
|
||||
"style": "solid",
|
||||
"width": "2px"
|
||||
},
|
||||
"color": {
|
||||
"background": "transparent",
|
||||
"boxShadow": "none",
|
||||
"text": "var(--wp--custom--color--foreground)"
|
||||
},
|
||||
"label": {
|
||||
"typography": {
|
||||
"fontSize": "var(--wp--preset--font-size--tiny)"
|
||||
}
|
||||
},
|
||||
"typography": {
|
||||
"fontSize": "var(--wp--preset--font-size--normal)"
|
||||
}
|
||||
},
|
||||
"gallery": {
|
||||
"caption": {
|
||||
"fontSize": "var(--wp--preset--font-size--small)"
|
||||
}
|
||||
},
|
||||
"heading": {
|
||||
"typography": {
|
||||
"fontWeight": 400,
|
||||
"lineHeight": 1.125
|
||||
}
|
||||
},
|
||||
"list": {
|
||||
"fontFamily": "var(--wp--custom--font-family--base)",
|
||||
"padding": {
|
||||
"left": "calc( 2 * var(--wp--custom--margin--horizontal) )"
|
||||
}
|
||||
},
|
||||
"margin": {
|
||||
"baseline": "10px",
|
||||
"horizontal": "30px",
|
||||
"vertical": "30px"
|
||||
},
|
||||
"paragraph": {
|
||||
"dropcap": {
|
||||
"margin": ".1em .1em 0 0",
|
||||
"typography": {
|
||||
"fontFamily": "var(--wp--preset--font-family--base)",
|
||||
"fontSize": "110px",
|
||||
"fontWeight": "400"
|
||||
}
|
||||
}
|
||||
},
|
||||
"post-author": {
|
||||
"typography": {
|
||||
"fontWeight": "normal"
|
||||
}
|
||||
},
|
||||
"post-content": {
|
||||
"padding": {
|
||||
"left": "var(--wp--custom--margin--horizontal)",
|
||||
"right": "var(--wp--custom--margin--horizontal)"
|
||||
}
|
||||
},
|
||||
"pullquote": {
|
||||
"citation": {
|
||||
"typography": {
|
||||
"fontSize": "var(--wp--preset--font-size--tiny)",
|
||||
"fontFamily": "inherit",
|
||||
"fontStyle": "italic"
|
||||
},
|
||||
"spacing": {
|
||||
"margin": {
|
||||
"top": "var(--wp--custom--margin--vertical)"
|
||||
}
|
||||
}
|
||||
},
|
||||
"typography": {
|
||||
"textAlign": "left"
|
||||
}
|
||||
},
|
||||
"quote": {
|
||||
"citation": {
|
||||
"typography": {
|
||||
"fontSize": "var(--wp--preset--font-size--tiny)",
|
||||
"fontStyle": "italic",
|
||||
"fontWeight": "400"
|
||||
}
|
||||
},
|
||||
"typography": {
|
||||
"textAlign": "left"
|
||||
}
|
||||
},
|
||||
"separator": {
|
||||
"opacity": 1,
|
||||
"margin": "var(--wp--custom--margin--vertical) auto",
|
||||
"width": "150px"
|
||||
},
|
||||
"table": {
|
||||
"figcaption": {
|
||||
"typography": {
|
||||
"fontSize": "var(--wp--preset--font-size--tiny)"
|
||||
}
|
||||
}
|
||||
},
|
||||
"video": {
|
||||
"caption": {
|
||||
"textAlign": "center",
|
||||
"margin": "var(--wp--custom--margin--vertical) auto"
|
||||
}
|
||||
}
|
||||
},
|
||||
"layout": {
|
||||
"contentSize": "620px",
|
||||
"wideSize": "1000px"
|
||||
},
|
||||
"spacing": {
|
||||
"customPadding": true,
|
||||
"units": [
|
||||
"px",
|
||||
"em",
|
||||
"rem",
|
||||
"vh",
|
||||
"vw"
|
||||
]
|
||||
},
|
||||
"typography": {
|
||||
"customFontSize": true,
|
||||
"customLineHeight": true,
|
||||
"fontFamilies": [
|
||||
{
|
||||
"fontFamily": "var(--font-base, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif)",
|
||||
"slug": "base",
|
||||
"name": "Base"
|
||||
},
|
||||
{
|
||||
"fontFamily": "var(--font-headings, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif)",
|
||||
"slug": "headings",
|
||||
"name": "Headings"
|
||||
}
|
||||
],
|
||||
"fontSizes": [
|
||||
{
|
||||
"name": "Tiny",
|
||||
"size": "14px",
|
||||
"slug": "tiny"
|
||||
},
|
||||
{
|
||||
"name": "Small",
|
||||
"size": "16px",
|
||||
"slug": "small"
|
||||
},
|
||||
{
|
||||
"name": "Normal",
|
||||
"size": "18px",
|
||||
"slug": "normal"
|
||||
},
|
||||
{
|
||||
"name": "Large",
|
||||
"size": "24px",
|
||||
"slug": "large"
|
||||
},
|
||||
{
|
||||
"name": "Huge",
|
||||
"size": "28px",
|
||||
"slug": "huge"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"styles": {
|
||||
"blocks": {
|
||||
"core/button": {
|
||||
"border": {
|
||||
"radius": "var(--wp--custom--button--border--radius)"
|
||||
},
|
||||
"color": {
|
||||
"background": "var(--wp--custom--button--color--background)",
|
||||
"text": "var(--wp--custom--button--color--text)"
|
||||
},
|
||||
"typography": {
|
||||
"fontFamily": "var(--wp--custom--button--typography--font-family)",
|
||||
"fontSize": "var(--wp--custom--button--typography--font-size)",
|
||||
"fontWeight": "var(--wp--custom--button--typography--font-weight)",
|
||||
"lineHeight": "var(--wp--custom--button--typography--line-height)"
|
||||
}
|
||||
},
|
||||
"core/code": {
|
||||
"spacing": {
|
||||
"padding": {
|
||||
"left": "var(--wp--custom--margin--horizontal)",
|
||||
"right": "var(--wp--custom--margin--horizontal)",
|
||||
"top": "var(--wp--custom--margin--vertical)",
|
||||
"bottom": "var(--wp--custom--margin--vertical)"
|
||||
}
|
||||
},
|
||||
"border": {
|
||||
"color": "#CCCCCC",
|
||||
"radius": "0px",
|
||||
"style": "solid",
|
||||
"width": "2px"
|
||||
}
|
||||
},
|
||||
"core/heading": {
|
||||
"typography": {
|
||||
"fontFamily": "var(--wp--preset--font-family--headings)",
|
||||
"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
|
||||
"lineHeight": "var(--wp--custom--heading--typography--line-height)"
|
||||
}
|
||||
},
|
||||
"core/navigation": {
|
||||
"typography": {
|
||||
"fontSize": "var(--wp--preset--font-size--small)"
|
||||
}
|
||||
},
|
||||
"core/navigation-link": {
|
||||
"color": {
|
||||
"background": "var(--wp--custom--color--background)"
|
||||
}
|
||||
},
|
||||
"core/post-content": {
|
||||
"spacing": {
|
||||
"padding": {
|
||||
"left": "var(--wp--custom--post-content--padding--left)",
|
||||
"right": "var(--wp--custom--post-content--padding--right)"
|
||||
}
|
||||
}
|
||||
},
|
||||
"core/post-title": {
|
||||
"typography": {
|
||||
"fontSize": "var(--wp--preset--font-size--huge)",
|
||||
"lineHeight": "var(--wp--custom--heading--typography--line-height)"
|
||||
}
|
||||
},
|
||||
"core/post-date": {
|
||||
"color": {
|
||||
"link": "var(--wp--custom--color--foreground)",
|
||||
"text": "var(--wp--custom--color--foreground)"
|
||||
},
|
||||
"typography": {
|
||||
"fontSize": "var(--wp--preset--font-size--small)"
|
||||
}
|
||||
},
|
||||
"core/pullquote": {
|
||||
"border": {
|
||||
"style": "solid",
|
||||
"width": "1px 0"
|
||||
},
|
||||
"typography": {
|
||||
"fontStyle": "italic",
|
||||
"fontSize": "var(--wp--preset--font-size--huge)"
|
||||
},
|
||||
"spacing": {
|
||||
"padding": {
|
||||
"left": "var(--wp--custom--margin--horizontal)",
|
||||
"right": "var(--wp--custom--margin--horizontal)",
|
||||
"top": "var(--wp--custom--margin--horizontal)",
|
||||
"bottom": "var(--wp--custom--margin--horizontal)"
|
||||
}
|
||||
}
|
||||
},
|
||||
"core/separator": {
|
||||
"color": {
|
||||
"text": "var(--wp--custom--color--foreground)"
|
||||
},
|
||||
"border": {
|
||||
"color": "currentColor",
|
||||
"style": "solid",
|
||||
"width": "0 0 1px 0"
|
||||
}
|
||||
},
|
||||
"core/site-title": {
|
||||
"typography": {
|
||||
"fontSize": "60px",
|
||||
"fontWeight": 700
|
||||
}
|
||||
},
|
||||
"core/quote": {
|
||||
"border": {
|
||||
"color": "var(--wp--custom--color--secondary)",
|
||||
"style": "solid",
|
||||
"width": "0 0 0 1px"
|
||||
},
|
||||
"spacing": {
|
||||
"padding": {
|
||||
"left": "var(--wp--custom--margin--horizontal)"
|
||||
}
|
||||
},
|
||||
"typography": {
|
||||
"fontSize": "var(--wp--preset--font-size--normal)",
|
||||
"fontStyle": "normal"
|
||||
}
|
||||
}
|
||||
},
|
||||
"color": {
|
||||
"background": "var(--wp--custom--color--background)",
|
||||
"text": "var(--wp--custom--color--foreground)"
|
||||
},
|
||||
"elements": {
|
||||
"h1": {
|
||||
"typography": {
|
||||
"fontSize": "48px"
|
||||
}
|
||||
},
|
||||
"h2": {
|
||||
"typography": {
|
||||
"fontSize": "32px"
|
||||
}
|
||||
},
|
||||
"h3": {
|
||||
"typography": {
|
||||
"fontSize": "var(--wp--preset--font-size--huge)"
|
||||
}
|
||||
},
|
||||
"h4": {
|
||||
"typography": {
|
||||
"fontSize": "var(--wp--preset--font-size--large)"
|
||||
}
|
||||
},
|
||||
"h5": {
|
||||
"typography": {
|
||||
"fontSize": "var(--wp--preset--font-size--normal)"
|
||||
}
|
||||
},
|
||||
"h6": {
|
||||
"typography": {
|
||||
"fontSize": "var(--wp--preset--font-size--small)"
|
||||
}
|
||||
},
|
||||
"link": {
|
||||
"color": {
|
||||
"text": "var(--wp--custom--color--secondary)"
|
||||
}
|
||||
}
|
||||
},
|
||||
"typography": {
|
||||
"lineHeight": 1.6,
|
||||
"fontFamily": "var(--wp--preset--font-family--base)",
|
||||
"fontSize": "var(--wp--preset--font-size--normal)"
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue