first commit
This commit is contained in:
DESKTOP-DH6BVPV\chiefsoft
@@ -0,0 +1,81 @@
|
||||
{
|
||||
"$schema": "https://schemas.wp.org/trunk/block.json",
|
||||
"apiVersion": 2,
|
||||
"name": "core/post-featured-image",
|
||||
"title": "Post Featured Image",
|
||||
"category": "theme",
|
||||
"description": "Display a post's featured image.",
|
||||
"textdomain": "default",
|
||||
"attributes": {
|
||||
"isLink": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"width": {
|
||||
"type": "string"
|
||||
},
|
||||
"height": {
|
||||
"type": "string"
|
||||
},
|
||||
"scale": {
|
||||
"type": "string",
|
||||
"default": "cover"
|
||||
},
|
||||
"sizeSlug": {
|
||||
"type": "string"
|
||||
},
|
||||
"rel": {
|
||||
"type": "string",
|
||||
"attribute": "rel",
|
||||
"default": ""
|
||||
},
|
||||
"linkTarget": {
|
||||
"type": "string",
|
||||
"default": "_self"
|
||||
},
|
||||
"overlayColor": {
|
||||
"type": "string"
|
||||
},
|
||||
"customOverlayColor": {
|
||||
"type": "string"
|
||||
},
|
||||
"dimRatio": {
|
||||
"type": "number",
|
||||
"default": 0
|
||||
},
|
||||
"gradient": {
|
||||
"type": "string"
|
||||
},
|
||||
"customGradient": {
|
||||
"type": "string"
|
||||
}
|
||||
},
|
||||
"usesContext": [ "postId", "postType", "queryId" ],
|
||||
"supports": {
|
||||
"align": [ "left", "right", "center", "wide", "full" ],
|
||||
"color": {
|
||||
"__experimentalDuotone": "img, .wp-block-post-featured-image__placeholder, .components-placeholder__illustration, .components-placeholder::before",
|
||||
"text": false,
|
||||
"background": false
|
||||
},
|
||||
"__experimentalBorder": {
|
||||
"color": true,
|
||||
"radius": true,
|
||||
"width": true,
|
||||
"__experimentalSelector": "img, .block-editor-media-placeholder, .wp-block-post-featured-image__overlay",
|
||||
"__experimentalSkipSerialization": true,
|
||||
"__experimentalDefaultControls": {
|
||||
"color": true,
|
||||
"radius": true,
|
||||
"width": true
|
||||
}
|
||||
},
|
||||
"html": false,
|
||||
"spacing": {
|
||||
"margin": true,
|
||||
"padding": true
|
||||
}
|
||||
},
|
||||
"editorStyle": "wp-block-post-featured-image-editor",
|
||||
"style": "wp-block-post-featured-image"
|
||||
}
|
||||
@@ -0,0 +1,173 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* Focus styles.
|
||||
*/
|
||||
/**
|
||||
* Applies editor left position to the selector passed as argument
|
||||
*/
|
||||
/**
|
||||
* Styles that are reused verbatim in a few places
|
||||
*/
|
||||
/**
|
||||
* Allows users to opt-out of animations via OS-level preferences.
|
||||
*/
|
||||
/**
|
||||
* Reset default styles for JavaScript UI based pages.
|
||||
* This is a WP-admin agnostic reset
|
||||
*/
|
||||
/**
|
||||
* Reset the WP Admin page styles for Gutenberg-like pages.
|
||||
*/
|
||||
.wp-block-post-featured-image .block-editor-media-placeholder {
|
||||
z-index: 1;
|
||||
-webkit-backdrop-filter: none;
|
||||
backdrop-filter: none;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__placeholder,
|
||||
.wp-block-post-featured-image .components-placeholder {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 0;
|
||||
min-height: 200px;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload,
|
||||
.wp-block-post-featured-image .components-placeholder .components-form-file-upload {
|
||||
display: none;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button,
|
||||
.wp-block-post-featured-image .components-placeholder .components-button {
|
||||
padding: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: 50%;
|
||||
position: relative;
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
border-style: solid;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button > svg,
|
||||
.wp-block-post-featured-image .components-placeholder .components-button > svg {
|
||||
color: inherit;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color),
|
||||
.wp-block-post-featured-image .components-placeholder:where(.has-border-color),
|
||||
.wp-block-post-featured-image img:where(.has-border-color) {
|
||||
border-style: solid;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-top-color"]),
|
||||
.wp-block-post-featured-image .components-placeholder:where([style*="border-top-color"]),
|
||||
.wp-block-post-featured-image img:where([style*="border-top-color"]) {
|
||||
border-top-style: solid;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-right-color"]),
|
||||
.wp-block-post-featured-image .components-placeholder:where([style*="border-right-color"]),
|
||||
.wp-block-post-featured-image img:where([style*="border-right-color"]) {
|
||||
border-left-style: solid;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-bottom-color"]),
|
||||
.wp-block-post-featured-image .components-placeholder:where([style*="border-bottom-color"]),
|
||||
.wp-block-post-featured-image img:where([style*="border-bottom-color"]) {
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-left-color"]),
|
||||
.wp-block-post-featured-image .components-placeholder:where([style*="border-left-color"]),
|
||||
.wp-block-post-featured-image img:where([style*="border-left-color"]) {
|
||||
border-right-style: solid;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-width"]),
|
||||
.wp-block-post-featured-image .components-placeholder:where([style*="border-width"]),
|
||||
.wp-block-post-featured-image img:where([style*="border-width"]) {
|
||||
border-style: solid;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-top-width"]),
|
||||
.wp-block-post-featured-image .components-placeholder:where([style*="border-top-width"]),
|
||||
.wp-block-post-featured-image img:where([style*="border-top-width"]) {
|
||||
border-top-style: solid;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-right-width"]),
|
||||
.wp-block-post-featured-image .components-placeholder:where([style*="border-right-width"]),
|
||||
.wp-block-post-featured-image img:where([style*="border-right-width"]) {
|
||||
border-left-style: solid;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-bottom-width"]),
|
||||
.wp-block-post-featured-image .components-placeholder:where([style*="border-bottom-width"]),
|
||||
.wp-block-post-featured-image img:where([style*="border-bottom-width"]) {
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-left-width"]),
|
||||
.wp-block-post-featured-image .components-placeholder:where([style*="border-left-width"]),
|
||||
.wp-block-post-featured-image img:where([style*="border-left-width"]) {
|
||||
border-right-style: solid;
|
||||
}
|
||||
.wp-block-post-featured-image[style*=height] .components-placeholder {
|
||||
min-height: 48px;
|
||||
min-width: 48px;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
div[data-type="core/post-featured-image"] img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-block-post-featured-image .block-editor-media-placeholder{z-index:1;-webkit-backdrop-filter:none;backdrop-filter:none}.wp-block-post-featured-image .components-placeholder,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder{justify-content:center;align-items:center;padding:0;min-height:200px}.wp-block-post-featured-image .components-placeholder .components-form-file-upload,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload{display:none}.wp-block-post-featured-image .components-placeholder .components-button,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button{padding:0;display:flex;justify-content:center;align-items:center;width:48px;height:48px;border-radius:50%;position:relative;background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);border-style:solid;color:#fff}.wp-block-post-featured-image .components-placeholder .components-button>svg,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button>svg{color:inherit}.wp-block-post-featured-image .components-placeholder:where(.has-border-color),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color),.wp-block-post-featured-image img:where(.has-border-color){border-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-top-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-color]),.wp-block-post-featured-image img:where([style*=border-top-color]){border-top-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-right-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-color]),.wp-block-post-featured-image img:where([style*=border-right-color]){border-left-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image img:where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-left-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-color]),.wp-block-post-featured-image img:where([style*=border-left-color]){border-right-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-width]),.wp-block-post-featured-image img:where([style*=border-width]){border-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-top-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-width]),.wp-block-post-featured-image img:where([style*=border-top-width]){border-top-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-right-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-width]),.wp-block-post-featured-image img:where([style*=border-right-width]){border-left-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image img:where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-left-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-width]),.wp-block-post-featured-image img:where([style*=border-left-width]){border-right-style:solid}.wp-block-post-featured-image[style*=height] .components-placeholder{min-height:48px;min-width:48px;height:100%;width:100%}div[data-type="core/post-featured-image"] img{max-width:100%;height:auto;display:block}
|
||||
@@ -0,0 +1,173 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* Focus styles.
|
||||
*/
|
||||
/**
|
||||
* Applies editor left position to the selector passed as argument
|
||||
*/
|
||||
/**
|
||||
* Styles that are reused verbatim in a few places
|
||||
*/
|
||||
/**
|
||||
* Allows users to opt-out of animations via OS-level preferences.
|
||||
*/
|
||||
/**
|
||||
* Reset default styles for JavaScript UI based pages.
|
||||
* This is a WP-admin agnostic reset
|
||||
*/
|
||||
/**
|
||||
* Reset the WP Admin page styles for Gutenberg-like pages.
|
||||
*/
|
||||
.wp-block-post-featured-image .block-editor-media-placeholder {
|
||||
z-index: 1;
|
||||
-webkit-backdrop-filter: none;
|
||||
backdrop-filter: none;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__placeholder,
|
||||
.wp-block-post-featured-image .components-placeholder {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 0;
|
||||
min-height: 200px;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload,
|
||||
.wp-block-post-featured-image .components-placeholder .components-form-file-upload {
|
||||
display: none;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button,
|
||||
.wp-block-post-featured-image .components-placeholder .components-button {
|
||||
padding: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: 50%;
|
||||
position: relative;
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
border-style: solid;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button > svg,
|
||||
.wp-block-post-featured-image .components-placeholder .components-button > svg {
|
||||
color: inherit;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color),
|
||||
.wp-block-post-featured-image .components-placeholder:where(.has-border-color),
|
||||
.wp-block-post-featured-image img:where(.has-border-color) {
|
||||
border-style: solid;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-top-color"]),
|
||||
.wp-block-post-featured-image .components-placeholder:where([style*="border-top-color"]),
|
||||
.wp-block-post-featured-image img:where([style*="border-top-color"]) {
|
||||
border-top-style: solid;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-right-color"]),
|
||||
.wp-block-post-featured-image .components-placeholder:where([style*="border-right-color"]),
|
||||
.wp-block-post-featured-image img:where([style*="border-right-color"]) {
|
||||
border-right-style: solid;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-bottom-color"]),
|
||||
.wp-block-post-featured-image .components-placeholder:where([style*="border-bottom-color"]),
|
||||
.wp-block-post-featured-image img:where([style*="border-bottom-color"]) {
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-left-color"]),
|
||||
.wp-block-post-featured-image .components-placeholder:where([style*="border-left-color"]),
|
||||
.wp-block-post-featured-image img:where([style*="border-left-color"]) {
|
||||
border-left-style: solid;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-width"]),
|
||||
.wp-block-post-featured-image .components-placeholder:where([style*="border-width"]),
|
||||
.wp-block-post-featured-image img:where([style*="border-width"]) {
|
||||
border-style: solid;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-top-width"]),
|
||||
.wp-block-post-featured-image .components-placeholder:where([style*="border-top-width"]),
|
||||
.wp-block-post-featured-image img:where([style*="border-top-width"]) {
|
||||
border-top-style: solid;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-right-width"]),
|
||||
.wp-block-post-featured-image .components-placeholder:where([style*="border-right-width"]),
|
||||
.wp-block-post-featured-image img:where([style*="border-right-width"]) {
|
||||
border-right-style: solid;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-bottom-width"]),
|
||||
.wp-block-post-featured-image .components-placeholder:where([style*="border-bottom-width"]),
|
||||
.wp-block-post-featured-image img:where([style*="border-bottom-width"]) {
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-left-width"]),
|
||||
.wp-block-post-featured-image .components-placeholder:where([style*="border-left-width"]),
|
||||
.wp-block-post-featured-image img:where([style*="border-left-width"]) {
|
||||
border-left-style: solid;
|
||||
}
|
||||
.wp-block-post-featured-image[style*=height] .components-placeholder {
|
||||
min-height: 48px;
|
||||
min-width: 48px;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
div[data-type="core/post-featured-image"] img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-block-post-featured-image .block-editor-media-placeholder{z-index:1;-webkit-backdrop-filter:none;backdrop-filter:none}.wp-block-post-featured-image .components-placeholder,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder{justify-content:center;align-items:center;padding:0;min-height:200px}.wp-block-post-featured-image .components-placeholder .components-form-file-upload,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload{display:none}.wp-block-post-featured-image .components-placeholder .components-button,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button{padding:0;display:flex;justify-content:center;align-items:center;width:48px;height:48px;border-radius:50%;position:relative;background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);border-style:solid;color:#fff}.wp-block-post-featured-image .components-placeholder .components-button>svg,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button>svg{color:inherit}.wp-block-post-featured-image .components-placeholder:where(.has-border-color),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color),.wp-block-post-featured-image img:where(.has-border-color){border-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-top-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-color]),.wp-block-post-featured-image img:where([style*=border-top-color]){border-top-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-right-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-color]),.wp-block-post-featured-image img:where([style*=border-right-color]){border-right-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image img:where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-left-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-color]),.wp-block-post-featured-image img:where([style*=border-left-color]){border-left-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-width]),.wp-block-post-featured-image img:where([style*=border-width]){border-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-top-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-width]),.wp-block-post-featured-image img:where([style*=border-top-width]){border-top-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-right-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-width]),.wp-block-post-featured-image img:where([style*=border-right-width]){border-right-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image img:where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-left-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-width]),.wp-block-post-featured-image img:where([style*=border-left-width]){border-left-style:solid}.wp-block-post-featured-image[style*=height] .components-placeholder{min-height:48px;min-width:48px;height:100%;width:100%}div[data-type="core/post-featured-image"] img{max-width:100%;height:auto;display:block}
|
||||
@@ -0,0 +1,138 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* Focus styles.
|
||||
*/
|
||||
/**
|
||||
* Applies editor left position to the selector passed as argument
|
||||
*/
|
||||
/**
|
||||
* Styles that are reused verbatim in a few places
|
||||
*/
|
||||
/**
|
||||
* Allows users to opt-out of animations via OS-level preferences.
|
||||
*/
|
||||
/**
|
||||
* Reset default styles for JavaScript UI based pages.
|
||||
* This is a WP-admin agnostic reset
|
||||
*/
|
||||
/**
|
||||
* Reset the WP Admin page styles for Gutenberg-like pages.
|
||||
*/
|
||||
.wp-block-post-featured-image {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
.wp-block-post-featured-image a {
|
||||
display: block;
|
||||
}
|
||||
.wp-block-post-featured-image img {
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
vertical-align: bottom;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img {
|
||||
width: 100%;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background-color: #000;
|
||||
}
|
||||
.wp-block-post-featured-image {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient {
|
||||
background-color: transparent;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0 {
|
||||
opacity: 0;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10 {
|
||||
opacity: 0.1;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20 {
|
||||
opacity: 0.2;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30 {
|
||||
opacity: 0.3;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40 {
|
||||
opacity: 0.4;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50 {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60 {
|
||||
opacity: 0.6;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70 {
|
||||
opacity: 0.7;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80 {
|
||||
opacity: 0.8;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90 {
|
||||
opacity: 0.9;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100 {
|
||||
opacity: 1;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-block-post-featured-image{margin-right:0;margin-left:0}.wp-block-post-featured-image a{display:block}.wp-block-post-featured-image img{max-width:100%;width:100%;height:auto;vertical-align:bottom;box-sizing:border-box}.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{width:100%}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim{position:absolute;inset:0;background-color:#000}.wp-block-post-featured-image{position:relative}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient{background-color:transparent}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0{opacity:0}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10{opacity:.1}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20{opacity:.2}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30{opacity:.3}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40{opacity:.4}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50{opacity:.5}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60{opacity:.6}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70{opacity:.7}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80{opacity:.8}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90{opacity:.9}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100{opacity:1}
|
||||
@@ -0,0 +1,138 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* Focus styles.
|
||||
*/
|
||||
/**
|
||||
* Applies editor left position to the selector passed as argument
|
||||
*/
|
||||
/**
|
||||
* Styles that are reused verbatim in a few places
|
||||
*/
|
||||
/**
|
||||
* Allows users to opt-out of animations via OS-level preferences.
|
||||
*/
|
||||
/**
|
||||
* Reset default styles for JavaScript UI based pages.
|
||||
* This is a WP-admin agnostic reset
|
||||
*/
|
||||
/**
|
||||
* Reset the WP Admin page styles for Gutenberg-like pages.
|
||||
*/
|
||||
.wp-block-post-featured-image {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.wp-block-post-featured-image a {
|
||||
display: block;
|
||||
}
|
||||
.wp-block-post-featured-image img {
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
vertical-align: bottom;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img {
|
||||
width: 100%;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background-color: #000;
|
||||
}
|
||||
.wp-block-post-featured-image {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient {
|
||||
background-color: transparent;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0 {
|
||||
opacity: 0;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10 {
|
||||
opacity: 0.1;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20 {
|
||||
opacity: 0.2;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30 {
|
||||
opacity: 0.3;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40 {
|
||||
opacity: 0.4;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50 {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60 {
|
||||
opacity: 0.6;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70 {
|
||||
opacity: 0.7;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80 {
|
||||
opacity: 0.8;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90 {
|
||||
opacity: 0.9;
|
||||
}
|
||||
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100 {
|
||||
opacity: 1;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-block-post-featured-image{margin-left:0;margin-right:0}.wp-block-post-featured-image a{display:block}.wp-block-post-featured-image img{max-width:100%;width:100%;height:auto;vertical-align:bottom;box-sizing:border-box}.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{width:100%}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim{position:absolute;inset:0;background-color:#000}.wp-block-post-featured-image{position:relative}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient{background-color:transparent}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0{opacity:0}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10{opacity:.1}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20{opacity:.2}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30{opacity:.3}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40{opacity:.4}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50{opacity:.5}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60{opacity:.6}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70{opacity:.7}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80{opacity:.8}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90{opacity:.9}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100{opacity:1}
|
||||
Reference in New Issue
Block a user