Editor: Remove unnecessary CSS comments from compiled styles.
Props aristath, adamsilverstein, SergeyBiryukov, gziolo. Fixes #56388. Built from https://develop.svn.wordpress.org/trunk@55193 git-svn-id: http://core.svn.wordpress.org/trunk@54726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Felix Arntz
parent
5b4af6125a
commit
043e2016a3
|
|
@ -1,79 +1,3 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
ul.wp-block-archives {
|
||||
padding-right: 2.5em;
|
||||
ul.wp-block-archives{
|
||||
padding-right:2.5em;
|
||||
}
|
||||
|
|
@ -1,79 +1,3 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
ul.wp-block-archives {
|
||||
padding-left: 2.5em;
|
||||
ul.wp-block-archives{
|
||||
padding-left:2.5em;
|
||||
}
|
||||
|
|
@ -1,79 +1,3 @@
|
|||
/**
|
||||
* 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-archives-dropdown label {
|
||||
display: block;
|
||||
.wp-block-archives-dropdown label{
|
||||
display:block;
|
||||
}
|
||||
|
|
@ -1,79 +1,3 @@
|
|||
/**
|
||||
* 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-archives-dropdown label {
|
||||
display: block;
|
||||
.wp-block-archives-dropdown label{
|
||||
display:block;
|
||||
}
|
||||
|
|
@ -1,91 +1,15 @@
|
|||
/**
|
||||
* 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-audio {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
position: relative;
|
||||
.wp-block-audio{
|
||||
margin-left:0;
|
||||
margin-right:0;
|
||||
position:relative;
|
||||
}
|
||||
.wp-block-audio.is-transient audio {
|
||||
opacity: 0.3;
|
||||
.wp-block-audio.is-transient audio{
|
||||
opacity:.3;
|
||||
}
|
||||
.wp-block-audio .components-spinner {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 50%;
|
||||
margin-top: -9px;
|
||||
margin-right: -9px;
|
||||
.wp-block-audio .components-spinner{
|
||||
margin-right:-9px;
|
||||
margin-top:-9px;
|
||||
position:absolute;
|
||||
right:50%;
|
||||
top:50%;
|
||||
}
|
||||
|
|
@ -1,91 +1,15 @@
|
|||
/**
|
||||
* 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-audio {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
position: relative;
|
||||
.wp-block-audio{
|
||||
margin-left:0;
|
||||
margin-right:0;
|
||||
position:relative;
|
||||
}
|
||||
.wp-block-audio.is-transient audio {
|
||||
opacity: 0.3;
|
||||
.wp-block-audio.is-transient audio{
|
||||
opacity:.3;
|
||||
}
|
||||
.wp-block-audio .components-spinner {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -9px;
|
||||
margin-left: -9px;
|
||||
.wp-block-audio .components-spinner{
|
||||
left:50%;
|
||||
margin-left:-9px;
|
||||
margin-top:-9px;
|
||||
position:absolute;
|
||||
top:50%;
|
||||
}
|
||||
|
|
@ -1,87 +1,11 @@
|
|||
/**
|
||||
* 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-audio {
|
||||
box-sizing: border-box;
|
||||
.wp-block-audio{
|
||||
box-sizing:border-box;
|
||||
}
|
||||
.wp-block-audio figcaption {
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 1em;
|
||||
.wp-block-audio figcaption{
|
||||
margin-bottom:1em;
|
||||
margin-top:.5em;
|
||||
}
|
||||
.wp-block-audio audio {
|
||||
width: 100%;
|
||||
min-width: 300px;
|
||||
.wp-block-audio audio{
|
||||
min-width:300px;
|
||||
width:100%;
|
||||
}
|
||||
|
|
@ -1,87 +1,11 @@
|
|||
/**
|
||||
* 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-audio {
|
||||
box-sizing: border-box;
|
||||
.wp-block-audio{
|
||||
box-sizing:border-box;
|
||||
}
|
||||
.wp-block-audio figcaption {
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 1em;
|
||||
.wp-block-audio figcaption{
|
||||
margin-bottom:1em;
|
||||
margin-top:.5em;
|
||||
}
|
||||
.wp-block-audio audio {
|
||||
width: 100%;
|
||||
min-width: 300px;
|
||||
.wp-block-audio audio{
|
||||
min-width:300px;
|
||||
width:100%;
|
||||
}
|
||||
|
|
@ -1,88 +1,12 @@
|
|||
/**
|
||||
* 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-audio figcaption {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
.wp-block-audio figcaption{
|
||||
color:#555;
|
||||
font-size:13px;
|
||||
text-align:center;
|
||||
}
|
||||
.is-dark-theme .wp-block-audio figcaption {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
.is-dark-theme .wp-block-audio figcaption{
|
||||
color:hsla(0,0%,100%,.65);
|
||||
}
|
||||
|
||||
.wp-block-audio {
|
||||
margin: 0 0 1em 0;
|
||||
.wp-block-audio{
|
||||
margin:0 0 1em;
|
||||
}
|
||||
|
|
@ -1,88 +1,12 @@
|
|||
/**
|
||||
* 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-audio figcaption {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
.wp-block-audio figcaption{
|
||||
color:#555;
|
||||
font-size:13px;
|
||||
text-align:center;
|
||||
}
|
||||
.is-dark-theme .wp-block-audio figcaption {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
.is-dark-theme .wp-block-audio figcaption{
|
||||
color:hsla(0,0%,100%,.65);
|
||||
}
|
||||
|
||||
.wp-block-audio {
|
||||
margin: 0 0 1em 0;
|
||||
.wp-block-audio{
|
||||
margin:0 0 1em;
|
||||
}
|
||||
|
|
@ -1,83 +1,7 @@
|
|||
/**
|
||||
* 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-avatar__image img {
|
||||
width: 100%;
|
||||
.wp-block-avatar__image img{
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.wp-block-avatar.aligncenter .components-resizable-box__container {
|
||||
margin: 0 auto;
|
||||
.wp-block-avatar.aligncenter .components-resizable-box__container{
|
||||
margin:0 auto;
|
||||
}
|
||||
|
|
@ -1,83 +1,7 @@
|
|||
/**
|
||||
* 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-avatar__image img {
|
||||
width: 100%;
|
||||
.wp-block-avatar__image img{
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.wp-block-avatar.aligncenter .components-resizable-box__container {
|
||||
margin: 0 auto;
|
||||
.wp-block-avatar.aligncenter .components-resizable-box__container{
|
||||
margin:0 auto;
|
||||
}
|
||||
|
|
@ -1,82 +1,6 @@
|
|||
/**
|
||||
* 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-avatar {
|
||||
box-sizing: border-box;
|
||||
.wp-block-avatar{
|
||||
box-sizing:border-box;
|
||||
}
|
||||
.wp-block-avatar.aligncenter {
|
||||
text-align: center;
|
||||
.wp-block-avatar.aligncenter{
|
||||
text-align:center;
|
||||
}
|
||||
|
|
@ -1,82 +1,6 @@
|
|||
/**
|
||||
* 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-avatar {
|
||||
box-sizing: border-box;
|
||||
.wp-block-avatar{
|
||||
box-sizing:border-box;
|
||||
}
|
||||
.wp-block-avatar.aligncenter {
|
||||
text-align: center;
|
||||
.wp-block-avatar.aligncenter{
|
||||
text-align:center;
|
||||
}
|
||||
|
|
@ -1,86 +1,10 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container{
|
||||
padding-left:0;
|
||||
padding-right:0;
|
||||
}
|
||||
.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow {
|
||||
display: block;
|
||||
.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow{
|
||||
display:block;
|
||||
}
|
||||
.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender {
|
||||
display: none;
|
||||
.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender{
|
||||
display:none;
|
||||
}
|
||||
|
|
@ -1,86 +1,10 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container{
|
||||
padding-left:0;
|
||||
padding-right:0;
|
||||
}
|
||||
.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow {
|
||||
display: block;
|
||||
.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow{
|
||||
display:block;
|
||||
}
|
||||
.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender {
|
||||
display: none;
|
||||
.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender{
|
||||
display:none;
|
||||
}
|
||||
|
|
@ -1,143 +1,61 @@
|
|||
/**
|
||||
* 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[data-align=center] > .wp-block-button {
|
||||
text-align: center;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
.wp-block[data-align=center]>.wp-block-button{
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.wp-block[data-align=right] > .wp-block-button {
|
||||
text-align: right;
|
||||
.wp-block[data-align=right]>.wp-block-button{
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
.wp-block-button {
|
||||
position: relative;
|
||||
cursor: text;
|
||||
.wp-block-button{
|
||||
cursor:text;
|
||||
position:relative;
|
||||
}
|
||||
.wp-block-button:focus {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: -2px;
|
||||
.wp-block-button:focus{
|
||||
box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color);
|
||||
outline:2px solid transparent;
|
||||
outline-offset:-2px;
|
||||
}
|
||||
.wp-block-button[data-rich-text-placeholder]::after {
|
||||
opacity: 0.8;
|
||||
.wp-block-button[data-rich-text-placeholder]:after{
|
||||
opacity:.8;
|
||||
}
|
||||
|
||||
.wp-block-button__inline-link {
|
||||
color: #757575;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
max-width: 290px;
|
||||
.wp-block-button__inline-link{
|
||||
color:#757575;
|
||||
height:0;
|
||||
max-width:290px;
|
||||
overflow:hidden;
|
||||
}
|
||||
.wp-block-button__inline-link-input__suggestions {
|
||||
max-width: 290px;
|
||||
.wp-block-button__inline-link-input__suggestions{
|
||||
max-width:290px;
|
||||
}
|
||||
@media (min-width: 782px) {
|
||||
.wp-block-button__inline-link {
|
||||
max-width: 260px;
|
||||
}
|
||||
.wp-block-button__inline-link-input__suggestions {
|
||||
max-width: 260px;
|
||||
@media (min-width:782px){
|
||||
.wp-block-button__inline-link,.wp-block-button__inline-link-input__suggestions{
|
||||
max-width:260px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 960px) {
|
||||
.wp-block-button__inline-link {
|
||||
max-width: 290px;
|
||||
}
|
||||
.wp-block-button__inline-link-input__suggestions {
|
||||
max-width: 290px;
|
||||
@media (min-width:960px){
|
||||
.wp-block-button__inline-link,.wp-block-button__inline-link-input__suggestions{
|
||||
max-width:290px;
|
||||
}
|
||||
}
|
||||
.is-selected .wp-block-button__inline-link {
|
||||
height: auto;
|
||||
overflow: visible;
|
||||
.is-selected .wp-block-button__inline-link{
|
||||
height:auto;
|
||||
overflow:visible;
|
||||
}
|
||||
|
||||
.wp-button-label__width .components-button-group {
|
||||
display: block;
|
||||
.wp-button-label__width .components-button-group{
|
||||
display:block;
|
||||
}
|
||||
.wp-button-label__width .components-base-control__field {
|
||||
margin-bottom: 12px;
|
||||
.wp-button-label__width .components-base-control__field{
|
||||
margin-bottom:12px;
|
||||
}
|
||||
|
||||
div[data-type="core/button"] {
|
||||
display: table;
|
||||
div[data-type="core/button"]{
|
||||
display:table;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link {
|
||||
text-decoration: inherit;
|
||||
.editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link{
|
||||
text-decoration:inherit;
|
||||
}
|
||||
|
|
@ -1,144 +1,61 @@
|
|||
/**
|
||||
* 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[data-align=center] > .wp-block-button {
|
||||
text-align: center;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
.wp-block[data-align=center]>.wp-block-button{
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.wp-block[data-align=right] > .wp-block-button {
|
||||
/*!rtl:ignore*/
|
||||
text-align: right;
|
||||
.wp-block[data-align=right]>.wp-block-button{
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
.wp-block-button {
|
||||
position: relative;
|
||||
cursor: text;
|
||||
.wp-block-button{
|
||||
cursor:text;
|
||||
position:relative;
|
||||
}
|
||||
.wp-block-button:focus {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: -2px;
|
||||
.wp-block-button:focus{
|
||||
box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color);
|
||||
outline:2px solid transparent;
|
||||
outline-offset:-2px;
|
||||
}
|
||||
.wp-block-button[data-rich-text-placeholder]::after {
|
||||
opacity: 0.8;
|
||||
.wp-block-button[data-rich-text-placeholder]:after{
|
||||
opacity:.8;
|
||||
}
|
||||
|
||||
.wp-block-button__inline-link {
|
||||
color: #757575;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
max-width: 290px;
|
||||
.wp-block-button__inline-link{
|
||||
color:#757575;
|
||||
height:0;
|
||||
max-width:290px;
|
||||
overflow:hidden;
|
||||
}
|
||||
.wp-block-button__inline-link-input__suggestions {
|
||||
max-width: 290px;
|
||||
.wp-block-button__inline-link-input__suggestions{
|
||||
max-width:290px;
|
||||
}
|
||||
@media (min-width: 782px) {
|
||||
.wp-block-button__inline-link {
|
||||
max-width: 260px;
|
||||
}
|
||||
.wp-block-button__inline-link-input__suggestions {
|
||||
max-width: 260px;
|
||||
@media (min-width:782px){
|
||||
.wp-block-button__inline-link,.wp-block-button__inline-link-input__suggestions{
|
||||
max-width:260px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 960px) {
|
||||
.wp-block-button__inline-link {
|
||||
max-width: 290px;
|
||||
}
|
||||
.wp-block-button__inline-link-input__suggestions {
|
||||
max-width: 290px;
|
||||
@media (min-width:960px){
|
||||
.wp-block-button__inline-link,.wp-block-button__inline-link-input__suggestions{
|
||||
max-width:290px;
|
||||
}
|
||||
}
|
||||
.is-selected .wp-block-button__inline-link {
|
||||
height: auto;
|
||||
overflow: visible;
|
||||
.is-selected .wp-block-button__inline-link{
|
||||
height:auto;
|
||||
overflow:visible;
|
||||
}
|
||||
|
||||
.wp-button-label__width .components-button-group {
|
||||
display: block;
|
||||
.wp-button-label__width .components-button-group{
|
||||
display:block;
|
||||
}
|
||||
.wp-button-label__width .components-base-control__field {
|
||||
margin-bottom: 12px;
|
||||
.wp-button-label__width .components-base-control__field{
|
||||
margin-bottom:12px;
|
||||
}
|
||||
|
||||
div[data-type="core/button"] {
|
||||
display: table;
|
||||
div[data-type="core/button"]{
|
||||
display:table;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link {
|
||||
text-decoration: inherit;
|
||||
.editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link{
|
||||
text-decoration:inherit;
|
||||
}
|
||||
|
|
@ -1,160 +1,79 @@
|
|||
/**
|
||||
* 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-button__link {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
word-break: break-word;
|
||||
box-sizing: border-box;
|
||||
.wp-block-button__link{
|
||||
box-sizing:border-box;
|
||||
cursor:pointer;
|
||||
display:inline-block;
|
||||
text-align:center;
|
||||
word-break:break-word;
|
||||
}
|
||||
.wp-block-button__link.aligncenter {
|
||||
text-align: center;
|
||||
.wp-block-button__link.aligncenter{
|
||||
text-align:center;
|
||||
}
|
||||
.wp-block-button__link.alignright {
|
||||
text-align: right;
|
||||
.wp-block-button__link.alignright{
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
:where(.wp-block-button__link) {
|
||||
box-shadow: none;
|
||||
text-decoration: none;
|
||||
border-radius: 9999px;
|
||||
padding: calc(0.667em + 2px) calc(1.333em + 2px);
|
||||
:where(.wp-block-button__link){
|
||||
border-radius:9999px;
|
||||
box-shadow:none;
|
||||
padding:calc(.667em + 2px) calc(1.333em + 2px);
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.wp-block-button[style*=text-decoration] .wp-block-button__link {
|
||||
text-decoration: inherit;
|
||||
.wp-block-button[style*=text-decoration] .wp-block-button__link{
|
||||
text-decoration:inherit;
|
||||
}
|
||||
|
||||
.wp-block-buttons > .wp-block-button.has-custom-width {
|
||||
max-width: none;
|
||||
.wp-block-buttons>.wp-block-button.has-custom-width{
|
||||
max-width:none;
|
||||
}
|
||||
.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {
|
||||
width: 100%;
|
||||
.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link {
|
||||
font-size: inherit;
|
||||
.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{
|
||||
font-size:inherit;
|
||||
}
|
||||
.wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
|
||||
width: calc(25% - (var(--wp--style--block-gap, 0.5em) * 0.75));
|
||||
.wp-block-buttons>.wp-block-button.wp-block-button__width-25{
|
||||
width:calc(25% - var(--wp--style--block-gap, .5em)*.75);
|
||||
}
|
||||
.wp-block-buttons > .wp-block-button.wp-block-button__width-50 {
|
||||
width: calc(50% - (var(--wp--style--block-gap, 0.5em) * 0.5));
|
||||
.wp-block-buttons>.wp-block-button.wp-block-button__width-50{
|
||||
width:calc(50% - var(--wp--style--block-gap, .5em)*.5);
|
||||
}
|
||||
.wp-block-buttons > .wp-block-button.wp-block-button__width-75 {
|
||||
width: calc(75% - (var(--wp--style--block-gap, 0.5em) * 0.25));
|
||||
.wp-block-buttons>.wp-block-button.wp-block-button__width-75{
|
||||
width:calc(75% - var(--wp--style--block-gap, .5em)*.25);
|
||||
}
|
||||
.wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
|
||||
width: 100%;
|
||||
flex-basis: 100%;
|
||||
.wp-block-buttons>.wp-block-button.wp-block-button__width-100{
|
||||
flex-basis:100%;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-25 {
|
||||
width: 25%;
|
||||
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{
|
||||
width:25%;
|
||||
}
|
||||
.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-50 {
|
||||
width: 50%;
|
||||
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{
|
||||
width:50%;
|
||||
}
|
||||
.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-75 {
|
||||
width: 75%;
|
||||
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{
|
||||
width:75%;
|
||||
}
|
||||
|
||||
.wp-block-button.is-style-squared,
|
||||
.wp-block-button__link.wp-block-button.is-style-squared {
|
||||
border-radius: 0;
|
||||
.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{
|
||||
border-radius:0;
|
||||
}
|
||||
|
||||
.wp-block-button.no-border-radius,
|
||||
.wp-block-button__link.no-border-radius {
|
||||
border-radius: 0 !important;
|
||||
.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{
|
||||
border-radius:0 !important;
|
||||
}
|
||||
|
||||
.wp-block-button.is-style-outline > .wp-block-button__link,
|
||||
.wp-block-button .wp-block-button__link.is-style-outline {
|
||||
border: 2px solid currentColor;
|
||||
padding: 0.667em 1.333em;
|
||||
.wp-block-button .wp-block-button__link.is-style-outline,.wp-block-button.is-style-outline>.wp-block-button__link{
|
||||
border:2px solid;
|
||||
padding:.667em 1.333em;
|
||||
}
|
||||
|
||||
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color),
|
||||
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color) {
|
||||
color: currentColor;
|
||||
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color){
|
||||
color:currentColor;
|
||||
}
|
||||
|
||||
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background),
|
||||
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background) {
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background){
|
||||
background-color:initial;
|
||||
background-image:none;
|
||||
}
|
||||
|
|
@ -1,161 +1,79 @@
|
|||
/**
|
||||
* 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-button__link {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
word-break: break-word;
|
||||
box-sizing: border-box;
|
||||
.wp-block-button__link{
|
||||
box-sizing:border-box;
|
||||
cursor:pointer;
|
||||
display:inline-block;
|
||||
text-align:center;
|
||||
word-break:break-word;
|
||||
}
|
||||
.wp-block-button__link.aligncenter {
|
||||
text-align: center;
|
||||
.wp-block-button__link.aligncenter{
|
||||
text-align:center;
|
||||
}
|
||||
.wp-block-button__link.alignright {
|
||||
/*rtl:ignore*/
|
||||
text-align: right;
|
||||
.wp-block-button__link.alignright{
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
:where(.wp-block-button__link) {
|
||||
box-shadow: none;
|
||||
text-decoration: none;
|
||||
border-radius: 9999px;
|
||||
padding: calc(0.667em + 2px) calc(1.333em + 2px);
|
||||
:where(.wp-block-button__link){
|
||||
border-radius:9999px;
|
||||
box-shadow:none;
|
||||
padding:calc(.667em + 2px) calc(1.333em + 2px);
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.wp-block-button[style*=text-decoration] .wp-block-button__link {
|
||||
text-decoration: inherit;
|
||||
.wp-block-button[style*=text-decoration] .wp-block-button__link{
|
||||
text-decoration:inherit;
|
||||
}
|
||||
|
||||
.wp-block-buttons > .wp-block-button.has-custom-width {
|
||||
max-width: none;
|
||||
.wp-block-buttons>.wp-block-button.has-custom-width{
|
||||
max-width:none;
|
||||
}
|
||||
.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {
|
||||
width: 100%;
|
||||
.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link {
|
||||
font-size: inherit;
|
||||
.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{
|
||||
font-size:inherit;
|
||||
}
|
||||
.wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
|
||||
width: calc(25% - (var(--wp--style--block-gap, 0.5em) * 0.75));
|
||||
.wp-block-buttons>.wp-block-button.wp-block-button__width-25{
|
||||
width:calc(25% - var(--wp--style--block-gap, .5em)*.75);
|
||||
}
|
||||
.wp-block-buttons > .wp-block-button.wp-block-button__width-50 {
|
||||
width: calc(50% - (var(--wp--style--block-gap, 0.5em) * 0.5));
|
||||
.wp-block-buttons>.wp-block-button.wp-block-button__width-50{
|
||||
width:calc(50% - var(--wp--style--block-gap, .5em)*.5);
|
||||
}
|
||||
.wp-block-buttons > .wp-block-button.wp-block-button__width-75 {
|
||||
width: calc(75% - (var(--wp--style--block-gap, 0.5em) * 0.25));
|
||||
.wp-block-buttons>.wp-block-button.wp-block-button__width-75{
|
||||
width:calc(75% - var(--wp--style--block-gap, .5em)*.25);
|
||||
}
|
||||
.wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
|
||||
width: 100%;
|
||||
flex-basis: 100%;
|
||||
.wp-block-buttons>.wp-block-button.wp-block-button__width-100{
|
||||
flex-basis:100%;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-25 {
|
||||
width: 25%;
|
||||
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{
|
||||
width:25%;
|
||||
}
|
||||
.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-50 {
|
||||
width: 50%;
|
||||
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{
|
||||
width:50%;
|
||||
}
|
||||
.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-75 {
|
||||
width: 75%;
|
||||
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{
|
||||
width:75%;
|
||||
}
|
||||
|
||||
.wp-block-button.is-style-squared,
|
||||
.wp-block-button__link.wp-block-button.is-style-squared {
|
||||
border-radius: 0;
|
||||
.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{
|
||||
border-radius:0;
|
||||
}
|
||||
|
||||
.wp-block-button.no-border-radius,
|
||||
.wp-block-button__link.no-border-radius {
|
||||
border-radius: 0 !important;
|
||||
.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{
|
||||
border-radius:0 !important;
|
||||
}
|
||||
|
||||
.wp-block-button.is-style-outline > .wp-block-button__link,
|
||||
.wp-block-button .wp-block-button__link.is-style-outline {
|
||||
border: 2px solid currentColor;
|
||||
padding: 0.667em 1.333em;
|
||||
.wp-block-button .wp-block-button__link.is-style-outline,.wp-block-button.is-style-outline>.wp-block-button__link{
|
||||
border:2px solid;
|
||||
padding:.667em 1.333em;
|
||||
}
|
||||
|
||||
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color),
|
||||
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color) {
|
||||
color: currentColor;
|
||||
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color){
|
||||
color:currentColor;
|
||||
}
|
||||
|
||||
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background),
|
||||
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background) {
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background){
|
||||
background-color:initial;
|
||||
background-image:none;
|
||||
}
|
||||
|
|
@ -1,123 +1,34 @@
|
|||
/**
|
||||
* 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-buttons {
|
||||
/* stylelint-disable indentation */
|
||||
.wp-block-buttons>.wp-block,.wp-block-buttons>.wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button{
|
||||
margin:0;
|
||||
}
|
||||
.wp-block-buttons > .wp-block {
|
||||
margin: 0;
|
||||
.wp-block-buttons>.block-list-appender{
|
||||
align-items:center;
|
||||
display:inline-flex;
|
||||
}
|
||||
.wp-block-buttons > .wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button {
|
||||
margin: 0;
|
||||
.wp-block-buttons.is-vertical>.block-list-appender .block-list-appender__toggle{
|
||||
justify-content:flex-start;
|
||||
}
|
||||
.wp-block-buttons > .block-list-appender {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
.wp-block-buttons>.wp-block-button:focus{
|
||||
box-shadow:none;
|
||||
}
|
||||
.wp-block-buttons.is-vertical > .block-list-appender .block-list-appender__toggle {
|
||||
justify-content: flex-start;
|
||||
.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block[data-align=center]{
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
margin-top:0;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-buttons > .wp-block-button:focus {
|
||||
box-shadow: none;
|
||||
.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block[data-align=center] .wp-block-button{
|
||||
margin-bottom:0;
|
||||
}
|
||||
.wp-block-buttons:not(.is-content-justification-space-between,
|
||||
.is-content-justification-right,
|
||||
.is-content-justification-left,
|
||||
.is-content-justification-center) .wp-block[data-align=center] {
|
||||
/* stylelint-enable indentation */
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.wp-block-buttons:not(.is-content-justification-space-between,
|
||||
.is-content-justification-right,
|
||||
.is-content-justification-left,
|
||||
.is-content-justification-center) .wp-block[data-align=center] .wp-block-button {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link {
|
||||
font-size: inherit;
|
||||
.editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link{
|
||||
font-size:inherit;
|
||||
}
|
||||
|
||||
.wp-block[data-align=center] > .wp-block-buttons {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.wp-block[data-align=center]>.wp-block-buttons{
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
}
|
||||
|
||||
.wp-block[data-align=right] > .wp-block-buttons {
|
||||
justify-content: flex-end;
|
||||
.wp-block[data-align=right]>.wp-block-buttons{
|
||||
justify-content:flex-end;
|
||||
}
|
||||
|
|
@ -1,123 +1,34 @@
|
|||
/**
|
||||
* 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-buttons {
|
||||
/* stylelint-disable indentation */
|
||||
.wp-block-buttons>.wp-block,.wp-block-buttons>.wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button{
|
||||
margin:0;
|
||||
}
|
||||
.wp-block-buttons > .wp-block {
|
||||
margin: 0;
|
||||
.wp-block-buttons>.block-list-appender{
|
||||
align-items:center;
|
||||
display:inline-flex;
|
||||
}
|
||||
.wp-block-buttons > .wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button {
|
||||
margin: 0;
|
||||
.wp-block-buttons.is-vertical>.block-list-appender .block-list-appender__toggle{
|
||||
justify-content:flex-start;
|
||||
}
|
||||
.wp-block-buttons > .block-list-appender {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
.wp-block-buttons>.wp-block-button:focus{
|
||||
box-shadow:none;
|
||||
}
|
||||
.wp-block-buttons.is-vertical > .block-list-appender .block-list-appender__toggle {
|
||||
justify-content: flex-start;
|
||||
.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block[data-align=center]{
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
margin-top:0;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-buttons > .wp-block-button:focus {
|
||||
box-shadow: none;
|
||||
.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block[data-align=center] .wp-block-button{
|
||||
margin-bottom:0;
|
||||
}
|
||||
.wp-block-buttons:not(.is-content-justification-space-between,
|
||||
.is-content-justification-right,
|
||||
.is-content-justification-left,
|
||||
.is-content-justification-center) .wp-block[data-align=center] {
|
||||
/* stylelint-enable indentation */
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.wp-block-buttons:not(.is-content-justification-space-between,
|
||||
.is-content-justification-right,
|
||||
.is-content-justification-left,
|
||||
.is-content-justification-center) .wp-block[data-align=center] .wp-block-button {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link {
|
||||
font-size: inherit;
|
||||
.editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link{
|
||||
font-size:inherit;
|
||||
}
|
||||
|
||||
.wp-block[data-align=center] > .wp-block-buttons {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.wp-block[data-align=center]>.wp-block-buttons{
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
}
|
||||
|
||||
.wp-block[data-align=right] > .wp-block-buttons {
|
||||
justify-content: flex-end;
|
||||
.wp-block[data-align=right]>.wp-block-buttons{
|
||||
justify-content:flex-end;
|
||||
}
|
||||
|
|
@ -1,133 +1,49 @@
|
|||
/**
|
||||
* 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-buttons {
|
||||
/* stylelint-disable indentation */
|
||||
.wp-block-buttons.is-vertical{
|
||||
flex-direction:column;
|
||||
}
|
||||
.wp-block-buttons.is-vertical {
|
||||
flex-direction: column;
|
||||
.wp-block-buttons.is-vertical>.wp-block-button:last-child{
|
||||
margin-bottom:0;
|
||||
}
|
||||
.wp-block-buttons.is-vertical > .wp-block-button:last-child {
|
||||
margin-bottom: 0;
|
||||
.wp-block-buttons>.wp-block-button{
|
||||
display:inline-block;
|
||||
margin:0;
|
||||
}
|
||||
.wp-block-buttons > .wp-block-button {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
.wp-block-buttons.is-content-justification-left{
|
||||
justify-content:flex-start;
|
||||
}
|
||||
.wp-block-buttons.is-content-justification-left {
|
||||
justify-content: flex-start;
|
||||
.wp-block-buttons.is-content-justification-left.is-vertical{
|
||||
align-items:flex-start;
|
||||
}
|
||||
.wp-block-buttons.is-content-justification-left.is-vertical {
|
||||
align-items: flex-start;
|
||||
.wp-block-buttons.is-content-justification-center{
|
||||
justify-content:center;
|
||||
}
|
||||
.wp-block-buttons.is-content-justification-center {
|
||||
justify-content: center;
|
||||
.wp-block-buttons.is-content-justification-center.is-vertical{
|
||||
align-items:center;
|
||||
}
|
||||
.wp-block-buttons.is-content-justification-center.is-vertical {
|
||||
align-items: center;
|
||||
.wp-block-buttons.is-content-justification-right{
|
||||
justify-content:flex-end;
|
||||
}
|
||||
.wp-block-buttons.is-content-justification-right {
|
||||
justify-content: flex-end;
|
||||
.wp-block-buttons.is-content-justification-right.is-vertical{
|
||||
align-items:flex-end;
|
||||
}
|
||||
.wp-block-buttons.is-content-justification-right.is-vertical {
|
||||
align-items: flex-end;
|
||||
.wp-block-buttons.is-content-justification-space-between{
|
||||
justify-content:space-between;
|
||||
}
|
||||
.wp-block-buttons.is-content-justification-space-between {
|
||||
justify-content: space-between;
|
||||
.wp-block-buttons.aligncenter{
|
||||
text-align:center;
|
||||
}
|
||||
.wp-block-buttons.aligncenter {
|
||||
text-align: center;
|
||||
.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-buttons:not(.is-content-justification-space-between,
|
||||
.is-content-justification-right,
|
||||
.is-content-justification-left,
|
||||
.is-content-justification-center) .wp-block-button.aligncenter {
|
||||
/* stylelint-enable indentation */
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
width: 100%;
|
||||
.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{
|
||||
text-decoration:inherit;
|
||||
}
|
||||
.wp-block-buttons[style*=text-decoration] .wp-block-button,
|
||||
.wp-block-buttons[style*=text-decoration] .wp-block-button__link {
|
||||
text-decoration: inherit;
|
||||
}
|
||||
.wp-block-buttons.has-custom-font-size .wp-block-button__link {
|
||||
font-size: inherit;
|
||||
.wp-block-buttons.has-custom-font-size .wp-block-button__link{
|
||||
font-size:inherit;
|
||||
}
|
||||
|
||||
.wp-block-button.aligncenter {
|
||||
text-align: center;
|
||||
.wp-block-button.aligncenter{
|
||||
text-align:center;
|
||||
}
|
||||
|
|
@ -1,133 +1,49 @@
|
|||
/**
|
||||
* 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-buttons {
|
||||
/* stylelint-disable indentation */
|
||||
.wp-block-buttons.is-vertical{
|
||||
flex-direction:column;
|
||||
}
|
||||
.wp-block-buttons.is-vertical {
|
||||
flex-direction: column;
|
||||
.wp-block-buttons.is-vertical>.wp-block-button:last-child{
|
||||
margin-bottom:0;
|
||||
}
|
||||
.wp-block-buttons.is-vertical > .wp-block-button:last-child {
|
||||
margin-bottom: 0;
|
||||
.wp-block-buttons>.wp-block-button{
|
||||
display:inline-block;
|
||||
margin:0;
|
||||
}
|
||||
.wp-block-buttons > .wp-block-button {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
.wp-block-buttons.is-content-justification-left{
|
||||
justify-content:flex-start;
|
||||
}
|
||||
.wp-block-buttons.is-content-justification-left {
|
||||
justify-content: flex-start;
|
||||
.wp-block-buttons.is-content-justification-left.is-vertical{
|
||||
align-items:flex-start;
|
||||
}
|
||||
.wp-block-buttons.is-content-justification-left.is-vertical {
|
||||
align-items: flex-start;
|
||||
.wp-block-buttons.is-content-justification-center{
|
||||
justify-content:center;
|
||||
}
|
||||
.wp-block-buttons.is-content-justification-center {
|
||||
justify-content: center;
|
||||
.wp-block-buttons.is-content-justification-center.is-vertical{
|
||||
align-items:center;
|
||||
}
|
||||
.wp-block-buttons.is-content-justification-center.is-vertical {
|
||||
align-items: center;
|
||||
.wp-block-buttons.is-content-justification-right{
|
||||
justify-content:flex-end;
|
||||
}
|
||||
.wp-block-buttons.is-content-justification-right {
|
||||
justify-content: flex-end;
|
||||
.wp-block-buttons.is-content-justification-right.is-vertical{
|
||||
align-items:flex-end;
|
||||
}
|
||||
.wp-block-buttons.is-content-justification-right.is-vertical {
|
||||
align-items: flex-end;
|
||||
.wp-block-buttons.is-content-justification-space-between{
|
||||
justify-content:space-between;
|
||||
}
|
||||
.wp-block-buttons.is-content-justification-space-between {
|
||||
justify-content: space-between;
|
||||
.wp-block-buttons.aligncenter{
|
||||
text-align:center;
|
||||
}
|
||||
.wp-block-buttons.aligncenter {
|
||||
text-align: center;
|
||||
.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-buttons:not(.is-content-justification-space-between,
|
||||
.is-content-justification-right,
|
||||
.is-content-justification-left,
|
||||
.is-content-justification-center) .wp-block-button.aligncenter {
|
||||
/* stylelint-enable indentation */
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 100%;
|
||||
.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{
|
||||
text-decoration:inherit;
|
||||
}
|
||||
.wp-block-buttons[style*=text-decoration] .wp-block-button,
|
||||
.wp-block-buttons[style*=text-decoration] .wp-block-button__link {
|
||||
text-decoration: inherit;
|
||||
}
|
||||
.wp-block-buttons.has-custom-font-size .wp-block-button__link {
|
||||
font-size: inherit;
|
||||
.wp-block-buttons.has-custom-font-size .wp-block-button__link{
|
||||
font-size:inherit;
|
||||
}
|
||||
|
||||
.wp-block-button.aligncenter {
|
||||
text-align: center;
|
||||
.wp-block-button.aligncenter{
|
||||
text-align:center;
|
||||
}
|
||||
|
|
@ -1,102 +1,24 @@
|
|||
/**
|
||||
* 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-calendar {
|
||||
text-align: center;
|
||||
.wp-block-calendar{
|
||||
text-align:center;
|
||||
}
|
||||
.wp-block-calendar th,
|
||||
.wp-block-calendar tbody td {
|
||||
padding: 0.25em;
|
||||
border: 1px solid #ddd;
|
||||
.wp-block-calendar tbody td,.wp-block-calendar th{
|
||||
border:1px solid #ddd;
|
||||
padding:.25em;
|
||||
}
|
||||
.wp-block-calendar tfoot td {
|
||||
border: none;
|
||||
.wp-block-calendar tfoot td{
|
||||
border:none;
|
||||
}
|
||||
.wp-block-calendar table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
.wp-block-calendar table{
|
||||
border-collapse:collapse;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-calendar table th {
|
||||
font-weight: 400;
|
||||
background: #ddd;
|
||||
.wp-block-calendar table th{
|
||||
background:#ddd;
|
||||
font-weight:400;
|
||||
}
|
||||
.wp-block-calendar a {
|
||||
text-decoration: underline;
|
||||
.wp-block-calendar a{
|
||||
text-decoration:underline;
|
||||
}
|
||||
.wp-block-calendar table tbody,
|
||||
.wp-block-calendar table caption {
|
||||
color: #40464d;
|
||||
.wp-block-calendar table caption,.wp-block-calendar table tbody{
|
||||
color:#40464d;
|
||||
}
|
||||
|
|
@ -1,102 +1,24 @@
|
|||
/**
|
||||
* 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-calendar {
|
||||
text-align: center;
|
||||
.wp-block-calendar{
|
||||
text-align:center;
|
||||
}
|
||||
.wp-block-calendar th,
|
||||
.wp-block-calendar tbody td {
|
||||
padding: 0.25em;
|
||||
border: 1px solid #ddd;
|
||||
.wp-block-calendar tbody td,.wp-block-calendar th{
|
||||
border:1px solid #ddd;
|
||||
padding:.25em;
|
||||
}
|
||||
.wp-block-calendar tfoot td {
|
||||
border: none;
|
||||
.wp-block-calendar tfoot td{
|
||||
border:none;
|
||||
}
|
||||
.wp-block-calendar table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
.wp-block-calendar table{
|
||||
border-collapse:collapse;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-calendar table th {
|
||||
font-weight: 400;
|
||||
background: #ddd;
|
||||
.wp-block-calendar table th{
|
||||
background:#ddd;
|
||||
font-weight:400;
|
||||
}
|
||||
.wp-block-calendar a {
|
||||
text-decoration: underline;
|
||||
.wp-block-calendar a{
|
||||
text-decoration:underline;
|
||||
}
|
||||
.wp-block-calendar table tbody,
|
||||
.wp-block-calendar table caption {
|
||||
color: #40464d;
|
||||
.wp-block-calendar table caption,.wp-block-calendar table tbody{
|
||||
color:#40464d;
|
||||
}
|
||||
|
|
@ -1,82 +1,6 @@
|
|||
/**
|
||||
* 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-categories ul {
|
||||
padding-right: 2.5em;
|
||||
.wp-block-categories ul{
|
||||
padding-right:2.5em;
|
||||
}
|
||||
.wp-block-categories ul ul {
|
||||
margin-top: 6px;
|
||||
.wp-block-categories ul ul{
|
||||
margin-top:6px;
|
||||
}
|
||||
|
|
@ -1,82 +1,6 @@
|
|||
/**
|
||||
* 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-categories ul {
|
||||
padding-left: 2.5em;
|
||||
.wp-block-categories ul{
|
||||
padding-left:2.5em;
|
||||
}
|
||||
.wp-block-categories ul ul {
|
||||
margin-top: 6px;
|
||||
.wp-block-categories ul ul{
|
||||
margin-top:6px;
|
||||
}
|
||||
|
|
@ -1,85 +1,9 @@
|
|||
/**
|
||||
* 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-categories {
|
||||
box-sizing: border-box;
|
||||
.wp-block-categories{
|
||||
box-sizing:border-box;
|
||||
}
|
||||
.wp-block-categories.alignleft {
|
||||
margin-right: 2em;
|
||||
.wp-block-categories.alignleft{
|
||||
margin-right:2em;
|
||||
}
|
||||
.wp-block-categories.alignright {
|
||||
margin-left: 2em;
|
||||
.wp-block-categories.alignright{
|
||||
margin-left:2em;
|
||||
}
|
||||
|
|
@ -1,87 +1,9 @@
|
|||
/**
|
||||
* 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-categories {
|
||||
box-sizing: border-box;
|
||||
.wp-block-categories{
|
||||
box-sizing:border-box;
|
||||
}
|
||||
.wp-block-categories.alignleft {
|
||||
/*rtl:ignore*/
|
||||
margin-right: 2em;
|
||||
.wp-block-categories.alignleft{
|
||||
margin-right:2em;
|
||||
}
|
||||
.wp-block-categories.alignright {
|
||||
/*rtl:ignore*/
|
||||
margin-left: 2em;
|
||||
.wp-block-categories.alignright{
|
||||
margin-left:2em;
|
||||
}
|
||||
|
|
@ -1,79 +1,3 @@
|
|||
/**
|
||||
* 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-code code {
|
||||
background: none;
|
||||
.wp-block-code code{
|
||||
background:none;
|
||||
}
|
||||
|
|
@ -1,79 +1,3 @@
|
|||
/**
|
||||
* 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-code code {
|
||||
background: none;
|
||||
.wp-block-code code{
|
||||
background:none;
|
||||
}
|
||||
|
|
@ -1,85 +1,9 @@
|
|||
/**
|
||||
* 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-code {
|
||||
box-sizing: border-box;
|
||||
.wp-block-code{
|
||||
box-sizing:border-box;
|
||||
}
|
||||
.wp-block-code code {
|
||||
display: block;
|
||||
font-family: inherit;
|
||||
overflow-wrap: break-word;
|
||||
white-space: pre-wrap;
|
||||
.wp-block-code code{
|
||||
display:block;
|
||||
font-family:inherit;
|
||||
overflow-wrap:break-word;
|
||||
white-space:pre-wrap;
|
||||
}
|
||||
|
|
@ -1,85 +1,9 @@
|
|||
/**
|
||||
* 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-code {
|
||||
box-sizing: border-box;
|
||||
.wp-block-code{
|
||||
box-sizing:border-box;
|
||||
}
|
||||
.wp-block-code code {
|
||||
display: block;
|
||||
font-family: inherit;
|
||||
overflow-wrap: break-word;
|
||||
white-space: pre-wrap;
|
||||
.wp-block-code code{
|
||||
display:block;
|
||||
font-family:inherit;
|
||||
overflow-wrap:break-word;
|
||||
white-space:pre-wrap;
|
||||
}
|
||||
|
|
@ -1,82 +1,6 @@
|
|||
/**
|
||||
* 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-code {
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
font-family: Menlo, Consolas, monaco, monospace;
|
||||
padding: 0.8em 1em;
|
||||
.wp-block-code{
|
||||
border:1px solid #ccc;
|
||||
border-radius:4px;
|
||||
font-family:Menlo,Consolas,monaco,monospace;
|
||||
padding:.8em 1em;
|
||||
}
|
||||
|
|
@ -1,82 +1,6 @@
|
|||
/**
|
||||
* 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-code {
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
font-family: Menlo, Consolas, monaco, monospace;
|
||||
padding: 0.8em 1em;
|
||||
.wp-block-code{
|
||||
border:1px solid #ccc;
|
||||
border-radius:4px;
|
||||
font-family:Menlo,Consolas,monaco,monospace;
|
||||
padding:.8em 1em;
|
||||
}
|
||||
|
|
@ -1,86 +1,10 @@
|
|||
/**
|
||||
* 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-columns :where(.wp-block) {
|
||||
max-width: none;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
.wp-block-columns :where(.wp-block){
|
||||
margin-left:0;
|
||||
margin-right:0;
|
||||
max-width:none;
|
||||
}
|
||||
|
||||
html :where(.wp-block-column) {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
html :where(.wp-block-column){
|
||||
margin-bottom:0;
|
||||
margin-top:0;
|
||||
}
|
||||
|
|
@ -1,86 +1,10 @@
|
|||
/**
|
||||
* 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-columns :where(.wp-block) {
|
||||
max-width: none;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
.wp-block-columns :where(.wp-block){
|
||||
margin-left:0;
|
||||
margin-right:0;
|
||||
max-width:none;
|
||||
}
|
||||
|
||||
html :where(.wp-block-column) {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
html :where(.wp-block-column){
|
||||
margin-bottom:0;
|
||||
margin-top:0;
|
||||
}
|
||||
|
|
@ -1,150 +1,68 @@
|
|||
/**
|
||||
* 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-columns {
|
||||
display: flex;
|
||||
margin-bottom: 1.75em;
|
||||
box-sizing: border-box;
|
||||
flex-wrap: wrap !important;
|
||||
align-items: initial !important;
|
||||
/**
|
||||
* All Columns Alignment
|
||||
*/
|
||||
.wp-block-columns{
|
||||
align-items:normal !important;
|
||||
box-sizing:border-box;
|
||||
display:flex;
|
||||
flex-wrap:wrap !important;
|
||||
margin-bottom:1.75em;
|
||||
}
|
||||
@media (min-width: 782px) {
|
||||
.wp-block-columns {
|
||||
flex-wrap: nowrap !important;
|
||||
@media (min-width:782px){
|
||||
.wp-block-columns{
|
||||
flex-wrap:nowrap !important;
|
||||
}
|
||||
}
|
||||
.wp-block-columns.are-vertically-aligned-top {
|
||||
align-items: flex-start;
|
||||
.wp-block-columns.are-vertically-aligned-top{
|
||||
align-items:flex-start;
|
||||
}
|
||||
.wp-block-columns.are-vertically-aligned-center {
|
||||
align-items: center;
|
||||
.wp-block-columns.are-vertically-aligned-center{
|
||||
align-items:center;
|
||||
}
|
||||
.wp-block-columns.are-vertically-aligned-bottom {
|
||||
align-items: flex-end;
|
||||
.wp-block-columns.are-vertically-aligned-bottom{
|
||||
align-items:flex-end;
|
||||
}
|
||||
@media (max-width: 781px) {
|
||||
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
|
||||
flex-basis: 100% !important;
|
||||
@media (max-width:781px){
|
||||
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
|
||||
flex-basis:100% !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 782px) {
|
||||
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
|
||||
flex-basis: 0;
|
||||
flex-grow: 1;
|
||||
@media (min-width:782px){
|
||||
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
|
||||
flex-basis:0;
|
||||
flex-grow:1;
|
||||
}
|
||||
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis] {
|
||||
flex-grow: 0;
|
||||
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{
|
||||
flex-grow:0;
|
||||
}
|
||||
}
|
||||
.wp-block-columns.is-not-stacked-on-mobile {
|
||||
flex-wrap: nowrap !important;
|
||||
.wp-block-columns.is-not-stacked-on-mobile{
|
||||
flex-wrap:nowrap !important;
|
||||
}
|
||||
.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
|
||||
flex-basis: 0;
|
||||
flex-grow: 1;
|
||||
.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{
|
||||
flex-basis:0;
|
||||
flex-grow:1;
|
||||
}
|
||||
.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*=flex-basis] {
|
||||
flex-grow: 0;
|
||||
.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{
|
||||
flex-grow:0;
|
||||
}
|
||||
|
||||
:where(.wp-block-columns.has-background) {
|
||||
padding: 1.25em 2.375em;
|
||||
:where(.wp-block-columns.has-background){
|
||||
padding:1.25em 2.375em;
|
||||
}
|
||||
|
||||
.wp-block-column {
|
||||
flex-grow: 1;
|
||||
min-width: 0;
|
||||
word-break: break-word;
|
||||
overflow-wrap: break-word;
|
||||
/**
|
||||
* Individual Column Alignment
|
||||
*/
|
||||
.wp-block-column{
|
||||
flex-grow:1;
|
||||
min-width:0;
|
||||
overflow-wrap:break-word;
|
||||
word-break:break-word;
|
||||
}
|
||||
.wp-block-column.is-vertically-aligned-top {
|
||||
align-self: flex-start;
|
||||
.wp-block-column.is-vertically-aligned-top{
|
||||
align-self:flex-start;
|
||||
}
|
||||
.wp-block-column.is-vertically-aligned-center {
|
||||
align-self: center;
|
||||
.wp-block-column.is-vertically-aligned-center{
|
||||
align-self:center;
|
||||
}
|
||||
.wp-block-column.is-vertically-aligned-bottom {
|
||||
align-self: flex-end;
|
||||
.wp-block-column.is-vertically-aligned-bottom{
|
||||
align-self:flex-end;
|
||||
}
|
||||
.wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom {
|
||||
width: 100%;
|
||||
.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{
|
||||
width:100%;
|
||||
}
|
||||
|
|
@ -1,150 +1,68 @@
|
|||
/**
|
||||
* 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-columns {
|
||||
display: flex;
|
||||
margin-bottom: 1.75em;
|
||||
box-sizing: border-box;
|
||||
flex-wrap: wrap !important;
|
||||
align-items: initial !important;
|
||||
/**
|
||||
* All Columns Alignment
|
||||
*/
|
||||
.wp-block-columns{
|
||||
align-items:normal !important;
|
||||
box-sizing:border-box;
|
||||
display:flex;
|
||||
flex-wrap:wrap !important;
|
||||
margin-bottom:1.75em;
|
||||
}
|
||||
@media (min-width: 782px) {
|
||||
.wp-block-columns {
|
||||
flex-wrap: nowrap !important;
|
||||
@media (min-width:782px){
|
||||
.wp-block-columns{
|
||||
flex-wrap:nowrap !important;
|
||||
}
|
||||
}
|
||||
.wp-block-columns.are-vertically-aligned-top {
|
||||
align-items: flex-start;
|
||||
.wp-block-columns.are-vertically-aligned-top{
|
||||
align-items:flex-start;
|
||||
}
|
||||
.wp-block-columns.are-vertically-aligned-center {
|
||||
align-items: center;
|
||||
.wp-block-columns.are-vertically-aligned-center{
|
||||
align-items:center;
|
||||
}
|
||||
.wp-block-columns.are-vertically-aligned-bottom {
|
||||
align-items: flex-end;
|
||||
.wp-block-columns.are-vertically-aligned-bottom{
|
||||
align-items:flex-end;
|
||||
}
|
||||
@media (max-width: 781px) {
|
||||
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
|
||||
flex-basis: 100% !important;
|
||||
@media (max-width:781px){
|
||||
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
|
||||
flex-basis:100% !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 782px) {
|
||||
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
|
||||
flex-basis: 0;
|
||||
flex-grow: 1;
|
||||
@media (min-width:782px){
|
||||
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
|
||||
flex-basis:0;
|
||||
flex-grow:1;
|
||||
}
|
||||
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis] {
|
||||
flex-grow: 0;
|
||||
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{
|
||||
flex-grow:0;
|
||||
}
|
||||
}
|
||||
.wp-block-columns.is-not-stacked-on-mobile {
|
||||
flex-wrap: nowrap !important;
|
||||
.wp-block-columns.is-not-stacked-on-mobile{
|
||||
flex-wrap:nowrap !important;
|
||||
}
|
||||
.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
|
||||
flex-basis: 0;
|
||||
flex-grow: 1;
|
||||
.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{
|
||||
flex-basis:0;
|
||||
flex-grow:1;
|
||||
}
|
||||
.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*=flex-basis] {
|
||||
flex-grow: 0;
|
||||
.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{
|
||||
flex-grow:0;
|
||||
}
|
||||
|
||||
:where(.wp-block-columns.has-background) {
|
||||
padding: 1.25em 2.375em;
|
||||
:where(.wp-block-columns.has-background){
|
||||
padding:1.25em 2.375em;
|
||||
}
|
||||
|
||||
.wp-block-column {
|
||||
flex-grow: 1;
|
||||
min-width: 0;
|
||||
word-break: break-word;
|
||||
overflow-wrap: break-word;
|
||||
/**
|
||||
* Individual Column Alignment
|
||||
*/
|
||||
.wp-block-column{
|
||||
flex-grow:1;
|
||||
min-width:0;
|
||||
overflow-wrap:break-word;
|
||||
word-break:break-word;
|
||||
}
|
||||
.wp-block-column.is-vertically-aligned-top {
|
||||
align-self: flex-start;
|
||||
.wp-block-column.is-vertically-aligned-top{
|
||||
align-self:flex-start;
|
||||
}
|
||||
.wp-block-column.is-vertically-aligned-center {
|
||||
align-self: center;
|
||||
.wp-block-column.is-vertically-aligned-center{
|
||||
align-self:center;
|
||||
}
|
||||
.wp-block-column.is-vertically-aligned-bottom {
|
||||
align-self: flex-end;
|
||||
.wp-block-column.is-vertically-aligned-bottom{
|
||||
align-self:flex-end;
|
||||
}
|
||||
.wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom {
|
||||
width: 100%;
|
||||
.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{
|
||||
width:100%;
|
||||
}
|
||||
|
|
@ -1,81 +1,5 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
.comment-awaiting-moderation {
|
||||
display: block;
|
||||
font-size: 0.875em;
|
||||
line-height: 1.5;
|
||||
.comment-awaiting-moderation{
|
||||
display:block;
|
||||
font-size:.875em;
|
||||
line-height:1.5;
|
||||
}
|
||||
|
|
@ -1,81 +1,5 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
.comment-awaiting-moderation {
|
||||
display: block;
|
||||
font-size: 0.875em;
|
||||
line-height: 1.5;
|
||||
.comment-awaiting-moderation{
|
||||
display:block;
|
||||
font-size:.875em;
|
||||
line-height:1.5;
|
||||
}
|
||||
|
|
@ -1,103 +1,27 @@
|
|||
/**
|
||||
* 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-comment-template {
|
||||
margin-bottom: 0;
|
||||
max-width: 100%;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
.wp-block-comment-template{
|
||||
list-style:none;
|
||||
margin-bottom:0;
|
||||
max-width:100%;
|
||||
padding:0;
|
||||
}
|
||||
.wp-block-comment-template li {
|
||||
clear: both;
|
||||
.wp-block-comment-template li{
|
||||
clear:both;
|
||||
}
|
||||
.wp-block-comment-template ol {
|
||||
margin-bottom: 0;
|
||||
max-width: 100%;
|
||||
list-style: none;
|
||||
padding-right: 2rem;
|
||||
.wp-block-comment-template ol{
|
||||
list-style:none;
|
||||
margin-bottom:0;
|
||||
max-width:100%;
|
||||
padding-right:2rem;
|
||||
}
|
||||
.wp-block-comment-template.alignleft {
|
||||
float: right;
|
||||
.wp-block-comment-template.alignleft{
|
||||
float:right;
|
||||
}
|
||||
.wp-block-comment-template.aligncenter {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
width: -moz-fit-content;
|
||||
width: fit-content;
|
||||
.wp-block-comment-template.aligncenter{
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
width:-moz-fit-content;
|
||||
width:fit-content;
|
||||
}
|
||||
.wp-block-comment-template.alignright {
|
||||
float: left;
|
||||
.wp-block-comment-template.alignright{
|
||||
float:left;
|
||||
}
|
||||
|
|
@ -1,103 +1,27 @@
|
|||
/**
|
||||
* 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-comment-template {
|
||||
margin-bottom: 0;
|
||||
max-width: 100%;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
.wp-block-comment-template{
|
||||
list-style:none;
|
||||
margin-bottom:0;
|
||||
max-width:100%;
|
||||
padding:0;
|
||||
}
|
||||
.wp-block-comment-template li {
|
||||
clear: both;
|
||||
.wp-block-comment-template li{
|
||||
clear:both;
|
||||
}
|
||||
.wp-block-comment-template ol {
|
||||
margin-bottom: 0;
|
||||
max-width: 100%;
|
||||
list-style: none;
|
||||
padding-left: 2rem;
|
||||
.wp-block-comment-template ol{
|
||||
list-style:none;
|
||||
margin-bottom:0;
|
||||
max-width:100%;
|
||||
padding-left:2rem;
|
||||
}
|
||||
.wp-block-comment-template.alignleft {
|
||||
float: left;
|
||||
.wp-block-comment-template.alignleft{
|
||||
float:left;
|
||||
}
|
||||
.wp-block-comment-template.aligncenter {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: -moz-fit-content;
|
||||
width: fit-content;
|
||||
.wp-block-comment-template.aligncenter{
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
width:-moz-fit-content;
|
||||
width:fit-content;
|
||||
}
|
||||
.wp-block-comment-template.alignright {
|
||||
float: right;
|
||||
.wp-block-comment-template.alignright{
|
||||
float:right;
|
||||
}
|
||||
|
|
@ -1,85 +1,9 @@
|
|||
/**
|
||||
* 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-comments-pagination-numbers a {
|
||||
text-decoration: underline;
|
||||
.wp-block-comments-pagination-numbers a{
|
||||
text-decoration:underline;
|
||||
}
|
||||
.wp-block-comments-pagination-numbers .page-numbers {
|
||||
margin-left: 2px;
|
||||
.wp-block-comments-pagination-numbers .page-numbers{
|
||||
margin-left:2px;
|
||||
}
|
||||
.wp-block-comments-pagination-numbers .page-numbers:last-child {
|
||||
margin-right: 0;
|
||||
.wp-block-comments-pagination-numbers .page-numbers:last-child{
|
||||
margin-right:0;
|
||||
}
|
||||
|
|
@ -1,86 +1,9 @@
|
|||
/**
|
||||
* 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-comments-pagination-numbers a {
|
||||
text-decoration: underline;
|
||||
.wp-block-comments-pagination-numbers a{
|
||||
text-decoration:underline;
|
||||
}
|
||||
.wp-block-comments-pagination-numbers .page-numbers {
|
||||
margin-right: 2px;
|
||||
.wp-block-comments-pagination-numbers .page-numbers{
|
||||
margin-right:2px;
|
||||
}
|
||||
.wp-block-comments-pagination-numbers .page-numbers:last-child {
|
||||
/*rtl:ignore*/
|
||||
margin-right: 0;
|
||||
.wp-block-comments-pagination-numbers .page-numbers:last-child{
|
||||
margin-right:0;
|
||||
}
|
||||
|
|
@ -1,100 +1,19 @@
|
|||
/**
|
||||
* 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[data-align=center] > .wp-block-comments-pagination {
|
||||
justify-content: center;
|
||||
.wp-block[data-align=center]>.wp-block-comments-pagination{
|
||||
justify-content:center;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper .wp-block-comments-pagination {
|
||||
max-width: 100%;
|
||||
.editor-styles-wrapper .wp-block-comments-pagination{
|
||||
max-width:100%;
|
||||
}
|
||||
.editor-styles-wrapper .wp-block-comments-pagination.block-editor-block-list__layout {
|
||||
margin: 0;
|
||||
.editor-styles-wrapper .wp-block-comments-pagination.block-editor-block-list__layout{
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.wp-block-comments-pagination > .wp-block-comments-pagination-next,
|
||||
.wp-block-comments-pagination > .wp-block-comments-pagination-previous,
|
||||
.wp-block-comments-pagination > .wp-block-comments-pagination-numbers {
|
||||
margin-right: 0;
|
||||
margin-top: 0.5em;
|
||||
margin-right: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{
|
||||
margin-bottom:.5em;
|
||||
margin-right:.5em;
|
||||
margin-top:.5em;
|
||||
}
|
||||
.wp-block-comments-pagination > .wp-block-comments-pagination-next:last-child,
|
||||
.wp-block-comments-pagination > .wp-block-comments-pagination-previous:last-child,
|
||||
.wp-block-comments-pagination > .wp-block-comments-pagination-numbers:last-child {
|
||||
margin-right: 0;
|
||||
.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child{
|
||||
margin-right:0;
|
||||
}
|
||||
|
|
@ -1,102 +1,17 @@
|
|||
/**
|
||||
* 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[data-align=center] > .wp-block-comments-pagination {
|
||||
justify-content: center;
|
||||
.wp-block[data-align=center]>.wp-block-comments-pagination{
|
||||
justify-content:center;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper .wp-block-comments-pagination {
|
||||
max-width: 100%;
|
||||
.editor-styles-wrapper .wp-block-comments-pagination{
|
||||
max-width:100%;
|
||||
}
|
||||
.editor-styles-wrapper .wp-block-comments-pagination.block-editor-block-list__layout {
|
||||
margin: 0;
|
||||
.editor-styles-wrapper .wp-block-comments-pagination.block-editor-block-list__layout{
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.wp-block-comments-pagination > .wp-block-comments-pagination-next,
|
||||
.wp-block-comments-pagination > .wp-block-comments-pagination-previous,
|
||||
.wp-block-comments-pagination > .wp-block-comments-pagination-numbers {
|
||||
margin-left: 0;
|
||||
margin-top: 0.5em;
|
||||
/*rtl:ignore*/
|
||||
margin-right: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{
|
||||
margin:.5em .5em .5em 0;
|
||||
}
|
||||
.wp-block-comments-pagination > .wp-block-comments-pagination-next:last-child,
|
||||
.wp-block-comments-pagination > .wp-block-comments-pagination-previous:last-child,
|
||||
.wp-block-comments-pagination > .wp-block-comments-pagination-numbers:last-child {
|
||||
/*rtl:ignore*/
|
||||
margin-right: 0;
|
||||
.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child{
|
||||
margin-right:0;
|
||||
}
|
||||
|
|
@ -1,104 +1,24 @@
|
|||
/**
|
||||
* 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-comments-pagination > .wp-block-comments-pagination-next,
|
||||
.wp-block-comments-pagination > .wp-block-comments-pagination-previous,
|
||||
.wp-block-comments-pagination > .wp-block-comments-pagination-numbers {
|
||||
margin-right: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{
|
||||
margin-bottom:.5em;
|
||||
margin-right:.5em;
|
||||
}
|
||||
.wp-block-comments-pagination > .wp-block-comments-pagination-next:last-child,
|
||||
.wp-block-comments-pagination > .wp-block-comments-pagination-previous:last-child,
|
||||
.wp-block-comments-pagination > .wp-block-comments-pagination-numbers:last-child {
|
||||
margin-right: 0;
|
||||
.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child{
|
||||
margin-right:0;
|
||||
}
|
||||
.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow {
|
||||
margin-left: 1ch;
|
||||
display: inline-block;
|
||||
.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow{
|
||||
display:inline-block;
|
||||
margin-left:1ch;
|
||||
}
|
||||
.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron) {
|
||||
transform: scaleX(-1);;
|
||||
.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron){
|
||||
transform:scaleX(-1);;
|
||||
}
|
||||
.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow {
|
||||
margin-right: 1ch;
|
||||
display: inline-block;
|
||||
.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow{
|
||||
display:inline-block;
|
||||
margin-right:1ch;
|
||||
}
|
||||
.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron) {
|
||||
transform: scaleX(-1);;
|
||||
.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron){
|
||||
transform:scaleX(-1);;
|
||||
}
|
||||
.wp-block-comments-pagination.aligncenter {
|
||||
justify-content: center;
|
||||
.wp-block-comments-pagination.aligncenter{
|
||||
justify-content:center;
|
||||
}
|
||||
|
|
@ -1,106 +1,24 @@
|
|||
/**
|
||||
* 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-comments-pagination > .wp-block-comments-pagination-next,
|
||||
.wp-block-comments-pagination > .wp-block-comments-pagination-previous,
|
||||
.wp-block-comments-pagination > .wp-block-comments-pagination-numbers {
|
||||
/*rtl:ignore*/
|
||||
margin-right: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{
|
||||
margin-bottom:.5em;
|
||||
margin-right:.5em;
|
||||
}
|
||||
.wp-block-comments-pagination > .wp-block-comments-pagination-next:last-child,
|
||||
.wp-block-comments-pagination > .wp-block-comments-pagination-previous:last-child,
|
||||
.wp-block-comments-pagination > .wp-block-comments-pagination-numbers:last-child {
|
||||
/*rtl:ignore*/
|
||||
margin-right: 0;
|
||||
.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child{
|
||||
margin-right:0;
|
||||
}
|
||||
.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow {
|
||||
margin-right: 1ch;
|
||||
display: inline-block;
|
||||
.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow{
|
||||
display:inline-block;
|
||||
margin-right:1ch;
|
||||
}
|
||||
.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron) {
|
||||
transform: scaleX(1) /*rtl:scaleX(-1);*/;
|
||||
.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron){
|
||||
transform:scaleX(1);
|
||||
}
|
||||
.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow {
|
||||
margin-left: 1ch;
|
||||
display: inline-block;
|
||||
.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow{
|
||||
display:inline-block;
|
||||
margin-left:1ch;
|
||||
}
|
||||
.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron) {
|
||||
transform: scaleX(1) /*rtl:scaleX(-1);*/;
|
||||
.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron){
|
||||
transform:scaleX(1);
|
||||
}
|
||||
.wp-block-comments-pagination.aligncenter {
|
||||
justify-content: center;
|
||||
.wp-block-comments-pagination.aligncenter{
|
||||
justify-content:center;
|
||||
}
|
||||
|
|
@ -1,79 +1,3 @@
|
|||
/**
|
||||
* 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-comments-title.has-background {
|
||||
padding: inherit;
|
||||
.wp-block-comments-title.has-background{
|
||||
padding:inherit;
|
||||
}
|
||||
|
|
@ -1,79 +1,3 @@
|
|||
/**
|
||||
* 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-comments-title.has-background {
|
||||
padding: inherit;
|
||||
.wp-block-comments-title.has-background{
|
||||
padding:inherit;
|
||||
}
|
||||
|
|
@ -1,201 +1,108 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
/* Styles for backwards compatibility with the legacy `post-comments` block */
|
||||
.wp-block-post-comments, .wp-block-comments__legacy-placeholder {
|
||||
/* utility classes */
|
||||
/* end utility classes */
|
||||
.wp-block-comments__legacy-placeholder .alignleft,.wp-block-post-comments .alignleft{
|
||||
float:right;
|
||||
}
|
||||
.wp-block-post-comments .alignleft, .wp-block-comments__legacy-placeholder .alignleft {
|
||||
float: right;
|
||||
.wp-block-comments__legacy-placeholder .alignright,.wp-block-post-comments .alignright{
|
||||
float:left;
|
||||
}
|
||||
.wp-block-post-comments .alignright, .wp-block-comments__legacy-placeholder .alignright {
|
||||
float: left;
|
||||
.wp-block-comments__legacy-placeholder .navigation:after,.wp-block-post-comments .navigation:after{
|
||||
clear:both;
|
||||
content:"";
|
||||
display:table;
|
||||
}
|
||||
.wp-block-post-comments .navigation::after, .wp-block-comments__legacy-placeholder .navigation::after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
.wp-block-comments__legacy-placeholder .commentlist,.wp-block-post-comments .commentlist{
|
||||
clear:both;
|
||||
list-style:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
.wp-block-post-comments .commentlist, .wp-block-comments__legacy-placeholder .commentlist {
|
||||
clear: both;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
.wp-block-comments__legacy-placeholder .commentlist .comment,.wp-block-post-comments .commentlist .comment{
|
||||
min-height:2.25em;
|
||||
padding-right:3.25em;
|
||||
}
|
||||
.wp-block-post-comments .commentlist .comment, .wp-block-comments__legacy-placeholder .commentlist .comment {
|
||||
min-height: 2.25em;
|
||||
padding-right: 3.25em;
|
||||
.wp-block-comments__legacy-placeholder .commentlist .comment p,.wp-block-post-comments .commentlist .comment p{
|
||||
font-size:1em;
|
||||
line-height:1.8;
|
||||
margin:1em 0;
|
||||
}
|
||||
.wp-block-post-comments .commentlist .comment p, .wp-block-comments__legacy-placeholder .commentlist .comment p {
|
||||
font-size: 1em;
|
||||
line-height: 1.8;
|
||||
margin: 1em 0;
|
||||
.wp-block-comments__legacy-placeholder .commentlist .children,.wp-block-post-comments .commentlist .children{
|
||||
list-style:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
.wp-block-post-comments .commentlist .children, .wp-block-comments__legacy-placeholder .commentlist .children {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
.wp-block-comments__legacy-placeholder .comment-author,.wp-block-post-comments .comment-author{
|
||||
line-height:1.5;
|
||||
}
|
||||
.wp-block-post-comments .comment-author, .wp-block-comments__legacy-placeholder .comment-author {
|
||||
line-height: 1.5;
|
||||
.wp-block-comments__legacy-placeholder .comment-author .avatar,.wp-block-post-comments .comment-author .avatar{
|
||||
border-radius:1.5em;
|
||||
display:block;
|
||||
float:right;
|
||||
height:2.5em;
|
||||
margin-left:.75em;
|
||||
margin-top:.5em;
|
||||
width:2.5em;
|
||||
}
|
||||
.wp-block-post-comments .comment-author .avatar, .wp-block-comments__legacy-placeholder .comment-author .avatar {
|
||||
border-radius: 1.5em;
|
||||
display: block;
|
||||
float: right;
|
||||
height: 2.5em;
|
||||
margin-top: 0.5em;
|
||||
margin-left: 0.75em;
|
||||
width: 2.5em;
|
||||
.wp-block-comments__legacy-placeholder .comment-author cite,.wp-block-post-comments .comment-author cite{
|
||||
font-style:normal;
|
||||
}
|
||||
.wp-block-post-comments .comment-author cite, .wp-block-comments__legacy-placeholder .comment-author cite {
|
||||
font-style: normal;
|
||||
.wp-block-comments__legacy-placeholder .comment-meta,.wp-block-post-comments .comment-meta{
|
||||
font-size:.875em;
|
||||
line-height:1.5;
|
||||
}
|
||||
.wp-block-post-comments .comment-meta, .wp-block-comments__legacy-placeholder .comment-meta {
|
||||
font-size: 0.875em;
|
||||
line-height: 1.5;
|
||||
.wp-block-comments__legacy-placeholder .comment-meta b,.wp-block-post-comments .comment-meta b{
|
||||
font-weight:400;
|
||||
}
|
||||
.wp-block-post-comments .comment-meta b, .wp-block-comments__legacy-placeholder .comment-meta b {
|
||||
font-weight: normal;
|
||||
.wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation,.wp-block-post-comments .comment-meta .comment-awaiting-moderation{
|
||||
display:block;
|
||||
margin-bottom:1em;
|
||||
margin-top:1em;
|
||||
}
|
||||
.wp-block-post-comments .comment-meta .comment-awaiting-moderation, .wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
display: block;
|
||||
.wp-block-comments__legacy-placeholder .comment-body .commentmetadata,.wp-block-post-comments .comment-body .commentmetadata{
|
||||
font-size:.875em;
|
||||
}
|
||||
.wp-block-post-comments .comment-body .commentmetadata, .wp-block-comments__legacy-placeholder .comment-body .commentmetadata {
|
||||
font-size: 0.875em;
|
||||
.wp-block-comments__legacy-placeholder .comment-form-author label,.wp-block-comments__legacy-placeholder .comment-form-comment label,.wp-block-comments__legacy-placeholder .comment-form-email label,.wp-block-comments__legacy-placeholder .comment-form-url label,.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{
|
||||
display:block;
|
||||
margin-bottom:.25em;
|
||||
}
|
||||
.wp-block-post-comments .comment-form-comment label, .wp-block-comments__legacy-placeholder .comment-form-comment label,
|
||||
.wp-block-post-comments .comment-form-author label,
|
||||
.wp-block-comments__legacy-placeholder .comment-form-author label,
|
||||
.wp-block-post-comments .comment-form-email label,
|
||||
.wp-block-comments__legacy-placeholder .comment-form-email label,
|
||||
.wp-block-post-comments .comment-form-url label,
|
||||
.wp-block-comments__legacy-placeholder .comment-form-url label {
|
||||
display: block;
|
||||
margin-bottom: 0.25em;
|
||||
.wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder .comment-form textarea,.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{
|
||||
box-sizing:border-box;
|
||||
display:block;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-post-comments .comment-form textarea, .wp-block-comments__legacy-placeholder .comment-form textarea,
|
||||
.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),
|
||||
.wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]) {
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
.wp-block-comments__legacy-placeholder .comment-form-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent{
|
||||
display:flex;
|
||||
gap:.25em;
|
||||
}
|
||||
.wp-block-post-comments .comment-form-cookies-consent, .wp-block-comments__legacy-placeholder .comment-form-cookies-consent {
|
||||
display: flex;
|
||||
gap: 0.25em;
|
||||
.wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{
|
||||
margin-top:.35em;
|
||||
}
|
||||
.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent, .wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent {
|
||||
margin-top: 0.35em;
|
||||
.wp-block-comments__legacy-placeholder .comment-reply-title,.wp-block-post-comments .comment-reply-title{
|
||||
margin-bottom:0;
|
||||
}
|
||||
.wp-block-post-comments .comment-reply-title, .wp-block-comments__legacy-placeholder .comment-reply-title {
|
||||
margin-bottom: 0;
|
||||
.wp-block-comments__legacy-placeholder .comment-reply-title :where(small),.wp-block-post-comments .comment-reply-title :where(small){
|
||||
font-size:var(--wp--preset--font-size--medium, smaller);
|
||||
margin-right:.5em;
|
||||
}
|
||||
.wp-block-post-comments .comment-reply-title :where(small), .wp-block-comments__legacy-placeholder .comment-reply-title :where(small) {
|
||||
font-size: var(--wp--preset--font-size--medium, smaller);
|
||||
margin-right: 0.5em;
|
||||
.wp-block-comments__legacy-placeholder .reply,.wp-block-post-comments .reply{
|
||||
font-size:.875em;
|
||||
margin-bottom:1.4em;
|
||||
}
|
||||
.wp-block-post-comments .reply, .wp-block-comments__legacy-placeholder .reply {
|
||||
font-size: 0.875em;
|
||||
margin-bottom: 1.4em;
|
||||
.wp-block-comments__legacy-placeholder input:not([type=submit]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{
|
||||
border:1px solid #949494;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
}
|
||||
.wp-block-post-comments textarea, .wp-block-comments__legacy-placeholder textarea,
|
||||
.wp-block-post-comments input:not([type=submit]),
|
||||
.wp-block-comments__legacy-placeholder input:not([type=submit]) {
|
||||
border: 1px solid #949494;
|
||||
font-size: 1em;
|
||||
font-family: inherit;
|
||||
}
|
||||
.wp-block-post-comments textarea, .wp-block-comments__legacy-placeholder textarea,
|
||||
.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),
|
||||
.wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]) {
|
||||
padding: calc(0.667em + 2px);
|
||||
.wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{
|
||||
padding:calc(.667em + 2px);
|
||||
}
|
||||
|
||||
:where(.wp-block-post-comments input[type="submit"]) {
|
||||
border: none;
|
||||
:where(.wp-block-post-comments input[type=submit]){
|
||||
border:none;
|
||||
}
|
||||
|
||||
.block-library-comments-toolbar__popover .components-popover__content {
|
||||
min-width: 230px;
|
||||
.block-library-comments-toolbar__popover .components-popover__content{
|
||||
min-width:230px;
|
||||
}
|
||||
|
||||
.wp-block-comments__legacy-placeholder * {
|
||||
pointer-events: none;
|
||||
.wp-block-comments__legacy-placeholder *{
|
||||
pointer-events:none;
|
||||
}
|
||||
|
|
@ -1,201 +1,108 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
/* Styles for backwards compatibility with the legacy `post-comments` block */
|
||||
.wp-block-post-comments, .wp-block-comments__legacy-placeholder {
|
||||
/* utility classes */
|
||||
/* end utility classes */
|
||||
.wp-block-comments__legacy-placeholder .alignleft,.wp-block-post-comments .alignleft{
|
||||
float:left;
|
||||
}
|
||||
.wp-block-post-comments .alignleft, .wp-block-comments__legacy-placeholder .alignleft {
|
||||
float: left;
|
||||
.wp-block-comments__legacy-placeholder .alignright,.wp-block-post-comments .alignright{
|
||||
float:right;
|
||||
}
|
||||
.wp-block-post-comments .alignright, .wp-block-comments__legacy-placeholder .alignright {
|
||||
float: right;
|
||||
.wp-block-comments__legacy-placeholder .navigation:after,.wp-block-post-comments .navigation:after{
|
||||
clear:both;
|
||||
content:"";
|
||||
display:table;
|
||||
}
|
||||
.wp-block-post-comments .navigation::after, .wp-block-comments__legacy-placeholder .navigation::after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
.wp-block-comments__legacy-placeholder .commentlist,.wp-block-post-comments .commentlist{
|
||||
clear:both;
|
||||
list-style:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
.wp-block-post-comments .commentlist, .wp-block-comments__legacy-placeholder .commentlist {
|
||||
clear: both;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
.wp-block-comments__legacy-placeholder .commentlist .comment,.wp-block-post-comments .commentlist .comment{
|
||||
min-height:2.25em;
|
||||
padding-left:3.25em;
|
||||
}
|
||||
.wp-block-post-comments .commentlist .comment, .wp-block-comments__legacy-placeholder .commentlist .comment {
|
||||
min-height: 2.25em;
|
||||
padding-left: 3.25em;
|
||||
.wp-block-comments__legacy-placeholder .commentlist .comment p,.wp-block-post-comments .commentlist .comment p{
|
||||
font-size:1em;
|
||||
line-height:1.8;
|
||||
margin:1em 0;
|
||||
}
|
||||
.wp-block-post-comments .commentlist .comment p, .wp-block-comments__legacy-placeholder .commentlist .comment p {
|
||||
font-size: 1em;
|
||||
line-height: 1.8;
|
||||
margin: 1em 0;
|
||||
.wp-block-comments__legacy-placeholder .commentlist .children,.wp-block-post-comments .commentlist .children{
|
||||
list-style:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
.wp-block-post-comments .commentlist .children, .wp-block-comments__legacy-placeholder .commentlist .children {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
.wp-block-comments__legacy-placeholder .comment-author,.wp-block-post-comments .comment-author{
|
||||
line-height:1.5;
|
||||
}
|
||||
.wp-block-post-comments .comment-author, .wp-block-comments__legacy-placeholder .comment-author {
|
||||
line-height: 1.5;
|
||||
.wp-block-comments__legacy-placeholder .comment-author .avatar,.wp-block-post-comments .comment-author .avatar{
|
||||
border-radius:1.5em;
|
||||
display:block;
|
||||
float:left;
|
||||
height:2.5em;
|
||||
margin-right:.75em;
|
||||
margin-top:.5em;
|
||||
width:2.5em;
|
||||
}
|
||||
.wp-block-post-comments .comment-author .avatar, .wp-block-comments__legacy-placeholder .comment-author .avatar {
|
||||
border-radius: 1.5em;
|
||||
display: block;
|
||||
float: left;
|
||||
height: 2.5em;
|
||||
margin-top: 0.5em;
|
||||
margin-right: 0.75em;
|
||||
width: 2.5em;
|
||||
.wp-block-comments__legacy-placeholder .comment-author cite,.wp-block-post-comments .comment-author cite{
|
||||
font-style:normal;
|
||||
}
|
||||
.wp-block-post-comments .comment-author cite, .wp-block-comments__legacy-placeholder .comment-author cite {
|
||||
font-style: normal;
|
||||
.wp-block-comments__legacy-placeholder .comment-meta,.wp-block-post-comments .comment-meta{
|
||||
font-size:.875em;
|
||||
line-height:1.5;
|
||||
}
|
||||
.wp-block-post-comments .comment-meta, .wp-block-comments__legacy-placeholder .comment-meta {
|
||||
font-size: 0.875em;
|
||||
line-height: 1.5;
|
||||
.wp-block-comments__legacy-placeholder .comment-meta b,.wp-block-post-comments .comment-meta b{
|
||||
font-weight:400;
|
||||
}
|
||||
.wp-block-post-comments .comment-meta b, .wp-block-comments__legacy-placeholder .comment-meta b {
|
||||
font-weight: normal;
|
||||
.wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation,.wp-block-post-comments .comment-meta .comment-awaiting-moderation{
|
||||
display:block;
|
||||
margin-bottom:1em;
|
||||
margin-top:1em;
|
||||
}
|
||||
.wp-block-post-comments .comment-meta .comment-awaiting-moderation, .wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
display: block;
|
||||
.wp-block-comments__legacy-placeholder .comment-body .commentmetadata,.wp-block-post-comments .comment-body .commentmetadata{
|
||||
font-size:.875em;
|
||||
}
|
||||
.wp-block-post-comments .comment-body .commentmetadata, .wp-block-comments__legacy-placeholder .comment-body .commentmetadata {
|
||||
font-size: 0.875em;
|
||||
.wp-block-comments__legacy-placeholder .comment-form-author label,.wp-block-comments__legacy-placeholder .comment-form-comment label,.wp-block-comments__legacy-placeholder .comment-form-email label,.wp-block-comments__legacy-placeholder .comment-form-url label,.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{
|
||||
display:block;
|
||||
margin-bottom:.25em;
|
||||
}
|
||||
.wp-block-post-comments .comment-form-comment label, .wp-block-comments__legacy-placeholder .comment-form-comment label,
|
||||
.wp-block-post-comments .comment-form-author label,
|
||||
.wp-block-comments__legacy-placeholder .comment-form-author label,
|
||||
.wp-block-post-comments .comment-form-email label,
|
||||
.wp-block-comments__legacy-placeholder .comment-form-email label,
|
||||
.wp-block-post-comments .comment-form-url label,
|
||||
.wp-block-comments__legacy-placeholder .comment-form-url label {
|
||||
display: block;
|
||||
margin-bottom: 0.25em;
|
||||
.wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder .comment-form textarea,.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{
|
||||
box-sizing:border-box;
|
||||
display:block;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-post-comments .comment-form textarea, .wp-block-comments__legacy-placeholder .comment-form textarea,
|
||||
.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),
|
||||
.wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]) {
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
.wp-block-comments__legacy-placeholder .comment-form-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent{
|
||||
display:flex;
|
||||
gap:.25em;
|
||||
}
|
||||
.wp-block-post-comments .comment-form-cookies-consent, .wp-block-comments__legacy-placeholder .comment-form-cookies-consent {
|
||||
display: flex;
|
||||
gap: 0.25em;
|
||||
.wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{
|
||||
margin-top:.35em;
|
||||
}
|
||||
.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent, .wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent {
|
||||
margin-top: 0.35em;
|
||||
.wp-block-comments__legacy-placeholder .comment-reply-title,.wp-block-post-comments .comment-reply-title{
|
||||
margin-bottom:0;
|
||||
}
|
||||
.wp-block-post-comments .comment-reply-title, .wp-block-comments__legacy-placeholder .comment-reply-title {
|
||||
margin-bottom: 0;
|
||||
.wp-block-comments__legacy-placeholder .comment-reply-title :where(small),.wp-block-post-comments .comment-reply-title :where(small){
|
||||
font-size:var(--wp--preset--font-size--medium, smaller);
|
||||
margin-left:.5em;
|
||||
}
|
||||
.wp-block-post-comments .comment-reply-title :where(small), .wp-block-comments__legacy-placeholder .comment-reply-title :where(small) {
|
||||
font-size: var(--wp--preset--font-size--medium, smaller);
|
||||
margin-left: 0.5em;
|
||||
.wp-block-comments__legacy-placeholder .reply,.wp-block-post-comments .reply{
|
||||
font-size:.875em;
|
||||
margin-bottom:1.4em;
|
||||
}
|
||||
.wp-block-post-comments .reply, .wp-block-comments__legacy-placeholder .reply {
|
||||
font-size: 0.875em;
|
||||
margin-bottom: 1.4em;
|
||||
.wp-block-comments__legacy-placeholder input:not([type=submit]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{
|
||||
border:1px solid #949494;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
}
|
||||
.wp-block-post-comments textarea, .wp-block-comments__legacy-placeholder textarea,
|
||||
.wp-block-post-comments input:not([type=submit]),
|
||||
.wp-block-comments__legacy-placeholder input:not([type=submit]) {
|
||||
border: 1px solid #949494;
|
||||
font-size: 1em;
|
||||
font-family: inherit;
|
||||
}
|
||||
.wp-block-post-comments textarea, .wp-block-comments__legacy-placeholder textarea,
|
||||
.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),
|
||||
.wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]) {
|
||||
padding: calc(0.667em + 2px);
|
||||
.wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{
|
||||
padding:calc(.667em + 2px);
|
||||
}
|
||||
|
||||
:where(.wp-block-post-comments input[type="submit"]) {
|
||||
border: none;
|
||||
:where(.wp-block-post-comments input[type=submit]){
|
||||
border:none;
|
||||
}
|
||||
|
||||
.block-library-comments-toolbar__popover .components-popover__content {
|
||||
min-width: 230px;
|
||||
.block-library-comments-toolbar__popover .components-popover__content{
|
||||
min-width:230px;
|
||||
}
|
||||
|
||||
.wp-block-comments__legacy-placeholder * {
|
||||
pointer-events: none;
|
||||
.wp-block-comments__legacy-placeholder *{
|
||||
pointer-events:none;
|
||||
}
|
||||
|
|
@ -1,187 +1,100 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
/* Styles for backwards compatibility with the legacy `post-comments` block */
|
||||
.wp-block-post-comments {
|
||||
/* utility classes */
|
||||
/* end utility classes */
|
||||
.wp-block-post-comments .alignleft{
|
||||
float:right;
|
||||
}
|
||||
.wp-block-post-comments .alignleft {
|
||||
float: right;
|
||||
.wp-block-post-comments .alignright{
|
||||
float:left;
|
||||
}
|
||||
.wp-block-post-comments .alignright {
|
||||
float: left;
|
||||
.wp-block-post-comments .navigation:after{
|
||||
clear:both;
|
||||
content:"";
|
||||
display:table;
|
||||
}
|
||||
.wp-block-post-comments .navigation::after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
.wp-block-post-comments .commentlist{
|
||||
clear:both;
|
||||
list-style:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
.wp-block-post-comments .commentlist {
|
||||
clear: both;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
.wp-block-post-comments .commentlist .comment{
|
||||
min-height:2.25em;
|
||||
padding-right:3.25em;
|
||||
}
|
||||
.wp-block-post-comments .commentlist .comment {
|
||||
min-height: 2.25em;
|
||||
padding-right: 3.25em;
|
||||
.wp-block-post-comments .commentlist .comment p{
|
||||
font-size:1em;
|
||||
line-height:1.8;
|
||||
margin:1em 0;
|
||||
}
|
||||
.wp-block-post-comments .commentlist .comment p {
|
||||
font-size: 1em;
|
||||
line-height: 1.8;
|
||||
margin: 1em 0;
|
||||
.wp-block-post-comments .commentlist .children{
|
||||
list-style:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
.wp-block-post-comments .commentlist .children {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
.wp-block-post-comments .comment-author{
|
||||
line-height:1.5;
|
||||
}
|
||||
.wp-block-post-comments .comment-author {
|
||||
line-height: 1.5;
|
||||
.wp-block-post-comments .comment-author .avatar{
|
||||
border-radius:1.5em;
|
||||
display:block;
|
||||
float:right;
|
||||
height:2.5em;
|
||||
margin-left:.75em;
|
||||
margin-top:.5em;
|
||||
width:2.5em;
|
||||
}
|
||||
.wp-block-post-comments .comment-author .avatar {
|
||||
border-radius: 1.5em;
|
||||
display: block;
|
||||
float: right;
|
||||
height: 2.5em;
|
||||
margin-top: 0.5em;
|
||||
margin-left: 0.75em;
|
||||
width: 2.5em;
|
||||
.wp-block-post-comments .comment-author cite{
|
||||
font-style:normal;
|
||||
}
|
||||
.wp-block-post-comments .comment-author cite {
|
||||
font-style: normal;
|
||||
.wp-block-post-comments .comment-meta{
|
||||
font-size:.875em;
|
||||
line-height:1.5;
|
||||
}
|
||||
.wp-block-post-comments .comment-meta {
|
||||
font-size: 0.875em;
|
||||
line-height: 1.5;
|
||||
.wp-block-post-comments .comment-meta b{
|
||||
font-weight:400;
|
||||
}
|
||||
.wp-block-post-comments .comment-meta b {
|
||||
font-weight: normal;
|
||||
.wp-block-post-comments .comment-meta .comment-awaiting-moderation{
|
||||
display:block;
|
||||
margin-bottom:1em;
|
||||
margin-top:1em;
|
||||
}
|
||||
.wp-block-post-comments .comment-meta .comment-awaiting-moderation {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
display: block;
|
||||
.wp-block-post-comments .comment-body .commentmetadata{
|
||||
font-size:.875em;
|
||||
}
|
||||
.wp-block-post-comments .comment-body .commentmetadata {
|
||||
font-size: 0.875em;
|
||||
.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{
|
||||
display:block;
|
||||
margin-bottom:.25em;
|
||||
}
|
||||
.wp-block-post-comments .comment-form-comment label,
|
||||
.wp-block-post-comments .comment-form-author label,
|
||||
.wp-block-post-comments .comment-form-email label,
|
||||
.wp-block-post-comments .comment-form-url label {
|
||||
display: block;
|
||||
margin-bottom: 0.25em;
|
||||
.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{
|
||||
box-sizing:border-box;
|
||||
display:block;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-post-comments .comment-form textarea,
|
||||
.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]) {
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
.wp-block-post-comments .comment-form-cookies-consent{
|
||||
display:flex;
|
||||
gap:.25em;
|
||||
}
|
||||
.wp-block-post-comments .comment-form-cookies-consent {
|
||||
display: flex;
|
||||
gap: 0.25em;
|
||||
.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{
|
||||
margin-top:.35em;
|
||||
}
|
||||
.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent {
|
||||
margin-top: 0.35em;
|
||||
.wp-block-post-comments .comment-reply-title{
|
||||
margin-bottom:0;
|
||||
}
|
||||
.wp-block-post-comments .comment-reply-title {
|
||||
margin-bottom: 0;
|
||||
.wp-block-post-comments .comment-reply-title :where(small){
|
||||
font-size:var(--wp--preset--font-size--medium, smaller);
|
||||
margin-right:.5em;
|
||||
}
|
||||
.wp-block-post-comments .comment-reply-title :where(small) {
|
||||
font-size: var(--wp--preset--font-size--medium, smaller);
|
||||
margin-right: 0.5em;
|
||||
.wp-block-post-comments .reply{
|
||||
font-size:.875em;
|
||||
margin-bottom:1.4em;
|
||||
}
|
||||
.wp-block-post-comments .reply {
|
||||
font-size: 0.875em;
|
||||
margin-bottom: 1.4em;
|
||||
.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{
|
||||
border:1px solid #949494;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
}
|
||||
.wp-block-post-comments textarea,
|
||||
.wp-block-post-comments input:not([type=submit]) {
|
||||
border: 1px solid #949494;
|
||||
font-size: 1em;
|
||||
font-family: inherit;
|
||||
}
|
||||
.wp-block-post-comments textarea,
|
||||
.wp-block-post-comments input:not([type=submit]):not([type=checkbox]) {
|
||||
padding: calc(0.667em + 2px);
|
||||
.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{
|
||||
padding:calc(.667em + 2px);
|
||||
}
|
||||
|
||||
:where(.wp-block-post-comments input[type="submit"]) {
|
||||
border: none;
|
||||
:where(.wp-block-post-comments input[type=submit]){
|
||||
border:none;
|
||||
}
|
||||
|
|
@ -1,187 +1,100 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
/* Styles for backwards compatibility with the legacy `post-comments` block */
|
||||
.wp-block-post-comments {
|
||||
/* utility classes */
|
||||
/* end utility classes */
|
||||
.wp-block-post-comments .alignleft{
|
||||
float:left;
|
||||
}
|
||||
.wp-block-post-comments .alignleft {
|
||||
float: left;
|
||||
.wp-block-post-comments .alignright{
|
||||
float:right;
|
||||
}
|
||||
.wp-block-post-comments .alignright {
|
||||
float: right;
|
||||
.wp-block-post-comments .navigation:after{
|
||||
clear:both;
|
||||
content:"";
|
||||
display:table;
|
||||
}
|
||||
.wp-block-post-comments .navigation::after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
.wp-block-post-comments .commentlist{
|
||||
clear:both;
|
||||
list-style:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
.wp-block-post-comments .commentlist {
|
||||
clear: both;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
.wp-block-post-comments .commentlist .comment{
|
||||
min-height:2.25em;
|
||||
padding-left:3.25em;
|
||||
}
|
||||
.wp-block-post-comments .commentlist .comment {
|
||||
min-height: 2.25em;
|
||||
padding-left: 3.25em;
|
||||
.wp-block-post-comments .commentlist .comment p{
|
||||
font-size:1em;
|
||||
line-height:1.8;
|
||||
margin:1em 0;
|
||||
}
|
||||
.wp-block-post-comments .commentlist .comment p {
|
||||
font-size: 1em;
|
||||
line-height: 1.8;
|
||||
margin: 1em 0;
|
||||
.wp-block-post-comments .commentlist .children{
|
||||
list-style:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
.wp-block-post-comments .commentlist .children {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
.wp-block-post-comments .comment-author{
|
||||
line-height:1.5;
|
||||
}
|
||||
.wp-block-post-comments .comment-author {
|
||||
line-height: 1.5;
|
||||
.wp-block-post-comments .comment-author .avatar{
|
||||
border-radius:1.5em;
|
||||
display:block;
|
||||
float:left;
|
||||
height:2.5em;
|
||||
margin-right:.75em;
|
||||
margin-top:.5em;
|
||||
width:2.5em;
|
||||
}
|
||||
.wp-block-post-comments .comment-author .avatar {
|
||||
border-radius: 1.5em;
|
||||
display: block;
|
||||
float: left;
|
||||
height: 2.5em;
|
||||
margin-top: 0.5em;
|
||||
margin-right: 0.75em;
|
||||
width: 2.5em;
|
||||
.wp-block-post-comments .comment-author cite{
|
||||
font-style:normal;
|
||||
}
|
||||
.wp-block-post-comments .comment-author cite {
|
||||
font-style: normal;
|
||||
.wp-block-post-comments .comment-meta{
|
||||
font-size:.875em;
|
||||
line-height:1.5;
|
||||
}
|
||||
.wp-block-post-comments .comment-meta {
|
||||
font-size: 0.875em;
|
||||
line-height: 1.5;
|
||||
.wp-block-post-comments .comment-meta b{
|
||||
font-weight:400;
|
||||
}
|
||||
.wp-block-post-comments .comment-meta b {
|
||||
font-weight: normal;
|
||||
.wp-block-post-comments .comment-meta .comment-awaiting-moderation{
|
||||
display:block;
|
||||
margin-bottom:1em;
|
||||
margin-top:1em;
|
||||
}
|
||||
.wp-block-post-comments .comment-meta .comment-awaiting-moderation {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
display: block;
|
||||
.wp-block-post-comments .comment-body .commentmetadata{
|
||||
font-size:.875em;
|
||||
}
|
||||
.wp-block-post-comments .comment-body .commentmetadata {
|
||||
font-size: 0.875em;
|
||||
.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{
|
||||
display:block;
|
||||
margin-bottom:.25em;
|
||||
}
|
||||
.wp-block-post-comments .comment-form-comment label,
|
||||
.wp-block-post-comments .comment-form-author label,
|
||||
.wp-block-post-comments .comment-form-email label,
|
||||
.wp-block-post-comments .comment-form-url label {
|
||||
display: block;
|
||||
margin-bottom: 0.25em;
|
||||
.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{
|
||||
box-sizing:border-box;
|
||||
display:block;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-post-comments .comment-form textarea,
|
||||
.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]) {
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
.wp-block-post-comments .comment-form-cookies-consent{
|
||||
display:flex;
|
||||
gap:.25em;
|
||||
}
|
||||
.wp-block-post-comments .comment-form-cookies-consent {
|
||||
display: flex;
|
||||
gap: 0.25em;
|
||||
.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{
|
||||
margin-top:.35em;
|
||||
}
|
||||
.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent {
|
||||
margin-top: 0.35em;
|
||||
.wp-block-post-comments .comment-reply-title{
|
||||
margin-bottom:0;
|
||||
}
|
||||
.wp-block-post-comments .comment-reply-title {
|
||||
margin-bottom: 0;
|
||||
.wp-block-post-comments .comment-reply-title :where(small){
|
||||
font-size:var(--wp--preset--font-size--medium, smaller);
|
||||
margin-left:.5em;
|
||||
}
|
||||
.wp-block-post-comments .comment-reply-title :where(small) {
|
||||
font-size: var(--wp--preset--font-size--medium, smaller);
|
||||
margin-left: 0.5em;
|
||||
.wp-block-post-comments .reply{
|
||||
font-size:.875em;
|
||||
margin-bottom:1.4em;
|
||||
}
|
||||
.wp-block-post-comments .reply {
|
||||
font-size: 0.875em;
|
||||
margin-bottom: 1.4em;
|
||||
.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{
|
||||
border:1px solid #949494;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
}
|
||||
.wp-block-post-comments textarea,
|
||||
.wp-block-post-comments input:not([type=submit]) {
|
||||
border: 1px solid #949494;
|
||||
font-size: 1em;
|
||||
font-family: inherit;
|
||||
}
|
||||
.wp-block-post-comments textarea,
|
||||
.wp-block-post-comments input:not([type=submit]):not([type=checkbox]) {
|
||||
padding: calc(0.667em + 2px);
|
||||
.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{
|
||||
padding:calc(.667em + 2px);
|
||||
}
|
||||
|
||||
:where(.wp-block-post-comments input[type="submit"]) {
|
||||
border: none;
|
||||
:where(.wp-block-post-comments input[type=submit]){
|
||||
border:none;
|
||||
}
|
||||
|
|
@ -1,163 +1,83 @@
|
|||
/**
|
||||
* 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-cover {
|
||||
/* Extra specificity needed because the reset.css applied in the editor context is overriding this rule. */
|
||||
.editor-styles-wrapper .wp-block-cover{
|
||||
box-sizing:border-box;
|
||||
}
|
||||
.editor-styles-wrapper .wp-block-cover {
|
||||
box-sizing: border-box;
|
||||
.wp-block-cover.is-placeholder{
|
||||
min-height:auto !important;
|
||||
padding:0 !important;
|
||||
}
|
||||
.wp-block-cover.is-placeholder {
|
||||
min-height: auto !important;
|
||||
padding: 0 !important;
|
||||
.wp-block-cover.is-placeholder .block-library-cover__resize-container{
|
||||
display:none;
|
||||
}
|
||||
.wp-block-cover.is-placeholder .block-library-cover__resize-container {
|
||||
display: none;
|
||||
.wp-block-cover.is-placeholder .components-placeholder.is-large{
|
||||
justify-content:flex-start;
|
||||
min-height:240px;
|
||||
z-index:1;
|
||||
}
|
||||
.wp-block-cover.is-placeholder .components-placeholder.is-large {
|
||||
min-height: 240px;
|
||||
justify-content: flex-start;
|
||||
z-index: 1;
|
||||
.wp-block-cover.is-placeholder .components-placeholder.is-large+.block-library-cover__resize-container{
|
||||
display:block;
|
||||
min-height:240px;
|
||||
}
|
||||
.wp-block-cover.is-placeholder .components-placeholder.is-large + .block-library-cover__resize-container {
|
||||
min-height: 240px;
|
||||
display: block;
|
||||
.wp-block-cover.components-placeholder h2{
|
||||
color:inherit;
|
||||
}
|
||||
.wp-block-cover.components-placeholder h2 {
|
||||
color: inherit;
|
||||
.wp-block-cover.is-transient:before{
|
||||
background-color:#fff;
|
||||
opacity:.3;
|
||||
}
|
||||
.wp-block-cover.is-transient::before {
|
||||
background-color: #fff;
|
||||
opacity: 0.3;
|
||||
.wp-block-cover .components-spinner{
|
||||
margin:0;
|
||||
position:absolute;
|
||||
right:50%;
|
||||
top:50%;
|
||||
transform:translate(50%, -50%);
|
||||
z-index:1;
|
||||
}
|
||||
.wp-block-cover .components-spinner {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 50%;
|
||||
right: 50%;
|
||||
transform: translate(50%, -50%);
|
||||
margin: 0;
|
||||
.wp-block-cover .wp-block-cover__inner-container{
|
||||
margin-left:0;
|
||||
margin-right:0;
|
||||
text-align:right;
|
||||
}
|
||||
.wp-block-cover .wp-block-cover__inner-container {
|
||||
text-align: right;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
.wp-block-cover .wp-block-cover__placeholder-background-options{
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-cover .wp-block-cover__placeholder-background-options {
|
||||
width: 100%;
|
||||
}
|
||||
.wp-block-cover .wp-block-cover__image--placeholder-image {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
.wp-block-cover .wp-block-cover__image--placeholder-image{
|
||||
bottom:0;
|
||||
left:0;
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:0;
|
||||
}
|
||||
|
||||
[data-align=left] > .wp-block-cover,
|
||||
[data-align=right] > .wp-block-cover {
|
||||
max-width: 420px;
|
||||
width: 100%;
|
||||
[data-align=left]>.wp-block-cover,[data-align=right]>.wp-block-cover{
|
||||
max-width:420px;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.block-library-cover__reset-button {
|
||||
margin-right: auto;
|
||||
.block-library-cover__reset-button{
|
||||
margin-right:auto;
|
||||
}
|
||||
|
||||
.block-library-cover__resize-container {
|
||||
position: absolute !important;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
min-height: 50px;
|
||||
.block-library-cover__resize-container{
|
||||
bottom:0;
|
||||
left:0;
|
||||
min-height:50px;
|
||||
position:absolute !important;
|
||||
right:0;
|
||||
top:0;
|
||||
}
|
||||
|
||||
.block-library-cover__resize-container:not(.is-resizing) {
|
||||
height: auto !important;
|
||||
.block-library-cover__resize-container:not(.is-resizing){
|
||||
height:auto !important;
|
||||
}
|
||||
|
||||
.wp-block-cover > .components-drop-zone .components-drop-zone__content {
|
||||
opacity: 0.8 !important;
|
||||
.wp-block-cover>.components-drop-zone .components-drop-zone__content{
|
||||
opacity:.8 !important;
|
||||
}
|
||||
|
||||
.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover {
|
||||
background-attachment: scroll;
|
||||
.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover{
|
||||
background-attachment:scroll;
|
||||
}
|
||||
|
||||
.color-block-support-panel__inner-wrapper > :not(.block-editor-tools-panel-color-gradient-settings__item) {
|
||||
margin-top: 24px;
|
||||
.color-block-support-panel__inner-wrapper>:not(.block-editor-tools-panel-color-gradient-settings__item){
|
||||
margin-top:24px;
|
||||
}
|
||||
|
|
@ -1,163 +1,83 @@
|
|||
/**
|
||||
* 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-cover {
|
||||
/* Extra specificity needed because the reset.css applied in the editor context is overriding this rule. */
|
||||
.editor-styles-wrapper .wp-block-cover{
|
||||
box-sizing:border-box;
|
||||
}
|
||||
.editor-styles-wrapper .wp-block-cover {
|
||||
box-sizing: border-box;
|
||||
.wp-block-cover.is-placeholder{
|
||||
min-height:auto !important;
|
||||
padding:0 !important;
|
||||
}
|
||||
.wp-block-cover.is-placeholder {
|
||||
min-height: auto !important;
|
||||
padding: 0 !important;
|
||||
.wp-block-cover.is-placeholder .block-library-cover__resize-container{
|
||||
display:none;
|
||||
}
|
||||
.wp-block-cover.is-placeholder .block-library-cover__resize-container {
|
||||
display: none;
|
||||
.wp-block-cover.is-placeholder .components-placeholder.is-large{
|
||||
justify-content:flex-start;
|
||||
min-height:240px;
|
||||
z-index:1;
|
||||
}
|
||||
.wp-block-cover.is-placeholder .components-placeholder.is-large {
|
||||
min-height: 240px;
|
||||
justify-content: flex-start;
|
||||
z-index: 1;
|
||||
.wp-block-cover.is-placeholder .components-placeholder.is-large+.block-library-cover__resize-container{
|
||||
display:block;
|
||||
min-height:240px;
|
||||
}
|
||||
.wp-block-cover.is-placeholder .components-placeholder.is-large + .block-library-cover__resize-container {
|
||||
min-height: 240px;
|
||||
display: block;
|
||||
.wp-block-cover.components-placeholder h2{
|
||||
color:inherit;
|
||||
}
|
||||
.wp-block-cover.components-placeholder h2 {
|
||||
color: inherit;
|
||||
.wp-block-cover.is-transient:before{
|
||||
background-color:#fff;
|
||||
opacity:.3;
|
||||
}
|
||||
.wp-block-cover.is-transient::before {
|
||||
background-color: #fff;
|
||||
opacity: 0.3;
|
||||
.wp-block-cover .components-spinner{
|
||||
left:50%;
|
||||
margin:0;
|
||||
position:absolute;
|
||||
top:50%;
|
||||
transform:translate(-50%, -50%);
|
||||
z-index:1;
|
||||
}
|
||||
.wp-block-cover .components-spinner {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
margin: 0;
|
||||
.wp-block-cover .wp-block-cover__inner-container{
|
||||
margin-left:0;
|
||||
margin-right:0;
|
||||
text-align:left;
|
||||
}
|
||||
.wp-block-cover .wp-block-cover__inner-container {
|
||||
text-align: left;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
.wp-block-cover .wp-block-cover__placeholder-background-options{
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-cover .wp-block-cover__placeholder-background-options {
|
||||
width: 100%;
|
||||
}
|
||||
.wp-block-cover .wp-block-cover__image--placeholder-image {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
.wp-block-cover .wp-block-cover__image--placeholder-image{
|
||||
bottom:0;
|
||||
left:0;
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:0;
|
||||
}
|
||||
|
||||
[data-align=left] > .wp-block-cover,
|
||||
[data-align=right] > .wp-block-cover {
|
||||
max-width: 420px;
|
||||
width: 100%;
|
||||
[data-align=left]>.wp-block-cover,[data-align=right]>.wp-block-cover{
|
||||
max-width:420px;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.block-library-cover__reset-button {
|
||||
margin-left: auto;
|
||||
.block-library-cover__reset-button{
|
||||
margin-left:auto;
|
||||
}
|
||||
|
||||
.block-library-cover__resize-container {
|
||||
position: absolute !important;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
min-height: 50px;
|
||||
.block-library-cover__resize-container{
|
||||
bottom:0;
|
||||
left:0;
|
||||
min-height:50px;
|
||||
position:absolute !important;
|
||||
right:0;
|
||||
top:0;
|
||||
}
|
||||
|
||||
.block-library-cover__resize-container:not(.is-resizing) {
|
||||
height: auto !important;
|
||||
.block-library-cover__resize-container:not(.is-resizing){
|
||||
height:auto !important;
|
||||
}
|
||||
|
||||
.wp-block-cover > .components-drop-zone .components-drop-zone__content {
|
||||
opacity: 0.8 !important;
|
||||
.wp-block-cover>.components-drop-zone .components-drop-zone__content{
|
||||
opacity:.8 !important;
|
||||
}
|
||||
|
||||
.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover {
|
||||
background-attachment: scroll;
|
||||
.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover{
|
||||
background-attachment:scroll;
|
||||
}
|
||||
|
||||
.color-block-support-panel__inner-wrapper > :not(.block-editor-tools-panel-color-gradient-settings__item) {
|
||||
margin-top: 24px;
|
||||
.color-block-support-panel__inner-wrapper>:not(.block-editor-tools-panel-color-gradient-settings__item){
|
||||
margin-top:24px;
|
||||
}
|
||||
|
|
@ -1,487 +1,233 @@
|
|||
/**
|
||||
* 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-cover-image,
|
||||
.wp-block-cover {
|
||||
position: relative;
|
||||
background-position: center center;
|
||||
min-height: 430px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 1em;
|
||||
box-sizing: border-box; direction: ltr;
|
||||
/**
|
||||
* Set a default background color for has-background-dim _unless_ it includes another
|
||||
* background-color class (e.g. has-green-background-color). The presence of another
|
||||
* background-color class implies that another style will provide the background color
|
||||
* for the overlay.
|
||||
*
|
||||
* See:
|
||||
* - Issue with background color specificity: https://github.com/WordPress/gutenberg/issues/26545
|
||||
* - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545
|
||||
*/
|
||||
.wp-block-cover,.wp-block-cover-image{
|
||||
align-items:center;
|
||||
background-position:50%;
|
||||
box-sizing:border-box; direction:ltr;
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
min-height:430px;
|
||||
padding:1em;
|
||||
position:relative;
|
||||
}
|
||||
.wp-block-cover-image.has-background-dim:not([class*=-background-color]),
|
||||
.wp-block-cover-image .has-background-dim:not([class*=-background-color]),
|
||||
.wp-block-cover.has-background-dim:not([class*=-background-color]),
|
||||
.wp-block-cover .has-background-dim:not([class*=-background-color]) {
|
||||
background-color: #000;
|
||||
.wp-block-cover .has-background-dim:not([class*=-background-color]),.wp-block-cover-image .has-background-dim:not([class*=-background-color]),.wp-block-cover-image.has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]){
|
||||
background-color:#000;
|
||||
}
|
||||
.wp-block-cover-image .has-background-dim.has-background-gradient,
|
||||
.wp-block-cover .has-background-dim.has-background-gradient {
|
||||
background-color: transparent;
|
||||
.wp-block-cover .has-background-dim.has-background-gradient,.wp-block-cover-image .has-background-dim.has-background-gradient{
|
||||
background-color:initial;
|
||||
}
|
||||
.wp-block-cover-image.has-background-dim::before,
|
||||
.wp-block-cover.has-background-dim::before {
|
||||
content: "";
|
||||
background-color: inherit;
|
||||
.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{
|
||||
background-color:inherit;
|
||||
content:"";
|
||||
}
|
||||
.wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before,
|
||||
.wp-block-cover-image .wp-block-cover__background,
|
||||
.wp-block-cover-image .wp-block-cover__gradient-background,
|
||||
.wp-block-cover.has-background-dim:not(.has-background-gradient)::before,
|
||||
.wp-block-cover .wp-block-cover__background,
|
||||
.wp-block-cover .wp-block-cover__gradient-background {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
opacity: 0.5;
|
||||
.wp-block-cover .wp-block-cover__background,.wp-block-cover .wp-block-cover__gradient-background,.wp-block-cover-image .wp-block-cover__background,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover.has-background-dim:not(.has-background-gradient):before{
|
||||
bottom:0;
|
||||
left:0;
|
||||
opacity:.5;
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:0;
|
||||
z-index:1;
|
||||
}
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {
|
||||
opacity: 0.1;
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{
|
||||
opacity:.1;
|
||||
}
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {
|
||||
opacity: 0.2;
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before{
|
||||
opacity:.2;
|
||||
}
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {
|
||||
opacity: 0.3;
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before{
|
||||
opacity:.3;
|
||||
}
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {
|
||||
opacity: 0.4;
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before{
|
||||
opacity:.4;
|
||||
}
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {
|
||||
opacity: 0.5;
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before{
|
||||
opacity:.5;
|
||||
}
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {
|
||||
opacity: 0.6;
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{
|
||||
opacity:.6;
|
||||
}
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {
|
||||
opacity: 0.7;
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before{
|
||||
opacity:.7;
|
||||
}
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {
|
||||
opacity: 0.8;
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before{
|
||||
opacity:.8;
|
||||
}
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {
|
||||
opacity: 0.9;
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before{
|
||||
opacity:.9;
|
||||
}
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {
|
||||
opacity: 1;
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{
|
||||
opacity:1;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,
|
||||
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,
|
||||
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0 {
|
||||
opacity: 0;
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0{
|
||||
opacity:0;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,
|
||||
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,
|
||||
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10 {
|
||||
opacity: 0.1;
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10{
|
||||
opacity:.1;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,
|
||||
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,
|
||||
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20 {
|
||||
opacity: 0.2;
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20{
|
||||
opacity:.2;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,
|
||||
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,
|
||||
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30 {
|
||||
opacity: 0.3;
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30{
|
||||
opacity:.3;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,
|
||||
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,
|
||||
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40 {
|
||||
opacity: 0.4;
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40{
|
||||
opacity:.4;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,
|
||||
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,
|
||||
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50 {
|
||||
opacity: 0.5;
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50{
|
||||
opacity:.5;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,
|
||||
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,
|
||||
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60 {
|
||||
opacity: 0.6;
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60{
|
||||
opacity:.6;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,
|
||||
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,
|
||||
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70 {
|
||||
opacity: 0.7;
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70{
|
||||
opacity:.7;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,
|
||||
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,
|
||||
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80 {
|
||||
opacity: 0.8;
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80{
|
||||
opacity:.8;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,
|
||||
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,
|
||||
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90 {
|
||||
opacity: 0.9;
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90{
|
||||
opacity:.9;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,
|
||||
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,
|
||||
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100 {
|
||||
opacity: 1;
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100{
|
||||
opacity:1;
|
||||
}
|
||||
.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,
|
||||
.wp-block-cover.alignleft,
|
||||
.wp-block-cover.alignright {
|
||||
max-width: 420px;
|
||||
width: 100%;
|
||||
.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{
|
||||
max-width:420px;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-cover-image::after,
|
||||
.wp-block-cover::after {
|
||||
display: block;
|
||||
content: "";
|
||||
font-size: 0;
|
||||
min-height: inherit;
|
||||
.wp-block-cover-image:after,.wp-block-cover:after{
|
||||
content:"";
|
||||
display:block;
|
||||
font-size:0;
|
||||
min-height:inherit;
|
||||
}
|
||||
@supports (position: sticky) {
|
||||
.wp-block-cover-image::after,
|
||||
.wp-block-cover::after {
|
||||
content: none;
|
||||
@supports (position:sticky){
|
||||
.wp-block-cover-image:after,.wp-block-cover:after{
|
||||
content:none;
|
||||
}
|
||||
}
|
||||
.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,
|
||||
.wp-block-cover.aligncenter,
|
||||
.wp-block-cover.alignleft,
|
||||
.wp-block-cover.alignright {
|
||||
display: flex;
|
||||
.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{
|
||||
display:flex;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover__inner-container,
|
||||
.wp-block-cover .wp-block-cover__inner-container {
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
color: #fff; direction: rtl;
|
||||
.wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container{
|
||||
color:#fff; direction:rtl;
|
||||
width:100%;
|
||||
z-index:1;
|
||||
}
|
||||
.wp-block-cover-image.is-light .wp-block-cover__inner-container,
|
||||
.wp-block-cover.is-light .wp-block-cover__inner-container {
|
||||
color: #000;
|
||||
.wp-block-cover-image.is-light .wp-block-cover__inner-container,.wp-block-cover.is-light .wp-block-cover__inner-container{
|
||||
color:#000;
|
||||
}
|
||||
.wp-block-cover-image p:not(.has-text-color),
|
||||
.wp-block-cover-image h1:not(.has-text-color),
|
||||
.wp-block-cover-image h2:not(.has-text-color),
|
||||
.wp-block-cover-image h3:not(.has-text-color),
|
||||
.wp-block-cover-image h4:not(.has-text-color),
|
||||
.wp-block-cover-image h5:not(.has-text-color),
|
||||
.wp-block-cover-image h6:not(.has-text-color),
|
||||
.wp-block-cover p:not(.has-text-color),
|
||||
.wp-block-cover h1:not(.has-text-color),
|
||||
.wp-block-cover h2:not(.has-text-color),
|
||||
.wp-block-cover h3:not(.has-text-color),
|
||||
.wp-block-cover h4:not(.has-text-color),
|
||||
.wp-block-cover h5:not(.has-text-color),
|
||||
.wp-block-cover h6:not(.has-text-color) {
|
||||
color: inherit;
|
||||
.wp-block-cover h1:not(.has-text-color),.wp-block-cover h2:not(.has-text-color),.wp-block-cover h3:not(.has-text-color),.wp-block-cover h4:not(.has-text-color),.wp-block-cover h5:not(.has-text-color),.wp-block-cover h6:not(.has-text-color),.wp-block-cover p:not(.has-text-color),.wp-block-cover-image h1:not(.has-text-color),.wp-block-cover-image h2:not(.has-text-color),.wp-block-cover-image h3:not(.has-text-color),.wp-block-cover-image h4:not(.has-text-color),.wp-block-cover-image h5:not(.has-text-color),.wp-block-cover-image h6:not(.has-text-color),.wp-block-cover-image p:not(.has-text-color){
|
||||
color:inherit;
|
||||
}
|
||||
.wp-block-cover-image.is-position-top-left,
|
||||
.wp-block-cover.is-position-top-left {
|
||||
align-items: flex-start;
|
||||
justify-content: flex-start;
|
||||
.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{
|
||||
align-items:flex-start;
|
||||
justify-content:flex-start;
|
||||
}
|
||||
.wp-block-cover-image.is-position-top-center,
|
||||
.wp-block-cover.is-position-top-center {
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center{
|
||||
align-items:flex-start;
|
||||
justify-content:center;
|
||||
}
|
||||
.wp-block-cover-image.is-position-top-right,
|
||||
.wp-block-cover.is-position-top-right {
|
||||
align-items: flex-start;
|
||||
justify-content: flex-end;
|
||||
.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right{
|
||||
align-items:flex-start;
|
||||
justify-content:flex-end;
|
||||
}
|
||||
.wp-block-cover-image.is-position-center-left,
|
||||
.wp-block-cover.is-position-center-left {
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left{
|
||||
align-items:center;
|
||||
justify-content:flex-start;
|
||||
}
|
||||
.wp-block-cover-image.is-position-center-center,
|
||||
.wp-block-cover.is-position-center-center {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center{
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
}
|
||||
.wp-block-cover-image.is-position-center-right,
|
||||
.wp-block-cover.is-position-center-right {
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right{
|
||||
align-items:center;
|
||||
justify-content:flex-end;
|
||||
}
|
||||
.wp-block-cover-image.is-position-bottom-left,
|
||||
.wp-block-cover.is-position-bottom-left {
|
||||
align-items: flex-end;
|
||||
justify-content: flex-start;
|
||||
.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left{
|
||||
align-items:flex-end;
|
||||
justify-content:flex-start;
|
||||
}
|
||||
.wp-block-cover-image.is-position-bottom-center,
|
||||
.wp-block-cover.is-position-bottom-center {
|
||||
align-items: flex-end;
|
||||
justify-content: center;
|
||||
.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center{
|
||||
align-items:flex-end;
|
||||
justify-content:center;
|
||||
}
|
||||
.wp-block-cover-image.is-position-bottom-right,
|
||||
.wp-block-cover.is-position-bottom-right {
|
||||
align-items: flex-end;
|
||||
justify-content: flex-end;
|
||||
.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right{
|
||||
align-items:flex-end;
|
||||
justify-content:flex-end;
|
||||
}
|
||||
.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,
|
||||
.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
|
||||
margin: 0;
|
||||
width: auto;
|
||||
.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container{
|
||||
margin:0;
|
||||
width:auto;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover__image-background,
|
||||
.wp-block-cover-image video.wp-block-cover__video-background,
|
||||
.wp-block-cover .wp-block-cover__image-background,
|
||||
.wp-block-cover video.wp-block-cover__video-background {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
max-width: none;
|
||||
max-height: none;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
outline: none;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
.wp-block-cover .wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background,.wp-block-cover-image .wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background{
|
||||
border:none;
|
||||
bottom:0;
|
||||
box-shadow:none;
|
||||
height:100%;
|
||||
left:0;
|
||||
margin:0;
|
||||
max-height:none;
|
||||
max-width:none;
|
||||
-o-object-fit:cover;
|
||||
object-fit:cover;
|
||||
outline:none;
|
||||
padding:0;
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:0;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.wp-block-cover-image.has-parallax,
|
||||
.wp-block-cover.has-parallax,
|
||||
.wp-block-cover__image-background.has-parallax,
|
||||
video.wp-block-cover__video-background.has-parallax {
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{
|
||||
background-attachment:fixed;
|
||||
background-repeat:no-repeat;
|
||||
background-size:cover;
|
||||
}
|
||||
@supports (-webkit-overflow-scrolling: touch) {
|
||||
.wp-block-cover-image.has-parallax,
|
||||
.wp-block-cover.has-parallax,
|
||||
.wp-block-cover__image-background.has-parallax,
|
||||
video.wp-block-cover__video-background.has-parallax {
|
||||
background-attachment: scroll;
|
||||
@supports (-webkit-overflow-scrolling:touch){
|
||||
.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{
|
||||
background-attachment:scroll;
|
||||
}
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.wp-block-cover-image.has-parallax,
|
||||
.wp-block-cover.has-parallax,
|
||||
.wp-block-cover__image-background.has-parallax,
|
||||
video.wp-block-cover__video-background.has-parallax {
|
||||
background-attachment: scroll;
|
||||
@media (prefers-reduced-motion:reduce){
|
||||
.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{
|
||||
background-attachment:scroll;
|
||||
}
|
||||
}
|
||||
.wp-block-cover-image.is-repeated,
|
||||
.wp-block-cover.is-repeated,
|
||||
.wp-block-cover__image-background.is-repeated,
|
||||
video.wp-block-cover__video-background.is-repeated {
|
||||
background-repeat: repeat;
|
||||
background-size: auto;
|
||||
.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated,.wp-block-cover__image-background.is-repeated,video.wp-block-cover__video-background.is-repeated{
|
||||
background-repeat:repeat;
|
||||
background-size:auto;
|
||||
}
|
||||
|
||||
.wp-block-cover__video-background {
|
||||
z-index: 0;
|
||||
.wp-block-cover__image-background,.wp-block-cover__video-background{
|
||||
z-index:0;
|
||||
}
|
||||
.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.wp-block-cover__image-background {
|
||||
z-index: 0;
|
||||
.wp-block-cover-image .wp-block-cover.has-left-content{
|
||||
justify-content:flex-start;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover.has-right-content{
|
||||
justify-content:flex-end;
|
||||
}
|
||||
|
||||
section.wp-block-cover-image h2,
|
||||
.wp-block-cover-image-text,
|
||||
.wp-block-cover-text {
|
||||
color: #fff;
|
||||
}
|
||||
section.wp-block-cover-image h2 a,
|
||||
section.wp-block-cover-image h2 a:hover,
|
||||
section.wp-block-cover-image h2 a:focus,
|
||||
section.wp-block-cover-image h2 a:active,
|
||||
.wp-block-cover-image-text a,
|
||||
.wp-block-cover-image-text a:hover,
|
||||
.wp-block-cover-image-text a:focus,
|
||||
.wp-block-cover-image-text a:active,
|
||||
.wp-block-cover-text a,
|
||||
.wp-block-cover-text a:hover,
|
||||
.wp-block-cover-text a:focus,
|
||||
.wp-block-cover-text a:active {
|
||||
color: #fff;
|
||||
.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{
|
||||
margin-right:0;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
.wp-block-cover-image .wp-block-cover.has-left-content {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover.has-right-content {
|
||||
justify-content: flex-end;
|
||||
.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{
|
||||
margin-left:0;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
section.wp-block-cover-image.has-left-content > h2,
|
||||
.wp-block-cover-image.has-left-content .wp-block-cover-image-text,
|
||||
.wp-block-cover.has-left-content .wp-block-cover-text {
|
||||
margin-right: 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
section.wp-block-cover-image.has-right-content > h2,
|
||||
.wp-block-cover-image.has-right-content .wp-block-cover-image-text,
|
||||
.wp-block-cover.has-right-content .wp-block-cover-text {
|
||||
margin-left: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
section.wp-block-cover-image > h2,
|
||||
.wp-block-cover-image .wp-block-cover-image-text,
|
||||
.wp-block-cover .wp-block-cover-text {
|
||||
font-size: 2em;
|
||||
line-height: 1.25;
|
||||
z-index: 1;
|
||||
margin-bottom: 0;
|
||||
max-width: 840px;
|
||||
padding: 0.44em;
|
||||
text-align: center;
|
||||
.wp-block-cover .wp-block-cover-text,.wp-block-cover-image .wp-block-cover-image-text,section.wp-block-cover-image>h2{
|
||||
font-size:2em;
|
||||
line-height:1.25;
|
||||
margin-bottom:0;
|
||||
max-width:840px;
|
||||
padding:.44em;
|
||||
text-align:center;
|
||||
z-index:1;
|
||||
}
|
||||
|
|
@ -1,489 +1,233 @@
|
|||
/**
|
||||
* 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-cover-image,
|
||||
.wp-block-cover {
|
||||
position: relative;
|
||||
background-position: center center;
|
||||
min-height: 430px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 1em;
|
||||
box-sizing: border-box;
|
||||
/*rtl:raw: direction: ltr; */
|
||||
/**
|
||||
* Set a default background color for has-background-dim _unless_ it includes another
|
||||
* background-color class (e.g. has-green-background-color). The presence of another
|
||||
* background-color class implies that another style will provide the background color
|
||||
* for the overlay.
|
||||
*
|
||||
* See:
|
||||
* - Issue with background color specificity: https://github.com/WordPress/gutenberg/issues/26545
|
||||
* - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545
|
||||
*/
|
||||
.wp-block-cover,.wp-block-cover-image{
|
||||
align-items:center;
|
||||
background-position:50%;
|
||||
box-sizing:border-box;
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
min-height:430px;
|
||||
padding:1em;
|
||||
position:relative;
|
||||
}
|
||||
.wp-block-cover-image.has-background-dim:not([class*=-background-color]),
|
||||
.wp-block-cover-image .has-background-dim:not([class*=-background-color]),
|
||||
.wp-block-cover.has-background-dim:not([class*=-background-color]),
|
||||
.wp-block-cover .has-background-dim:not([class*=-background-color]) {
|
||||
background-color: #000;
|
||||
.wp-block-cover .has-background-dim:not([class*=-background-color]),.wp-block-cover-image .has-background-dim:not([class*=-background-color]),.wp-block-cover-image.has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]){
|
||||
background-color:#000;
|
||||
}
|
||||
.wp-block-cover-image .has-background-dim.has-background-gradient,
|
||||
.wp-block-cover .has-background-dim.has-background-gradient {
|
||||
background-color: transparent;
|
||||
.wp-block-cover .has-background-dim.has-background-gradient,.wp-block-cover-image .has-background-dim.has-background-gradient{
|
||||
background-color:initial;
|
||||
}
|
||||
.wp-block-cover-image.has-background-dim::before,
|
||||
.wp-block-cover.has-background-dim::before {
|
||||
content: "";
|
||||
background-color: inherit;
|
||||
.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{
|
||||
background-color:inherit;
|
||||
content:"";
|
||||
}
|
||||
.wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before,
|
||||
.wp-block-cover-image .wp-block-cover__background,
|
||||
.wp-block-cover-image .wp-block-cover__gradient-background,
|
||||
.wp-block-cover.has-background-dim:not(.has-background-gradient)::before,
|
||||
.wp-block-cover .wp-block-cover__background,
|
||||
.wp-block-cover .wp-block-cover__gradient-background {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
opacity: 0.5;
|
||||
.wp-block-cover .wp-block-cover__background,.wp-block-cover .wp-block-cover__gradient-background,.wp-block-cover-image .wp-block-cover__background,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover.has-background-dim:not(.has-background-gradient):before{
|
||||
bottom:0;
|
||||
left:0;
|
||||
opacity:.5;
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:0;
|
||||
z-index:1;
|
||||
}
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {
|
||||
opacity: 0.1;
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{
|
||||
opacity:.1;
|
||||
}
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {
|
||||
opacity: 0.2;
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before{
|
||||
opacity:.2;
|
||||
}
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {
|
||||
opacity: 0.3;
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before{
|
||||
opacity:.3;
|
||||
}
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {
|
||||
opacity: 0.4;
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before{
|
||||
opacity:.4;
|
||||
}
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {
|
||||
opacity: 0.5;
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before{
|
||||
opacity:.5;
|
||||
}
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {
|
||||
opacity: 0.6;
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{
|
||||
opacity:.6;
|
||||
}
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {
|
||||
opacity: 0.7;
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before{
|
||||
opacity:.7;
|
||||
}
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {
|
||||
opacity: 0.8;
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before{
|
||||
opacity:.8;
|
||||
}
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {
|
||||
opacity: 0.9;
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before{
|
||||
opacity:.9;
|
||||
}
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,
|
||||
.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {
|
||||
opacity: 1;
|
||||
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{
|
||||
opacity:1;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,
|
||||
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,
|
||||
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0 {
|
||||
opacity: 0;
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0{
|
||||
opacity:0;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,
|
||||
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,
|
||||
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10 {
|
||||
opacity: 0.1;
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10{
|
||||
opacity:.1;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,
|
||||
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,
|
||||
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20 {
|
||||
opacity: 0.2;
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20{
|
||||
opacity:.2;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,
|
||||
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,
|
||||
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30 {
|
||||
opacity: 0.3;
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30{
|
||||
opacity:.3;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,
|
||||
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,
|
||||
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40 {
|
||||
opacity: 0.4;
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40{
|
||||
opacity:.4;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,
|
||||
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,
|
||||
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50 {
|
||||
opacity: 0.5;
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50{
|
||||
opacity:.5;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,
|
||||
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,
|
||||
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60 {
|
||||
opacity: 0.6;
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60{
|
||||
opacity:.6;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,
|
||||
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,
|
||||
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70 {
|
||||
opacity: 0.7;
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70{
|
||||
opacity:.7;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,
|
||||
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,
|
||||
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80 {
|
||||
opacity: 0.8;
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80{
|
||||
opacity:.8;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,
|
||||
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,
|
||||
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90 {
|
||||
opacity: 0.9;
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90{
|
||||
opacity:.9;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,
|
||||
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,
|
||||
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100 {
|
||||
opacity: 1;
|
||||
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100{
|
||||
opacity:1;
|
||||
}
|
||||
.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,
|
||||
.wp-block-cover.alignleft,
|
||||
.wp-block-cover.alignright {
|
||||
max-width: 420px;
|
||||
width: 100%;
|
||||
.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{
|
||||
max-width:420px;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-cover-image::after,
|
||||
.wp-block-cover::after {
|
||||
display: block;
|
||||
content: "";
|
||||
font-size: 0;
|
||||
min-height: inherit;
|
||||
.wp-block-cover-image:after,.wp-block-cover:after{
|
||||
content:"";
|
||||
display:block;
|
||||
font-size:0;
|
||||
min-height:inherit;
|
||||
}
|
||||
@supports (position: sticky) {
|
||||
.wp-block-cover-image::after,
|
||||
.wp-block-cover::after {
|
||||
content: none;
|
||||
@supports (position:sticky){
|
||||
.wp-block-cover-image:after,.wp-block-cover:after{
|
||||
content:none;
|
||||
}
|
||||
}
|
||||
.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,
|
||||
.wp-block-cover.aligncenter,
|
||||
.wp-block-cover.alignleft,
|
||||
.wp-block-cover.alignright {
|
||||
display: flex;
|
||||
.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{
|
||||
display:flex;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover__inner-container,
|
||||
.wp-block-cover .wp-block-cover__inner-container {
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
color: #fff;
|
||||
/*rtl:raw: direction: rtl; */
|
||||
.wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container{
|
||||
color:#fff;
|
||||
width:100%;
|
||||
z-index:1;
|
||||
}
|
||||
.wp-block-cover-image.is-light .wp-block-cover__inner-container,
|
||||
.wp-block-cover.is-light .wp-block-cover__inner-container {
|
||||
color: #000;
|
||||
.wp-block-cover-image.is-light .wp-block-cover__inner-container,.wp-block-cover.is-light .wp-block-cover__inner-container{
|
||||
color:#000;
|
||||
}
|
||||
.wp-block-cover-image p:not(.has-text-color),
|
||||
.wp-block-cover-image h1:not(.has-text-color),
|
||||
.wp-block-cover-image h2:not(.has-text-color),
|
||||
.wp-block-cover-image h3:not(.has-text-color),
|
||||
.wp-block-cover-image h4:not(.has-text-color),
|
||||
.wp-block-cover-image h5:not(.has-text-color),
|
||||
.wp-block-cover-image h6:not(.has-text-color),
|
||||
.wp-block-cover p:not(.has-text-color),
|
||||
.wp-block-cover h1:not(.has-text-color),
|
||||
.wp-block-cover h2:not(.has-text-color),
|
||||
.wp-block-cover h3:not(.has-text-color),
|
||||
.wp-block-cover h4:not(.has-text-color),
|
||||
.wp-block-cover h5:not(.has-text-color),
|
||||
.wp-block-cover h6:not(.has-text-color) {
|
||||
color: inherit;
|
||||
.wp-block-cover h1:not(.has-text-color),.wp-block-cover h2:not(.has-text-color),.wp-block-cover h3:not(.has-text-color),.wp-block-cover h4:not(.has-text-color),.wp-block-cover h5:not(.has-text-color),.wp-block-cover h6:not(.has-text-color),.wp-block-cover p:not(.has-text-color),.wp-block-cover-image h1:not(.has-text-color),.wp-block-cover-image h2:not(.has-text-color),.wp-block-cover-image h3:not(.has-text-color),.wp-block-cover-image h4:not(.has-text-color),.wp-block-cover-image h5:not(.has-text-color),.wp-block-cover-image h6:not(.has-text-color),.wp-block-cover-image p:not(.has-text-color){
|
||||
color:inherit;
|
||||
}
|
||||
.wp-block-cover-image.is-position-top-left,
|
||||
.wp-block-cover.is-position-top-left {
|
||||
align-items: flex-start;
|
||||
justify-content: flex-start;
|
||||
.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{
|
||||
align-items:flex-start;
|
||||
justify-content:flex-start;
|
||||
}
|
||||
.wp-block-cover-image.is-position-top-center,
|
||||
.wp-block-cover.is-position-top-center {
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center{
|
||||
align-items:flex-start;
|
||||
justify-content:center;
|
||||
}
|
||||
.wp-block-cover-image.is-position-top-right,
|
||||
.wp-block-cover.is-position-top-right {
|
||||
align-items: flex-start;
|
||||
justify-content: flex-end;
|
||||
.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right{
|
||||
align-items:flex-start;
|
||||
justify-content:flex-end;
|
||||
}
|
||||
.wp-block-cover-image.is-position-center-left,
|
||||
.wp-block-cover.is-position-center-left {
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left{
|
||||
align-items:center;
|
||||
justify-content:flex-start;
|
||||
}
|
||||
.wp-block-cover-image.is-position-center-center,
|
||||
.wp-block-cover.is-position-center-center {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center{
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
}
|
||||
.wp-block-cover-image.is-position-center-right,
|
||||
.wp-block-cover.is-position-center-right {
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right{
|
||||
align-items:center;
|
||||
justify-content:flex-end;
|
||||
}
|
||||
.wp-block-cover-image.is-position-bottom-left,
|
||||
.wp-block-cover.is-position-bottom-left {
|
||||
align-items: flex-end;
|
||||
justify-content: flex-start;
|
||||
.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left{
|
||||
align-items:flex-end;
|
||||
justify-content:flex-start;
|
||||
}
|
||||
.wp-block-cover-image.is-position-bottom-center,
|
||||
.wp-block-cover.is-position-bottom-center {
|
||||
align-items: flex-end;
|
||||
justify-content: center;
|
||||
.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center{
|
||||
align-items:flex-end;
|
||||
justify-content:center;
|
||||
}
|
||||
.wp-block-cover-image.is-position-bottom-right,
|
||||
.wp-block-cover.is-position-bottom-right {
|
||||
align-items: flex-end;
|
||||
justify-content: flex-end;
|
||||
.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right{
|
||||
align-items:flex-end;
|
||||
justify-content:flex-end;
|
||||
}
|
||||
.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,
|
||||
.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
|
||||
margin: 0;
|
||||
width: auto;
|
||||
.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container{
|
||||
margin:0;
|
||||
width:auto;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover__image-background,
|
||||
.wp-block-cover-image video.wp-block-cover__video-background,
|
||||
.wp-block-cover .wp-block-cover__image-background,
|
||||
.wp-block-cover video.wp-block-cover__video-background {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
max-width: none;
|
||||
max-height: none;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
outline: none;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
.wp-block-cover .wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background,.wp-block-cover-image .wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background{
|
||||
border:none;
|
||||
bottom:0;
|
||||
box-shadow:none;
|
||||
height:100%;
|
||||
left:0;
|
||||
margin:0;
|
||||
max-height:none;
|
||||
max-width:none;
|
||||
-o-object-fit:cover;
|
||||
object-fit:cover;
|
||||
outline:none;
|
||||
padding:0;
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:0;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.wp-block-cover-image.has-parallax,
|
||||
.wp-block-cover.has-parallax,
|
||||
.wp-block-cover__image-background.has-parallax,
|
||||
video.wp-block-cover__video-background.has-parallax {
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{
|
||||
background-attachment:fixed;
|
||||
background-repeat:no-repeat;
|
||||
background-size:cover;
|
||||
}
|
||||
@supports (-webkit-overflow-scrolling: touch) {
|
||||
.wp-block-cover-image.has-parallax,
|
||||
.wp-block-cover.has-parallax,
|
||||
.wp-block-cover__image-background.has-parallax,
|
||||
video.wp-block-cover__video-background.has-parallax {
|
||||
background-attachment: scroll;
|
||||
@supports (-webkit-overflow-scrolling:touch){
|
||||
.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{
|
||||
background-attachment:scroll;
|
||||
}
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.wp-block-cover-image.has-parallax,
|
||||
.wp-block-cover.has-parallax,
|
||||
.wp-block-cover__image-background.has-parallax,
|
||||
video.wp-block-cover__video-background.has-parallax {
|
||||
background-attachment: scroll;
|
||||
@media (prefers-reduced-motion:reduce){
|
||||
.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{
|
||||
background-attachment:scroll;
|
||||
}
|
||||
}
|
||||
.wp-block-cover-image.is-repeated,
|
||||
.wp-block-cover.is-repeated,
|
||||
.wp-block-cover__image-background.is-repeated,
|
||||
video.wp-block-cover__video-background.is-repeated {
|
||||
background-repeat: repeat;
|
||||
background-size: auto;
|
||||
.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated,.wp-block-cover__image-background.is-repeated,video.wp-block-cover__video-background.is-repeated{
|
||||
background-repeat:repeat;
|
||||
background-size:auto;
|
||||
}
|
||||
|
||||
.wp-block-cover__video-background {
|
||||
z-index: 0;
|
||||
.wp-block-cover__image-background,.wp-block-cover__video-background{
|
||||
z-index:0;
|
||||
}
|
||||
.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.wp-block-cover__image-background {
|
||||
z-index: 0;
|
||||
.wp-block-cover-image .wp-block-cover.has-left-content{
|
||||
justify-content:flex-start;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover.has-right-content{
|
||||
justify-content:flex-end;
|
||||
}
|
||||
|
||||
section.wp-block-cover-image h2,
|
||||
.wp-block-cover-image-text,
|
||||
.wp-block-cover-text {
|
||||
color: #fff;
|
||||
}
|
||||
section.wp-block-cover-image h2 a,
|
||||
section.wp-block-cover-image h2 a:hover,
|
||||
section.wp-block-cover-image h2 a:focus,
|
||||
section.wp-block-cover-image h2 a:active,
|
||||
.wp-block-cover-image-text a,
|
||||
.wp-block-cover-image-text a:hover,
|
||||
.wp-block-cover-image-text a:focus,
|
||||
.wp-block-cover-image-text a:active,
|
||||
.wp-block-cover-text a,
|
||||
.wp-block-cover-text a:hover,
|
||||
.wp-block-cover-text a:focus,
|
||||
.wp-block-cover-text a:active {
|
||||
color: #fff;
|
||||
.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{
|
||||
margin-left:0;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
.wp-block-cover-image .wp-block-cover.has-left-content {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.wp-block-cover-image .wp-block-cover.has-right-content {
|
||||
justify-content: flex-end;
|
||||
.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{
|
||||
margin-right:0;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
section.wp-block-cover-image.has-left-content > h2,
|
||||
.wp-block-cover-image.has-left-content .wp-block-cover-image-text,
|
||||
.wp-block-cover.has-left-content .wp-block-cover-text {
|
||||
margin-left: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
section.wp-block-cover-image.has-right-content > h2,
|
||||
.wp-block-cover-image.has-right-content .wp-block-cover-image-text,
|
||||
.wp-block-cover.has-right-content .wp-block-cover-text {
|
||||
margin-right: 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
section.wp-block-cover-image > h2,
|
||||
.wp-block-cover-image .wp-block-cover-image-text,
|
||||
.wp-block-cover .wp-block-cover-text {
|
||||
font-size: 2em;
|
||||
line-height: 1.25;
|
||||
z-index: 1;
|
||||
margin-bottom: 0;
|
||||
max-width: 840px;
|
||||
padding: 0.44em;
|
||||
text-align: center;
|
||||
.wp-block-cover .wp-block-cover-text,.wp-block-cover-image .wp-block-cover-image-text,section.wp-block-cover-image>h2{
|
||||
font-size:2em;
|
||||
line-height:1.25;
|
||||
margin-bottom:0;
|
||||
max-width:840px;
|
||||
padding:.44em;
|
||||
text-align:center;
|
||||
z-index:1;
|
||||
}
|
||||
|
|
@ -1,110 +1,32 @@
|
|||
/**
|
||||
* 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-embed {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
clear: both;
|
||||
.wp-block-embed{
|
||||
clear:both;
|
||||
margin-left:0;
|
||||
margin-right:0;
|
||||
}
|
||||
.wp-block-embed.is-loading {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
.wp-block-embed.is-loading{
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
}
|
||||
.wp-block-embed .components-placeholder__error {
|
||||
word-break: break-word;
|
||||
.wp-block-embed .components-placeholder__error{
|
||||
word-break:break-word;
|
||||
}
|
||||
.wp-block-embed .components-placeholder__learn-more {
|
||||
margin-top: 1em;
|
||||
.wp-block-embed .components-placeholder__learn-more{
|
||||
margin-top:1em;
|
||||
}
|
||||
|
||||
.block-library-embed__interactive-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
opacity: 0;
|
||||
.block-library-embed__interactive-overlay{
|
||||
bottom:0;
|
||||
left:0;
|
||||
opacity:0;
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:0;
|
||||
}
|
||||
|
||||
.wp-block[data-align=left] > .wp-block-embed,
|
||||
.wp-block[data-align=right] > .wp-block-embed {
|
||||
max-width: 360px;
|
||||
width: 100%;
|
||||
.wp-block[data-align=left]>.wp-block-embed,.wp-block[data-align=right]>.wp-block-embed{
|
||||
max-width:360px;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block[data-align=left] > .wp-block-embed .wp-block-embed__wrapper,
|
||||
.wp-block[data-align=right] > .wp-block-embed .wp-block-embed__wrapper {
|
||||
min-width: 280px;
|
||||
.wp-block[data-align=left]>.wp-block-embed .wp-block-embed__wrapper,.wp-block[data-align=right]>.wp-block-embed .wp-block-embed__wrapper{
|
||||
min-width:280px;
|
||||
}
|
||||
|
|
@ -1,110 +1,32 @@
|
|||
/**
|
||||
* 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-embed {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
clear: both;
|
||||
.wp-block-embed{
|
||||
clear:both;
|
||||
margin-left:0;
|
||||
margin-right:0;
|
||||
}
|
||||
.wp-block-embed.is-loading {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
.wp-block-embed.is-loading{
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
}
|
||||
.wp-block-embed .components-placeholder__error {
|
||||
word-break: break-word;
|
||||
.wp-block-embed .components-placeholder__error{
|
||||
word-break:break-word;
|
||||
}
|
||||
.wp-block-embed .components-placeholder__learn-more {
|
||||
margin-top: 1em;
|
||||
.wp-block-embed .components-placeholder__learn-more{
|
||||
margin-top:1em;
|
||||
}
|
||||
|
||||
.block-library-embed__interactive-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
opacity: 0;
|
||||
.block-library-embed__interactive-overlay{
|
||||
bottom:0;
|
||||
left:0;
|
||||
opacity:0;
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:0;
|
||||
}
|
||||
|
||||
.wp-block[data-align=left] > .wp-block-embed,
|
||||
.wp-block[data-align=right] > .wp-block-embed {
|
||||
max-width: 360px;
|
||||
width: 100%;
|
||||
.wp-block[data-align=left]>.wp-block-embed,.wp-block[data-align=right]>.wp-block-embed{
|
||||
max-width:360px;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block[data-align=left] > .wp-block-embed .wp-block-embed__wrapper,
|
||||
.wp-block[data-align=right] > .wp-block-embed .wp-block-embed__wrapper {
|
||||
min-width: 280px;
|
||||
.wp-block[data-align=left]>.wp-block-embed .wp-block-embed__wrapper,.wp-block[data-align=right]>.wp-block-embed .wp-block-embed__wrapper{
|
||||
min-width:280px;
|
||||
}
|
||||
|
|
@ -1,146 +1,64 @@
|
|||
/**
|
||||
* 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[data-align=left] > [data-type="core/embed"],
|
||||
.wp-block[data-align=right] > [data-type="core/embed"],
|
||||
.wp-block-embed.alignleft,
|
||||
.wp-block-embed.alignright {
|
||||
max-width: 360px;
|
||||
width: 100%;
|
||||
.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"]{
|
||||
max-width:360px;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block[data-align=left] > [data-type="core/embed"] .wp-block-embed__wrapper,
|
||||
.wp-block[data-align=right] > [data-type="core/embed"] .wp-block-embed__wrapper,
|
||||
.wp-block-embed.alignleft .wp-block-embed__wrapper,
|
||||
.wp-block-embed.alignright .wp-block-embed__wrapper {
|
||||
min-width: 280px;
|
||||
.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper{
|
||||
min-width:280px;
|
||||
}
|
||||
|
||||
.wp-block-cover .wp-block-embed {
|
||||
min-width: 320px;
|
||||
min-height: 240px;
|
||||
.wp-block-cover .wp-block-embed{
|
||||
min-height:240px;
|
||||
min-width:320px;
|
||||
}
|
||||
|
||||
.wp-block-embed {
|
||||
overflow-wrap: break-word;
|
||||
.wp-block-embed{
|
||||
overflow-wrap:break-word;
|
||||
}
|
||||
.wp-block-embed figcaption {
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 1em;
|
||||
.wp-block-embed figcaption{
|
||||
margin-bottom:1em;
|
||||
margin-top:.5em;
|
||||
}
|
||||
.wp-block-embed iframe {
|
||||
max-width: 100%;
|
||||
.wp-block-embed iframe{
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
.wp-block-embed__wrapper {
|
||||
position: relative;
|
||||
.wp-block-embed__wrapper{
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before {
|
||||
content: "";
|
||||
display: block;
|
||||
padding-top: 50%;
|
||||
.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before{
|
||||
content:"";
|
||||
display:block;
|
||||
padding-top:50%;
|
||||
}
|
||||
.wp-embed-responsive .wp-has-aspect-ratio iframe {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
.wp-embed-responsive .wp-has-aspect-ratio iframe{
|
||||
bottom:0;
|
||||
height:100%;
|
||||
left:0;
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:0;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before {
|
||||
padding-top: 42.85%;
|
||||
.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{
|
||||
padding-top:42.85%;
|
||||
}
|
||||
.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before {
|
||||
padding-top: 50%;
|
||||
.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{
|
||||
padding-top:50%;
|
||||
}
|
||||
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {
|
||||
padding-top: 56.25%;
|
||||
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{
|
||||
padding-top:56.25%;
|
||||
}
|
||||
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before {
|
||||
padding-top: 75%;
|
||||
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{
|
||||
padding-top:75%;
|
||||
}
|
||||
.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before {
|
||||
padding-top: 100%;
|
||||
.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{
|
||||
padding-top:100%;
|
||||
}
|
||||
.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before {
|
||||
padding-top: 177.77%;
|
||||
.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{
|
||||
padding-top:177.77%;
|
||||
}
|
||||
.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before {
|
||||
padding-top: 200%;
|
||||
.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{
|
||||
padding-top:200%;
|
||||
}
|
||||
|
|
@ -1,146 +1,64 @@
|
|||
/**
|
||||
* 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[data-align=left] > [data-type="core/embed"],
|
||||
.wp-block[data-align=right] > [data-type="core/embed"],
|
||||
.wp-block-embed.alignleft,
|
||||
.wp-block-embed.alignright {
|
||||
max-width: 360px;
|
||||
width: 100%;
|
||||
.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"]{
|
||||
max-width:360px;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block[data-align=left] > [data-type="core/embed"] .wp-block-embed__wrapper,
|
||||
.wp-block[data-align=right] > [data-type="core/embed"] .wp-block-embed__wrapper,
|
||||
.wp-block-embed.alignleft .wp-block-embed__wrapper,
|
||||
.wp-block-embed.alignright .wp-block-embed__wrapper {
|
||||
min-width: 280px;
|
||||
.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper{
|
||||
min-width:280px;
|
||||
}
|
||||
|
||||
.wp-block-cover .wp-block-embed {
|
||||
min-width: 320px;
|
||||
min-height: 240px;
|
||||
.wp-block-cover .wp-block-embed{
|
||||
min-height:240px;
|
||||
min-width:320px;
|
||||
}
|
||||
|
||||
.wp-block-embed {
|
||||
overflow-wrap: break-word;
|
||||
.wp-block-embed{
|
||||
overflow-wrap:break-word;
|
||||
}
|
||||
.wp-block-embed figcaption {
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 1em;
|
||||
.wp-block-embed figcaption{
|
||||
margin-bottom:1em;
|
||||
margin-top:.5em;
|
||||
}
|
||||
.wp-block-embed iframe {
|
||||
max-width: 100%;
|
||||
.wp-block-embed iframe{
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
.wp-block-embed__wrapper {
|
||||
position: relative;
|
||||
.wp-block-embed__wrapper{
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before {
|
||||
content: "";
|
||||
display: block;
|
||||
padding-top: 50%;
|
||||
.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before{
|
||||
content:"";
|
||||
display:block;
|
||||
padding-top:50%;
|
||||
}
|
||||
.wp-embed-responsive .wp-has-aspect-ratio iframe {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
.wp-embed-responsive .wp-has-aspect-ratio iframe{
|
||||
bottom:0;
|
||||
height:100%;
|
||||
left:0;
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:0;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before {
|
||||
padding-top: 42.85%;
|
||||
.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{
|
||||
padding-top:42.85%;
|
||||
}
|
||||
.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before {
|
||||
padding-top: 50%;
|
||||
.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{
|
||||
padding-top:50%;
|
||||
}
|
||||
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {
|
||||
padding-top: 56.25%;
|
||||
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{
|
||||
padding-top:56.25%;
|
||||
}
|
||||
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before {
|
||||
padding-top: 75%;
|
||||
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{
|
||||
padding-top:75%;
|
||||
}
|
||||
.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before {
|
||||
padding-top: 100%;
|
||||
.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{
|
||||
padding-top:100%;
|
||||
}
|
||||
.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before {
|
||||
padding-top: 177.77%;
|
||||
.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{
|
||||
padding-top:177.77%;
|
||||
}
|
||||
.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before {
|
||||
padding-top: 200%;
|
||||
.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{
|
||||
padding-top:200%;
|
||||
}
|
||||
|
|
@ -1,88 +1,12 @@
|
|||
/**
|
||||
* 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-embed figcaption {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
.wp-block-embed figcaption{
|
||||
color:#555;
|
||||
font-size:13px;
|
||||
text-align:center;
|
||||
}
|
||||
.is-dark-theme .wp-block-embed figcaption {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
.is-dark-theme .wp-block-embed figcaption{
|
||||
color:hsla(0,0%,100%,.65);
|
||||
}
|
||||
|
||||
.wp-block-embed {
|
||||
margin: 0 0 1em 0;
|
||||
.wp-block-embed{
|
||||
margin:0 0 1em;
|
||||
}
|
||||
|
|
@ -1,88 +1,12 @@
|
|||
/**
|
||||
* 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-embed figcaption {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
.wp-block-embed figcaption{
|
||||
color:#555;
|
||||
font-size:13px;
|
||||
text-align:center;
|
||||
}
|
||||
.is-dark-theme .wp-block-embed figcaption {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
.is-dark-theme .wp-block-embed figcaption{
|
||||
color:hsla(0,0%,100%,.65);
|
||||
}
|
||||
|
||||
.wp-block-embed {
|
||||
margin: 0 0 1em 0;
|
||||
.wp-block-embed{
|
||||
margin:0 0 1em;
|
||||
}
|
||||
|
|
@ -1,111 +1,35 @@
|
|||
/**
|
||||
* 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-file {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 0;
|
||||
.wp-block-file{
|
||||
align-items:center;
|
||||
display:flex;
|
||||
flex-wrap:wrap;
|
||||
justify-content:space-between;
|
||||
margin-bottom:0;
|
||||
}
|
||||
.wp-block[data-align=left] > .wp-block-file, .wp-block[data-align=right] > .wp-block-file {
|
||||
height: auto;
|
||||
.wp-block[data-align=left]>.wp-block-file,.wp-block[data-align=right]>.wp-block-file{
|
||||
height:auto;
|
||||
}
|
||||
.wp-block-file .components-resizable-box__container {
|
||||
margin-bottom: 1em;
|
||||
.wp-block-file .components-resizable-box__container{
|
||||
margin-bottom:1em;
|
||||
}
|
||||
.wp-block-file .wp-block-file__preview {
|
||||
margin-bottom: 1em;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
.wp-block-file .wp-block-file__preview{
|
||||
height:100%;
|
||||
margin-bottom:1em;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-file .wp-block-file__preview-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
.wp-block-file .wp-block-file__preview-overlay{
|
||||
bottom:0;
|
||||
left:0;
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:0;
|
||||
}
|
||||
.wp-block-file .wp-block-file__content-wrapper {
|
||||
flex-grow: 1;
|
||||
.wp-block-file .wp-block-file__content-wrapper{
|
||||
flex-grow:1;
|
||||
}
|
||||
.wp-block-file a {
|
||||
min-width: 1em;
|
||||
.wp-block-file a{
|
||||
min-width:1em;
|
||||
}
|
||||
.wp-block-file .wp-block-file__button-richtext-wrapper {
|
||||
display: inline-block;
|
||||
margin-right: 0.75em;
|
||||
.wp-block-file .wp-block-file__button-richtext-wrapper{
|
||||
display:inline-block;
|
||||
margin-right:.75em;
|
||||
}
|
||||
|
|
@ -1,111 +1,35 @@
|
|||
/**
|
||||
* 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-file {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 0;
|
||||
.wp-block-file{
|
||||
align-items:center;
|
||||
display:flex;
|
||||
flex-wrap:wrap;
|
||||
justify-content:space-between;
|
||||
margin-bottom:0;
|
||||
}
|
||||
.wp-block[data-align=left] > .wp-block-file, .wp-block[data-align=right] > .wp-block-file {
|
||||
height: auto;
|
||||
.wp-block[data-align=left]>.wp-block-file,.wp-block[data-align=right]>.wp-block-file{
|
||||
height:auto;
|
||||
}
|
||||
.wp-block-file .components-resizable-box__container {
|
||||
margin-bottom: 1em;
|
||||
.wp-block-file .components-resizable-box__container{
|
||||
margin-bottom:1em;
|
||||
}
|
||||
.wp-block-file .wp-block-file__preview {
|
||||
margin-bottom: 1em;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
.wp-block-file .wp-block-file__preview{
|
||||
height:100%;
|
||||
margin-bottom:1em;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-file .wp-block-file__preview-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
.wp-block-file .wp-block-file__preview-overlay{
|
||||
bottom:0;
|
||||
left:0;
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:0;
|
||||
}
|
||||
.wp-block-file .wp-block-file__content-wrapper {
|
||||
flex-grow: 1;
|
||||
.wp-block-file .wp-block-file__content-wrapper{
|
||||
flex-grow:1;
|
||||
}
|
||||
.wp-block-file a {
|
||||
min-width: 1em;
|
||||
.wp-block-file a{
|
||||
min-width:1em;
|
||||
}
|
||||
.wp-block-file .wp-block-file__button-richtext-wrapper {
|
||||
display: inline-block;
|
||||
margin-left: 0.75em;
|
||||
.wp-block-file .wp-block-file__button-richtext-wrapper{
|
||||
display:inline-block;
|
||||
margin-left:.75em;
|
||||
}
|
||||
|
|
@ -1,106 +1,30 @@
|
|||
/**
|
||||
* 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-file {
|
||||
margin-bottom: 1.5em;
|
||||
.wp-block-file{
|
||||
margin-bottom:1.5em;
|
||||
}
|
||||
.wp-block-file:not(.wp-element-button) {
|
||||
font-size: 0.8em;
|
||||
.wp-block-file:not(.wp-element-button){
|
||||
font-size:.8em;
|
||||
}
|
||||
.wp-block-file.aligncenter {
|
||||
text-align: center;
|
||||
.wp-block-file.aligncenter{
|
||||
text-align:center;
|
||||
}
|
||||
.wp-block-file.alignright {
|
||||
text-align: right;
|
||||
.wp-block-file.alignright{
|
||||
text-align:right;
|
||||
}
|
||||
.wp-block-file * + .wp-block-file__button {
|
||||
margin-right: 0.75em;
|
||||
.wp-block-file *+.wp-block-file__button{
|
||||
margin-right:.75em;
|
||||
}
|
||||
|
||||
.wp-block-file__embed {
|
||||
margin-bottom: 1em;
|
||||
.wp-block-file__embed{
|
||||
margin-bottom:1em;
|
||||
}
|
||||
|
||||
:where(.wp-block-file__button) {
|
||||
border-radius: 2em;
|
||||
padding: 0.5em 1em;
|
||||
:where(.wp-block-file__button){
|
||||
border-radius:2em;
|
||||
padding:.5em 1em;
|
||||
}
|
||||
:where(.wp-block-file__button):is(a):hover, :where(.wp-block-file__button):is(a):visited, :where(.wp-block-file__button):is(a):focus, :where(.wp-block-file__button):is(a):active {
|
||||
box-shadow: none;
|
||||
color: #fff;
|
||||
opacity: 0.85;
|
||||
text-decoration: none;
|
||||
:where(.wp-block-file__button):is(a):active,:where(.wp-block-file__button):is(a):focus,:where(.wp-block-file__button):is(a):hover,:where(.wp-block-file__button):is(a):visited{
|
||||
box-shadow:none;
|
||||
color:#fff;
|
||||
opacity:.85;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
|
@ -1,107 +1,30 @@
|
|||
/**
|
||||
* 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-file {
|
||||
margin-bottom: 1.5em;
|
||||
.wp-block-file{
|
||||
margin-bottom:1.5em;
|
||||
}
|
||||
.wp-block-file:not(.wp-element-button) {
|
||||
font-size: 0.8em;
|
||||
.wp-block-file:not(.wp-element-button){
|
||||
font-size:.8em;
|
||||
}
|
||||
.wp-block-file.aligncenter {
|
||||
text-align: center;
|
||||
.wp-block-file.aligncenter{
|
||||
text-align:center;
|
||||
}
|
||||
.wp-block-file.alignright {
|
||||
/*rtl:ignore*/
|
||||
text-align: right;
|
||||
.wp-block-file.alignright{
|
||||
text-align:right;
|
||||
}
|
||||
.wp-block-file * + .wp-block-file__button {
|
||||
margin-left: 0.75em;
|
||||
.wp-block-file *+.wp-block-file__button{
|
||||
margin-left:.75em;
|
||||
}
|
||||
|
||||
.wp-block-file__embed {
|
||||
margin-bottom: 1em;
|
||||
.wp-block-file__embed{
|
||||
margin-bottom:1em;
|
||||
}
|
||||
|
||||
:where(.wp-block-file__button) {
|
||||
border-radius: 2em;
|
||||
padding: 0.5em 1em;
|
||||
:where(.wp-block-file__button){
|
||||
border-radius:2em;
|
||||
padding:.5em 1em;
|
||||
}
|
||||
:where(.wp-block-file__button):is(a):hover, :where(.wp-block-file__button):is(a):visited, :where(.wp-block-file__button):is(a):focus, :where(.wp-block-file__button):is(a):active {
|
||||
box-shadow: none;
|
||||
color: #fff;
|
||||
opacity: 0.85;
|
||||
text-decoration: none;
|
||||
:where(.wp-block-file__button):is(a):active,:where(.wp-block-file__button):is(a):focus,:where(.wp-block-file__button):is(a):hover,:where(.wp-block-file__button):is(a):visited{
|
||||
box-shadow:none;
|
||||
color:#fff;
|
||||
opacity:.85;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
|
@ -1,399 +1,302 @@
|
|||
/**
|
||||
* 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-freeform.block-library-rich-text__tinymce {
|
||||
height: auto;
|
||||
/* Allow height of embed iframes to be calculated properly */
|
||||
/* Remove blue highlighting of selected images in WebKit */
|
||||
/* Image captions */
|
||||
/* WP Views */
|
||||
.wp-block-freeform.block-library-rich-text__tinymce{
|
||||
height:auto;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce p,
|
||||
.wp-block-freeform.block-library-rich-text__tinymce li {
|
||||
line-height: 1.8;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce li,.wp-block-freeform.block-library-rich-text__tinymce p{
|
||||
line-height:1.8;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce ul,
|
||||
.wp-block-freeform.block-library-rich-text__tinymce ol {
|
||||
padding-right: 2.5em;
|
||||
margin-right: 0;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce ol,.wp-block-freeform.block-library-rich-text__tinymce ul{
|
||||
margin-right:0;
|
||||
padding-right:2.5em;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce blockquote {
|
||||
margin: 0;
|
||||
box-shadow: inset 0 0 0 0 #ddd;
|
||||
border-right: 4px solid #000;
|
||||
padding-right: 1em;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce blockquote{
|
||||
border-right:4px solid #000;
|
||||
box-shadow:inset 0 0 0 0 #ddd;
|
||||
margin:0;
|
||||
padding-right:1em;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce pre {
|
||||
white-space: pre-wrap;
|
||||
font-family: Menlo, Consolas, monaco, monospace;
|
||||
font-size: 15px;
|
||||
color: #1e1e1e;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce pre{
|
||||
color:#1e1e1e;
|
||||
font-family:Menlo,Consolas,monaco,monospace;
|
||||
font-size:15px;
|
||||
white-space:pre-wrap;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce > *:first-child {
|
||||
margin-top: 0;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce>:first-child{
|
||||
margin-top:0;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce > *:last-child {
|
||||
margin-bottom: 0;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce>:last-child{
|
||||
margin-bottom:0;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus {
|
||||
outline: none;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus{
|
||||
outline:none;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce a {
|
||||
color: var(--wp-admin-theme-color);
|
||||
.wp-block-freeform.block-library-rich-text__tinymce a{
|
||||
color:var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected] {
|
||||
padding: 0 2px;
|
||||
margin: 0 -2px;
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 1px #e5f5fa;
|
||||
background: #e5f5fa;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected]{
|
||||
background:#e5f5fa;
|
||||
border-radius:2px;
|
||||
box-shadow:0 0 0 1px #e5f5fa;
|
||||
margin:0 -2px;
|
||||
padding:0 2px;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce code {
|
||||
padding: 2px;
|
||||
border-radius: 2px;
|
||||
color: #1e1e1e;
|
||||
background: #f0f0f0;
|
||||
font-family: Menlo, Consolas, monaco, monospace;
|
||||
font-size: 14px;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce code{
|
||||
background:#f0f0f0;
|
||||
border-radius:2px;
|
||||
color:#1e1e1e;
|
||||
font-family:Menlo,Consolas,monaco,monospace;
|
||||
font-size:14px;
|
||||
padding:2px;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected] {
|
||||
background: #ddd;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected]{
|
||||
background:#ddd;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .alignright {
|
||||
float: right;
|
||||
margin: 0.5em 0 0.5em 1em;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .alignright{
|
||||
float:right;
|
||||
margin:.5em 0 .5em 1em;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .alignleft {
|
||||
float: left;
|
||||
margin: 0.5em 1em 0.5em 0;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .alignleft{
|
||||
float:left;
|
||||
margin:.5em 1em .5em 0;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .aligncenter {
|
||||
display: block;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .aligncenter{
|
||||
display:block;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag {
|
||||
width: 96%;
|
||||
height: 20px;
|
||||
display: block;
|
||||
margin: 15px auto;
|
||||
outline: 0;
|
||||
cursor: default;
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC);
|
||||
background-size: 1900px 20px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag{
|
||||
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC);
|
||||
background-position:50%;
|
||||
background-repeat:no-repeat;
|
||||
background-size:1900px 20px;
|
||||
cursor:default;
|
||||
display:block;
|
||||
height:20px;
|
||||
margin:15px auto;
|
||||
outline:0;
|
||||
width:96%;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce img::selection {
|
||||
background-color: transparent;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce img::selection{
|
||||
background-color:initial;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce div.mceTemp {
|
||||
-ms-user-select: element;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce div.mceTemp{
|
||||
-ms-user-select:element;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption {
|
||||
margin: 0;
|
||||
/* dl browser reset */
|
||||
max-width: 100%;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption{
|
||||
margin:0;
|
||||
max-width:100%;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a,
|
||||
.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img {
|
||||
display: block;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img{
|
||||
display:block;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption, .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption * {
|
||||
-webkit-user-drag: none;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption *{
|
||||
-webkit-user-drag:none;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd {
|
||||
padding-top: 0.5em;
|
||||
margin: 0;
|
||||
/* browser dd reset */
|
||||
.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd{
|
||||
margin:0;
|
||||
padding-top:.5em;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview {
|
||||
width: 99.99%;
|
||||
/* All IE need hasLayout, incl. 11 (ugh, not again!!) */
|
||||
position: relative;
|
||||
clear: both;
|
||||
margin-bottom: 16px;
|
||||
border: 1px solid transparent;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview{
|
||||
border:1px solid transparent;
|
||||
clear:both;
|
||||
margin-bottom:16px;
|
||||
position:relative;
|
||||
width:99.99%;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview iframe {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
background: transparent;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview iframe{
|
||||
background:transparent;
|
||||
display:block;
|
||||
max-width:100%;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim{
|
||||
bottom:0;
|
||||
left:0;
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:0;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim {
|
||||
display: none;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim{
|
||||
display:none;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder {
|
||||
border: 1px dashed #ddd;
|
||||
padding: 10px;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder{
|
||||
border:1px dashed #ddd;
|
||||
padding:10px;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error {
|
||||
border: 1px solid #ddd;
|
||||
padding: 1em 0;
|
||||
margin: 0;
|
||||
word-wrap: break-word;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error{
|
||||
word-wrap:break-word;
|
||||
border:1px solid #ddd;
|
||||
margin:0;
|
||||
padding:1em 0;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p {
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p{
|
||||
margin:0;
|
||||
text-align:center;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder, .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error {
|
||||
border-color: transparent;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder,.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error{
|
||||
border-color:transparent;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
font-size: 32px;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons{
|
||||
display:block;
|
||||
font-size:32px;
|
||||
height:32px;
|
||||
margin:0 auto;
|
||||
width:32px;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery::after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery:after{
|
||||
clear:both;
|
||||
content:"";
|
||||
display:table;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus {
|
||||
outline: none;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus{
|
||||
outline:none;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery a {
|
||||
cursor: default;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery a{
|
||||
cursor:default;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery {
|
||||
margin: auto -6px;
|
||||
padding: 6px 0;
|
||||
line-height: 1;
|
||||
overflow-x: hidden;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery{
|
||||
line-height:1;
|
||||
margin:auto -6px;
|
||||
overflow-x:hidden;
|
||||
padding:6px 0;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item {
|
||||
float: right;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
padding: 6px;
|
||||
box-sizing: border-box;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item{
|
||||
box-sizing:border-box;
|
||||
float:right;
|
||||
margin:0;
|
||||
padding:6px;
|
||||
text-align:center;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption,
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon {
|
||||
margin: 0;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption,.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon{
|
||||
margin:0;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption {
|
||||
font-size: 13px;
|
||||
margin: 4px 0;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption{
|
||||
font-size:13px;
|
||||
margin:4px 0;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item {
|
||||
width: 100%;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item{
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item {
|
||||
width: 50%;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item{
|
||||
width:50%;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item {
|
||||
width: 33.3333333333%;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item{
|
||||
width:33.3333333333%;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item {
|
||||
width: 25%;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item{
|
||||
width:25%;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item {
|
||||
width: 20%;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item{
|
||||
width:20%;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item {
|
||||
width: 16.6666666667%;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item{
|
||||
width:16.6666666667%;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item {
|
||||
width: 14.2857142857%;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item{
|
||||
width:14.2857142857%;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item {
|
||||
width: 12.5%;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item{
|
||||
width:12.5%;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item {
|
||||
width: 11.1111111111%;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item{
|
||||
width:11.1111111111%;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
border: none;
|
||||
padding: 0;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery img{
|
||||
border:none;
|
||||
height:auto;
|
||||
max-width:100%;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
div[data-type="core/freeform"]::before {
|
||||
transition: border-color 0.1s linear, box-shadow 0.1s linear;
|
||||
border: 1px solid #ddd;
|
||||
outline: 1px solid transparent;
|
||||
div[data-type="core/freeform"]:before{
|
||||
border:1px solid #ddd;
|
||||
outline:1px solid transparent;
|
||||
transition:border-color .1s linear,box-shadow .1s linear;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
div[data-type="core/freeform"]::before {
|
||||
transition-duration: 0s;
|
||||
transition-delay: 0s;
|
||||
@media (prefers-reduced-motion:reduce){
|
||||
div[data-type="core/freeform"]:before{
|
||||
transition-delay:0s;
|
||||
transition-duration:0s;
|
||||
}
|
||||
}
|
||||
div[data-type="core/freeform"].is-selected::before {
|
||||
border-color: #1e1e1e;
|
||||
div[data-type="core/freeform"].is-selected:before{
|
||||
border-color:#1e1e1e;
|
||||
}
|
||||
div[data-type="core/freeform"] .block-editor-block-contextual-toolbar + div {
|
||||
margin-top: 0;
|
||||
padding-top: 0;
|
||||
div[data-type="core/freeform"] .block-editor-block-contextual-toolbar+div{
|
||||
margin-top:0;
|
||||
padding-top:0;
|
||||
}
|
||||
div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce::after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce:after{
|
||||
clear:both;
|
||||
content:"";
|
||||
display:table;
|
||||
}
|
||||
|
||||
.mce-toolbar-grp .mce-btn.mce-active button,
|
||||
.mce-toolbar-grp .mce-btn.mce-active:hover button,
|
||||
.mce-toolbar-grp .mce-btn.mce-active i,
|
||||
.mce-toolbar-grp .mce-btn.mce-active:hover i {
|
||||
color: #1e1e1e;
|
||||
.mce-toolbar-grp .mce-btn.mce-active button,.mce-toolbar-grp .mce-btn.mce-active i,.mce-toolbar-grp .mce-btn.mce-active:hover button,.mce-toolbar-grp .mce-btn.mce-active:hover i{
|
||||
color:#1e1e1e;
|
||||
}
|
||||
.mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last {
|
||||
margin-left: 0;
|
||||
margin-right: 8px;
|
||||
.mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last{
|
||||
margin-left:0;
|
||||
margin-right:8px;
|
||||
}
|
||||
.mce-toolbar-grp .mce-btn i {
|
||||
font-style: normal;
|
||||
.mce-toolbar-grp .mce-btn i{
|
||||
font-style:normal;
|
||||
}
|
||||
|
||||
.block-library-classic__toolbar {
|
||||
display: none;
|
||||
width: auto;
|
||||
margin: 0;
|
||||
position: sticky;
|
||||
z-index: 31;
|
||||
top: 0;
|
||||
border: 1px solid #ddd;
|
||||
border-bottom: none;
|
||||
border-radius: 2px;
|
||||
margin-bottom: 8px;
|
||||
padding: 0;
|
||||
.block-library-classic__toolbar{
|
||||
border:1px solid #ddd;
|
||||
border-bottom:none;
|
||||
border-radius:2px;
|
||||
display:none;
|
||||
margin:0 0 8px;
|
||||
padding:0;
|
||||
position:sticky;
|
||||
top:0;
|
||||
width:auto;
|
||||
z-index:31;
|
||||
}
|
||||
div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
|
||||
display: block;
|
||||
border-color: #1e1e1e;
|
||||
div[data-type="core/freeform"].is-selected .block-library-classic__toolbar{
|
||||
border-color:#1e1e1e;
|
||||
display:block;
|
||||
}
|
||||
.block-library-classic__toolbar .mce-tinymce {
|
||||
box-shadow: none;
|
||||
.block-library-classic__toolbar .mce-tinymce{
|
||||
box-shadow:none;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.block-library-classic__toolbar {
|
||||
padding: 0;
|
||||
@media (min-width:600px){
|
||||
.block-library-classic__toolbar{
|
||||
padding:0;
|
||||
}
|
||||
}
|
||||
.block-library-classic__toolbar:empty {
|
||||
display: block;
|
||||
background: #f5f5f5;
|
||||
border-bottom: 1px solid #e2e4e7;
|
||||
.block-library-classic__toolbar:empty{
|
||||
background:#f5f5f5;
|
||||
border-bottom:1px solid #e2e4e7;
|
||||
display:block;
|
||||
}
|
||||
.block-library-classic__toolbar:empty::before {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-size: 13px;
|
||||
content: attr(data-placeholder);
|
||||
color: #555d66;
|
||||
line-height: 37px;
|
||||
padding: 14px;
|
||||
.block-library-classic__toolbar:empty:before{
|
||||
color:#555d66;
|
||||
content:attr(data-placeholder);
|
||||
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
|
||||
font-size:13px;
|
||||
line-height:37px;
|
||||
padding:14px;
|
||||
}
|
||||
.block-library-classic__toolbar div.mce-toolbar-grp {
|
||||
border-bottom: 1px solid #1e1e1e;
|
||||
.block-library-classic__toolbar div.mce-toolbar-grp{
|
||||
border-bottom:1px solid #1e1e1e;
|
||||
}
|
||||
.block-library-classic__toolbar .mce-tinymce-inline,
|
||||
.block-library-classic__toolbar .mce-tinymce-inline > div,
|
||||
.block-library-classic__toolbar div.mce-toolbar-grp,
|
||||
.block-library-classic__toolbar div.mce-toolbar-grp > div,
|
||||
.block-library-classic__toolbar .mce-menubar,
|
||||
.block-library-classic__toolbar .mce-menubar > div {
|
||||
height: auto !important;
|
||||
width: 100% !important;
|
||||
.block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar .mce-menubar>div,.block-library-classic__toolbar .mce-tinymce-inline,.block-library-classic__toolbar .mce-tinymce-inline>div,.block-library-classic__toolbar div.mce-toolbar-grp,.block-library-classic__toolbar div.mce-toolbar-grp>div{
|
||||
height:auto !important;
|
||||
width:100% !important;
|
||||
}
|
||||
.block-library-classic__toolbar .mce-container-body.mce-abs-layout {
|
||||
overflow: visible;
|
||||
.block-library-classic__toolbar .mce-container-body.mce-abs-layout{
|
||||
overflow:visible;
|
||||
}
|
||||
.block-library-classic__toolbar .mce-menubar,
|
||||
.block-library-classic__toolbar div.mce-toolbar-grp {
|
||||
position: static;
|
||||
.block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar div.mce-toolbar-grp{
|
||||
position:static;
|
||||
}
|
||||
.block-library-classic__toolbar .mce-toolbar-grp > div {
|
||||
padding: 1px 3px;
|
||||
.block-library-classic__toolbar .mce-toolbar-grp>div{
|
||||
padding:1px 3px;
|
||||
}
|
||||
.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) {
|
||||
display: none;
|
||||
.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child){
|
||||
display:none;
|
||||
}
|
||||
.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar {
|
||||
display: block;
|
||||
.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar{
|
||||
display:block;
|
||||
}
|
||||
|
|
@ -1,403 +1,302 @@
|
|||
/**
|
||||
* 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-freeform.block-library-rich-text__tinymce {
|
||||
height: auto;
|
||||
/* Allow height of embed iframes to be calculated properly */
|
||||
/* Remove blue highlighting of selected images in WebKit */
|
||||
/* Image captions */
|
||||
/* WP Views */
|
||||
.wp-block-freeform.block-library-rich-text__tinymce{
|
||||
height:auto;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce p,
|
||||
.wp-block-freeform.block-library-rich-text__tinymce li {
|
||||
line-height: 1.8;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce li,.wp-block-freeform.block-library-rich-text__tinymce p{
|
||||
line-height:1.8;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce ul,
|
||||
.wp-block-freeform.block-library-rich-text__tinymce ol {
|
||||
padding-left: 2.5em;
|
||||
margin-left: 0;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce ol,.wp-block-freeform.block-library-rich-text__tinymce ul{
|
||||
margin-left:0;
|
||||
padding-left:2.5em;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce blockquote {
|
||||
margin: 0;
|
||||
box-shadow: inset 0 0 0 0 #ddd;
|
||||
border-left: 4px solid #000;
|
||||
padding-left: 1em;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce blockquote{
|
||||
border-left:4px solid #000;
|
||||
box-shadow:inset 0 0 0 0 #ddd;
|
||||
margin:0;
|
||||
padding-left:1em;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce pre {
|
||||
white-space: pre-wrap;
|
||||
font-family: Menlo, Consolas, monaco, monospace;
|
||||
font-size: 15px;
|
||||
color: #1e1e1e;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce pre{
|
||||
color:#1e1e1e;
|
||||
font-family:Menlo,Consolas,monaco,monospace;
|
||||
font-size:15px;
|
||||
white-space:pre-wrap;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce > *:first-child {
|
||||
margin-top: 0;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce>:first-child{
|
||||
margin-top:0;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce > *:last-child {
|
||||
margin-bottom: 0;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce>:last-child{
|
||||
margin-bottom:0;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus {
|
||||
outline: none;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus{
|
||||
outline:none;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce a {
|
||||
color: var(--wp-admin-theme-color);
|
||||
.wp-block-freeform.block-library-rich-text__tinymce a{
|
||||
color:var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected] {
|
||||
padding: 0 2px;
|
||||
margin: 0 -2px;
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 1px #e5f5fa;
|
||||
background: #e5f5fa;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected]{
|
||||
background:#e5f5fa;
|
||||
border-radius:2px;
|
||||
box-shadow:0 0 0 1px #e5f5fa;
|
||||
margin:0 -2px;
|
||||
padding:0 2px;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce code {
|
||||
padding: 2px;
|
||||
border-radius: 2px;
|
||||
color: #1e1e1e;
|
||||
background: #f0f0f0;
|
||||
font-family: Menlo, Consolas, monaco, monospace;
|
||||
font-size: 14px;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce code{
|
||||
background:#f0f0f0;
|
||||
border-radius:2px;
|
||||
color:#1e1e1e;
|
||||
font-family:Menlo,Consolas,monaco,monospace;
|
||||
font-size:14px;
|
||||
padding:2px;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected] {
|
||||
background: #ddd;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected]{
|
||||
background:#ddd;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .alignright {
|
||||
/*rtl:ignore*/
|
||||
float: right;
|
||||
/*rtl:ignore*/
|
||||
margin: 0.5em 0 0.5em 1em;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .alignright{
|
||||
float:right;
|
||||
margin:.5em 0 .5em 1em;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .alignleft {
|
||||
/*rtl:ignore*/
|
||||
float: left;
|
||||
/*rtl:ignore*/
|
||||
margin: 0.5em 1em 0.5em 0;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .alignleft{
|
||||
float:left;
|
||||
margin:.5em 1em .5em 0;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .aligncenter {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .aligncenter{
|
||||
display:block;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag {
|
||||
width: 96%;
|
||||
height: 20px;
|
||||
display: block;
|
||||
margin: 15px auto;
|
||||
outline: 0;
|
||||
cursor: default;
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC);
|
||||
background-size: 1900px 20px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag{
|
||||
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC);
|
||||
background-position:50%;
|
||||
background-repeat:no-repeat;
|
||||
background-size:1900px 20px;
|
||||
cursor:default;
|
||||
display:block;
|
||||
height:20px;
|
||||
margin:15px auto;
|
||||
outline:0;
|
||||
width:96%;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce img::selection {
|
||||
background-color: transparent;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce img::selection{
|
||||
background-color:initial;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce div.mceTemp {
|
||||
-ms-user-select: element;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce div.mceTemp{
|
||||
-ms-user-select:element;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption {
|
||||
margin: 0;
|
||||
/* dl browser reset */
|
||||
max-width: 100%;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption{
|
||||
margin:0;
|
||||
max-width:100%;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a,
|
||||
.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img {
|
||||
display: block;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img{
|
||||
display:block;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption, .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption * {
|
||||
-webkit-user-drag: none;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption *{
|
||||
-webkit-user-drag:none;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd {
|
||||
padding-top: 0.5em;
|
||||
margin: 0;
|
||||
/* browser dd reset */
|
||||
.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd{
|
||||
margin:0;
|
||||
padding-top:.5em;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview {
|
||||
width: 99.99%;
|
||||
/* All IE need hasLayout, incl. 11 (ugh, not again!!) */
|
||||
position: relative;
|
||||
clear: both;
|
||||
margin-bottom: 16px;
|
||||
border: 1px solid transparent;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview{
|
||||
border:1px solid transparent;
|
||||
clear:both;
|
||||
margin-bottom:16px;
|
||||
position:relative;
|
||||
width:99.99%;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview iframe {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
background: transparent;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview iframe{
|
||||
background:transparent;
|
||||
display:block;
|
||||
max-width:100%;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim{
|
||||
bottom:0;
|
||||
left:0;
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:0;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim {
|
||||
display: none;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim{
|
||||
display:none;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder {
|
||||
border: 1px dashed #ddd;
|
||||
padding: 10px;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder{
|
||||
border:1px dashed #ddd;
|
||||
padding:10px;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error {
|
||||
border: 1px solid #ddd;
|
||||
padding: 1em 0;
|
||||
margin: 0;
|
||||
word-wrap: break-word;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error{
|
||||
word-wrap:break-word;
|
||||
border:1px solid #ddd;
|
||||
margin:0;
|
||||
padding:1em 0;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p {
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p{
|
||||
margin:0;
|
||||
text-align:center;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder, .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error {
|
||||
border-color: transparent;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder,.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error{
|
||||
border-color:transparent;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
font-size: 32px;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons{
|
||||
display:block;
|
||||
font-size:32px;
|
||||
height:32px;
|
||||
margin:0 auto;
|
||||
width:32px;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery::after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery:after{
|
||||
clear:both;
|
||||
content:"";
|
||||
display:table;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus {
|
||||
outline: none;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus{
|
||||
outline:none;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery a {
|
||||
cursor: default;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery a{
|
||||
cursor:default;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery {
|
||||
margin: auto -6px;
|
||||
padding: 6px 0;
|
||||
line-height: 1;
|
||||
overflow-x: hidden;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery{
|
||||
line-height:1;
|
||||
margin:auto -6px;
|
||||
overflow-x:hidden;
|
||||
padding:6px 0;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item {
|
||||
float: left;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
padding: 6px;
|
||||
box-sizing: border-box;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item{
|
||||
box-sizing:border-box;
|
||||
float:left;
|
||||
margin:0;
|
||||
padding:6px;
|
||||
text-align:center;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption,
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon {
|
||||
margin: 0;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption,.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon{
|
||||
margin:0;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption {
|
||||
font-size: 13px;
|
||||
margin: 4px 0;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption{
|
||||
font-size:13px;
|
||||
margin:4px 0;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item {
|
||||
width: 100%;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item{
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item {
|
||||
width: 50%;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item{
|
||||
width:50%;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item {
|
||||
width: 33.3333333333%;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item{
|
||||
width:33.3333333333%;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item {
|
||||
width: 25%;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item{
|
||||
width:25%;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item {
|
||||
width: 20%;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item{
|
||||
width:20%;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item {
|
||||
width: 16.6666666667%;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item{
|
||||
width:16.6666666667%;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item {
|
||||
width: 14.2857142857%;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item{
|
||||
width:14.2857142857%;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item {
|
||||
width: 12.5%;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item{
|
||||
width:12.5%;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item {
|
||||
width: 11.1111111111%;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item{
|
||||
width:11.1111111111%;
|
||||
}
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
border: none;
|
||||
padding: 0;
|
||||
.wp-block-freeform.block-library-rich-text__tinymce .gallery img{
|
||||
border:none;
|
||||
height:auto;
|
||||
max-width:100%;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
div[data-type="core/freeform"]::before {
|
||||
transition: border-color 0.1s linear, box-shadow 0.1s linear;
|
||||
border: 1px solid #ddd;
|
||||
outline: 1px solid transparent;
|
||||
div[data-type="core/freeform"]:before{
|
||||
border:1px solid #ddd;
|
||||
outline:1px solid transparent;
|
||||
transition:border-color .1s linear,box-shadow .1s linear;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
div[data-type="core/freeform"]::before {
|
||||
transition-duration: 0s;
|
||||
transition-delay: 0s;
|
||||
@media (prefers-reduced-motion:reduce){
|
||||
div[data-type="core/freeform"]:before{
|
||||
transition-delay:0s;
|
||||
transition-duration:0s;
|
||||
}
|
||||
}
|
||||
div[data-type="core/freeform"].is-selected::before {
|
||||
border-color: #1e1e1e;
|
||||
div[data-type="core/freeform"].is-selected:before{
|
||||
border-color:#1e1e1e;
|
||||
}
|
||||
div[data-type="core/freeform"] .block-editor-block-contextual-toolbar + div {
|
||||
margin-top: 0;
|
||||
padding-top: 0;
|
||||
div[data-type="core/freeform"] .block-editor-block-contextual-toolbar+div{
|
||||
margin-top:0;
|
||||
padding-top:0;
|
||||
}
|
||||
div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce::after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce:after{
|
||||
clear:both;
|
||||
content:"";
|
||||
display:table;
|
||||
}
|
||||
|
||||
.mce-toolbar-grp .mce-btn.mce-active button,
|
||||
.mce-toolbar-grp .mce-btn.mce-active:hover button,
|
||||
.mce-toolbar-grp .mce-btn.mce-active i,
|
||||
.mce-toolbar-grp .mce-btn.mce-active:hover i {
|
||||
color: #1e1e1e;
|
||||
.mce-toolbar-grp .mce-btn.mce-active button,.mce-toolbar-grp .mce-btn.mce-active i,.mce-toolbar-grp .mce-btn.mce-active:hover button,.mce-toolbar-grp .mce-btn.mce-active:hover i{
|
||||
color:#1e1e1e;
|
||||
}
|
||||
.mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last {
|
||||
margin-right: 0;
|
||||
margin-left: 8px;
|
||||
.mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last{
|
||||
margin-left:8px;
|
||||
margin-right:0;
|
||||
}
|
||||
.mce-toolbar-grp .mce-btn i {
|
||||
font-style: normal;
|
||||
.mce-toolbar-grp .mce-btn i{
|
||||
font-style:normal;
|
||||
}
|
||||
|
||||
.block-library-classic__toolbar {
|
||||
display: none;
|
||||
width: auto;
|
||||
margin: 0;
|
||||
position: sticky;
|
||||
z-index: 31;
|
||||
top: 0;
|
||||
border: 1px solid #ddd;
|
||||
border-bottom: none;
|
||||
border-radius: 2px;
|
||||
margin-bottom: 8px;
|
||||
padding: 0;
|
||||
.block-library-classic__toolbar{
|
||||
border:1px solid #ddd;
|
||||
border-bottom:none;
|
||||
border-radius:2px;
|
||||
display:none;
|
||||
margin:0 0 8px;
|
||||
padding:0;
|
||||
position:sticky;
|
||||
top:0;
|
||||
width:auto;
|
||||
z-index:31;
|
||||
}
|
||||
div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
|
||||
display: block;
|
||||
border-color: #1e1e1e;
|
||||
div[data-type="core/freeform"].is-selected .block-library-classic__toolbar{
|
||||
border-color:#1e1e1e;
|
||||
display:block;
|
||||
}
|
||||
.block-library-classic__toolbar .mce-tinymce {
|
||||
box-shadow: none;
|
||||
.block-library-classic__toolbar .mce-tinymce{
|
||||
box-shadow:none;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.block-library-classic__toolbar {
|
||||
padding: 0;
|
||||
@media (min-width:600px){
|
||||
.block-library-classic__toolbar{
|
||||
padding:0;
|
||||
}
|
||||
}
|
||||
.block-library-classic__toolbar:empty {
|
||||
display: block;
|
||||
background: #f5f5f5;
|
||||
border-bottom: 1px solid #e2e4e7;
|
||||
.block-library-classic__toolbar:empty{
|
||||
background:#f5f5f5;
|
||||
border-bottom:1px solid #e2e4e7;
|
||||
display:block;
|
||||
}
|
||||
.block-library-classic__toolbar:empty::before {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-size: 13px;
|
||||
content: attr(data-placeholder);
|
||||
color: #555d66;
|
||||
line-height: 37px;
|
||||
padding: 14px;
|
||||
.block-library-classic__toolbar:empty:before{
|
||||
color:#555d66;
|
||||
content:attr(data-placeholder);
|
||||
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
|
||||
font-size:13px;
|
||||
line-height:37px;
|
||||
padding:14px;
|
||||
}
|
||||
.block-library-classic__toolbar div.mce-toolbar-grp {
|
||||
border-bottom: 1px solid #1e1e1e;
|
||||
.block-library-classic__toolbar div.mce-toolbar-grp{
|
||||
border-bottom:1px solid #1e1e1e;
|
||||
}
|
||||
.block-library-classic__toolbar .mce-tinymce-inline,
|
||||
.block-library-classic__toolbar .mce-tinymce-inline > div,
|
||||
.block-library-classic__toolbar div.mce-toolbar-grp,
|
||||
.block-library-classic__toolbar div.mce-toolbar-grp > div,
|
||||
.block-library-classic__toolbar .mce-menubar,
|
||||
.block-library-classic__toolbar .mce-menubar > div {
|
||||
height: auto !important;
|
||||
width: 100% !important;
|
||||
.block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar .mce-menubar>div,.block-library-classic__toolbar .mce-tinymce-inline,.block-library-classic__toolbar .mce-tinymce-inline>div,.block-library-classic__toolbar div.mce-toolbar-grp,.block-library-classic__toolbar div.mce-toolbar-grp>div{
|
||||
height:auto !important;
|
||||
width:100% !important;
|
||||
}
|
||||
.block-library-classic__toolbar .mce-container-body.mce-abs-layout {
|
||||
overflow: visible;
|
||||
.block-library-classic__toolbar .mce-container-body.mce-abs-layout{
|
||||
overflow:visible;
|
||||
}
|
||||
.block-library-classic__toolbar .mce-menubar,
|
||||
.block-library-classic__toolbar div.mce-toolbar-grp {
|
||||
position: static;
|
||||
.block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar div.mce-toolbar-grp{
|
||||
position:static;
|
||||
}
|
||||
.block-library-classic__toolbar .mce-toolbar-grp > div {
|
||||
padding: 1px 3px;
|
||||
.block-library-classic__toolbar .mce-toolbar-grp>div{
|
||||
padding:1px 3px;
|
||||
}
|
||||
.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) {
|
||||
display: none;
|
||||
.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child){
|
||||
display:none;
|
||||
}
|
||||
.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar {
|
||||
display: block;
|
||||
.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar{
|
||||
display:block;
|
||||
}
|
||||
|
|
@ -1,237 +1,151 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
figure.wp-block-gallery {
|
||||
display: block;
|
||||
figure.wp-block-gallery{
|
||||
display:block;
|
||||
}
|
||||
figure.wp-block-gallery.has-nested-images .components-drop-zone {
|
||||
display: none;
|
||||
pointer-events: none;
|
||||
figure.wp-block-gallery.has-nested-images .components-drop-zone{
|
||||
display:none;
|
||||
pointer-events:none;
|
||||
}
|
||||
figure.wp-block-gallery > .blocks-gallery-caption {
|
||||
flex: 0 0 100%;
|
||||
figure.wp-block-gallery>.blocks-gallery-caption{
|
||||
flex:0 0 100%;
|
||||
}
|
||||
figure.wp-block-gallery > .blocks-gallery-media-placeholder-wrapper {
|
||||
flex-basis: 100%;
|
||||
figure.wp-block-gallery>.blocks-gallery-media-placeholder-wrapper{
|
||||
flex-basis:100%;
|
||||
}
|
||||
figure.wp-block-gallery .wp-block-image .components-notice.is-error {
|
||||
display: block;
|
||||
figure.wp-block-gallery .wp-block-image .components-notice.is-error{
|
||||
display:block;
|
||||
}
|
||||
figure.wp-block-gallery .wp-block-image .components-notice__content {
|
||||
margin: 4px 0;
|
||||
figure.wp-block-gallery .wp-block-image .components-notice__content{
|
||||
margin:4px 0;
|
||||
}
|
||||
figure.wp-block-gallery .wp-block-image .components-notice__dismiss {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 5px;
|
||||
figure.wp-block-gallery .wp-block-image .components-notice__dismiss{
|
||||
left:5px;
|
||||
position:absolute;
|
||||
top:0;
|
||||
}
|
||||
figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label {
|
||||
display: none;
|
||||
figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label{
|
||||
display:none;
|
||||
}
|
||||
figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
|
||||
margin-bottom: 0;
|
||||
figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{
|
||||
margin-bottom:0;
|
||||
}
|
||||
figure.wp-block-gallery .block-editor-media-placeholder {
|
||||
margin: 0;
|
||||
figure.wp-block-gallery .block-editor-media-placeholder{
|
||||
margin:0;
|
||||
}
|
||||
figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label {
|
||||
display: flex;
|
||||
figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label{
|
||||
display:flex;
|
||||
}
|
||||
figure.wp-block-gallery .block-editor-media-placeholder figcaption {
|
||||
z-index: 2;
|
||||
figure.wp-block-gallery .block-editor-media-placeholder figcaption{
|
||||
z-index:2;
|
||||
}
|
||||
figure.wp-block-gallery .components-spinner {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 50%;
|
||||
margin-top: -9px;
|
||||
margin-right: -9px;
|
||||
figure.wp-block-gallery .components-spinner{
|
||||
margin-right:-9px;
|
||||
margin-top:-9px;
|
||||
position:absolute;
|
||||
right:50%;
|
||||
top:50%;
|
||||
}
|
||||
.gallery-settings-buttons .components-button:first-child{
|
||||
margin-left:8px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Gallery inspector controls settings.
|
||||
*/
|
||||
.gallery-settings-buttons .components-button:first-child {
|
||||
margin-left: 8px;
|
||||
.gallery-image-sizes .components-base-control__label{
|
||||
display:block;
|
||||
margin-bottom:4px;
|
||||
}
|
||||
.gallery-image-sizes .gallery-image-sizes__loading{
|
||||
align-items:center;
|
||||
color:#757575;
|
||||
display:flex;
|
||||
font-size:12px;
|
||||
}
|
||||
.gallery-image-sizes .components-spinner{
|
||||
margin:0 4px 0 8px;
|
||||
}
|
||||
.blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{
|
||||
outline:none;
|
||||
}
|
||||
.blocks-gallery-item figure.is-selected:before{
|
||||
bottom:0;
|
||||
box-shadow:0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset;
|
||||
content:"";
|
||||
left:0;
|
||||
outline:2px solid transparent;
|
||||
pointer-events:none;
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:0;
|
||||
z-index:1;
|
||||
}
|
||||
.blocks-gallery-item figure.is-transient img{
|
||||
opacity:.3;
|
||||
}
|
||||
.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu{
|
||||
display:inline-flex;
|
||||
}
|
||||
.blocks-gallery-item .block-editor-media-placeholder{
|
||||
height:100%;
|
||||
margin:0;
|
||||
}
|
||||
.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{
|
||||
display:flex;
|
||||
}
|
||||
|
||||
.gallery-image-sizes .components-base-control__label {
|
||||
display: block;
|
||||
margin-bottom: 4px;
|
||||
.block-library-gallery-item__inline-menu{
|
||||
background:#fff;
|
||||
border:1px solid #1e1e1e;
|
||||
border-radius:2px;
|
||||
display:none;
|
||||
margin:8px;
|
||||
position:absolute;
|
||||
top:-2px;
|
||||
transition:box-shadow .2s ease-out;
|
||||
z-index:20;
|
||||
}
|
||||
.gallery-image-sizes .gallery-image-sizes__loading {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #757575;
|
||||
font-size: 12px;
|
||||
}
|
||||
.gallery-image-sizes .components-spinner {
|
||||
margin: 0 4px 0 8px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Deprecated css past this point. This can be removed once all galleries are migrated
|
||||
* to V2.
|
||||
*/
|
||||
.blocks-gallery-item figure:not(.is-selected):focus,
|
||||
.blocks-gallery-item img:focus {
|
||||
outline: none;
|
||||
}
|
||||
.blocks-gallery-item figure.is-selected::before {
|
||||
box-shadow: 0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset;
|
||||
content: "";
|
||||
outline: 2px solid transparent;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
pointer-events: none;
|
||||
}
|
||||
.blocks-gallery-item figure.is-transient img {
|
||||
opacity: 0.3;
|
||||
}
|
||||
.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu {
|
||||
display: inline-flex;
|
||||
}
|
||||
.blocks-gallery-item .block-editor-media-placeholder {
|
||||
margin: 0;
|
||||
height: 100%;
|
||||
}
|
||||
.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.block-library-gallery-item__inline-menu {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: -2px;
|
||||
margin: 8px;
|
||||
z-index: 20;
|
||||
transition: box-shadow 0.2s ease-out;
|
||||
border-radius: 2px;
|
||||
background: #fff;
|
||||
border: 1px solid #1e1e1e;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.block-library-gallery-item__inline-menu {
|
||||
transition-duration: 0s;
|
||||
transition-delay: 0s;
|
||||
@media (prefers-reduced-motion:reduce){
|
||||
.block-library-gallery-item__inline-menu{
|
||||
transition-delay:0s;
|
||||
transition-duration:0s;
|
||||
}
|
||||
}
|
||||
.block-library-gallery-item__inline-menu:hover {
|
||||
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
|
||||
.block-library-gallery-item__inline-menu:hover{
|
||||
box-shadow:0 2px 6px rgba(0,0,0,.05);
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.columns-7 .block-library-gallery-item__inline-menu, .columns-8 .block-library-gallery-item__inline-menu {
|
||||
padding: 2px;
|
||||
@media (min-width:600px){
|
||||
.columns-7 .block-library-gallery-item__inline-menu,.columns-8 .block-library-gallery-item__inline-menu{
|
||||
padding:2px;
|
||||
}
|
||||
}
|
||||
.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus) {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus){
|
||||
border:none;
|
||||
box-shadow:none;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon, .columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon {
|
||||
padding: 0;
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
@media (min-width:600px){
|
||||
.columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon,.columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon{
|
||||
height:inherit;
|
||||
padding:0;
|
||||
width:inherit;
|
||||
}
|
||||
}
|
||||
.block-library-gallery-item__inline-menu.is-left {
|
||||
right: -2px;
|
||||
.block-library-gallery-item__inline-menu.is-left{
|
||||
right:-2px;
|
||||
}
|
||||
.block-library-gallery-item__inline-menu.is-right {
|
||||
left: -2px;
|
||||
.block-library-gallery-item__inline-menu.is-right{
|
||||
left:-2px;
|
||||
}
|
||||
|
||||
.wp-block-gallery ul.blocks-gallery-grid {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
.wp-block-gallery ul.blocks-gallery-grid{
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
.wp-block-update-gallery-modal {
|
||||
max-width: 480px;
|
||||
@media (min-width:600px){
|
||||
.wp-block-update-gallery-modal{
|
||||
max-width:480px;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-update-gallery-modal-buttons {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
gap: 12px;
|
||||
.wp-block-update-gallery-modal-buttons{
|
||||
display:flex;
|
||||
gap:12px;
|
||||
justify-content:flex-end;
|
||||
}
|
||||
|
|
@ -1,237 +1,151 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
figure.wp-block-gallery {
|
||||
display: block;
|
||||
figure.wp-block-gallery{
|
||||
display:block;
|
||||
}
|
||||
figure.wp-block-gallery.has-nested-images .components-drop-zone {
|
||||
display: none;
|
||||
pointer-events: none;
|
||||
figure.wp-block-gallery.has-nested-images .components-drop-zone{
|
||||
display:none;
|
||||
pointer-events:none;
|
||||
}
|
||||
figure.wp-block-gallery > .blocks-gallery-caption {
|
||||
flex: 0 0 100%;
|
||||
figure.wp-block-gallery>.blocks-gallery-caption{
|
||||
flex:0 0 100%;
|
||||
}
|
||||
figure.wp-block-gallery > .blocks-gallery-media-placeholder-wrapper {
|
||||
flex-basis: 100%;
|
||||
figure.wp-block-gallery>.blocks-gallery-media-placeholder-wrapper{
|
||||
flex-basis:100%;
|
||||
}
|
||||
figure.wp-block-gallery .wp-block-image .components-notice.is-error {
|
||||
display: block;
|
||||
figure.wp-block-gallery .wp-block-image .components-notice.is-error{
|
||||
display:block;
|
||||
}
|
||||
figure.wp-block-gallery .wp-block-image .components-notice__content {
|
||||
margin: 4px 0;
|
||||
figure.wp-block-gallery .wp-block-image .components-notice__content{
|
||||
margin:4px 0;
|
||||
}
|
||||
figure.wp-block-gallery .wp-block-image .components-notice__dismiss {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 5px;
|
||||
figure.wp-block-gallery .wp-block-image .components-notice__dismiss{
|
||||
position:absolute;
|
||||
right:5px;
|
||||
top:0;
|
||||
}
|
||||
figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label {
|
||||
display: none;
|
||||
figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label{
|
||||
display:none;
|
||||
}
|
||||
figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
|
||||
margin-bottom: 0;
|
||||
figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{
|
||||
margin-bottom:0;
|
||||
}
|
||||
figure.wp-block-gallery .block-editor-media-placeholder {
|
||||
margin: 0;
|
||||
figure.wp-block-gallery .block-editor-media-placeholder{
|
||||
margin:0;
|
||||
}
|
||||
figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label {
|
||||
display: flex;
|
||||
figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label{
|
||||
display:flex;
|
||||
}
|
||||
figure.wp-block-gallery .block-editor-media-placeholder figcaption {
|
||||
z-index: 2;
|
||||
figure.wp-block-gallery .block-editor-media-placeholder figcaption{
|
||||
z-index:2;
|
||||
}
|
||||
figure.wp-block-gallery .components-spinner {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -9px;
|
||||
margin-left: -9px;
|
||||
figure.wp-block-gallery .components-spinner{
|
||||
left:50%;
|
||||
margin-left:-9px;
|
||||
margin-top:-9px;
|
||||
position:absolute;
|
||||
top:50%;
|
||||
}
|
||||
.gallery-settings-buttons .components-button:first-child{
|
||||
margin-right:8px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Gallery inspector controls settings.
|
||||
*/
|
||||
.gallery-settings-buttons .components-button:first-child {
|
||||
margin-right: 8px;
|
||||
.gallery-image-sizes .components-base-control__label{
|
||||
display:block;
|
||||
margin-bottom:4px;
|
||||
}
|
||||
.gallery-image-sizes .gallery-image-sizes__loading{
|
||||
align-items:center;
|
||||
color:#757575;
|
||||
display:flex;
|
||||
font-size:12px;
|
||||
}
|
||||
.gallery-image-sizes .components-spinner{
|
||||
margin:0 8px 0 4px;
|
||||
}
|
||||
.blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{
|
||||
outline:none;
|
||||
}
|
||||
.blocks-gallery-item figure.is-selected:before{
|
||||
bottom:0;
|
||||
box-shadow:0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset;
|
||||
content:"";
|
||||
left:0;
|
||||
outline:2px solid transparent;
|
||||
pointer-events:none;
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:0;
|
||||
z-index:1;
|
||||
}
|
||||
.blocks-gallery-item figure.is-transient img{
|
||||
opacity:.3;
|
||||
}
|
||||
.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu{
|
||||
display:inline-flex;
|
||||
}
|
||||
.blocks-gallery-item .block-editor-media-placeholder{
|
||||
height:100%;
|
||||
margin:0;
|
||||
}
|
||||
.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{
|
||||
display:flex;
|
||||
}
|
||||
|
||||
.gallery-image-sizes .components-base-control__label {
|
||||
display: block;
|
||||
margin-bottom: 4px;
|
||||
.block-library-gallery-item__inline-menu{
|
||||
background:#fff;
|
||||
border:1px solid #1e1e1e;
|
||||
border-radius:2px;
|
||||
display:none;
|
||||
margin:8px;
|
||||
position:absolute;
|
||||
top:-2px;
|
||||
transition:box-shadow .2s ease-out;
|
||||
z-index:20;
|
||||
}
|
||||
.gallery-image-sizes .gallery-image-sizes__loading {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #757575;
|
||||
font-size: 12px;
|
||||
}
|
||||
.gallery-image-sizes .components-spinner {
|
||||
margin: 0 8px 0 4px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Deprecated css past this point. This can be removed once all galleries are migrated
|
||||
* to V2.
|
||||
*/
|
||||
.blocks-gallery-item figure:not(.is-selected):focus,
|
||||
.blocks-gallery-item img:focus {
|
||||
outline: none;
|
||||
}
|
||||
.blocks-gallery-item figure.is-selected::before {
|
||||
box-shadow: 0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset;
|
||||
content: "";
|
||||
outline: 2px solid transparent;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
pointer-events: none;
|
||||
}
|
||||
.blocks-gallery-item figure.is-transient img {
|
||||
opacity: 0.3;
|
||||
}
|
||||
.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu {
|
||||
display: inline-flex;
|
||||
}
|
||||
.blocks-gallery-item .block-editor-media-placeholder {
|
||||
margin: 0;
|
||||
height: 100%;
|
||||
}
|
||||
.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.block-library-gallery-item__inline-menu {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: -2px;
|
||||
margin: 8px;
|
||||
z-index: 20;
|
||||
transition: box-shadow 0.2s ease-out;
|
||||
border-radius: 2px;
|
||||
background: #fff;
|
||||
border: 1px solid #1e1e1e;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.block-library-gallery-item__inline-menu {
|
||||
transition-duration: 0s;
|
||||
transition-delay: 0s;
|
||||
@media (prefers-reduced-motion:reduce){
|
||||
.block-library-gallery-item__inline-menu{
|
||||
transition-delay:0s;
|
||||
transition-duration:0s;
|
||||
}
|
||||
}
|
||||
.block-library-gallery-item__inline-menu:hover {
|
||||
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
|
||||
.block-library-gallery-item__inline-menu:hover{
|
||||
box-shadow:0 2px 6px rgba(0,0,0,.05);
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.columns-7 .block-library-gallery-item__inline-menu, .columns-8 .block-library-gallery-item__inline-menu {
|
||||
padding: 2px;
|
||||
@media (min-width:600px){
|
||||
.columns-7 .block-library-gallery-item__inline-menu,.columns-8 .block-library-gallery-item__inline-menu{
|
||||
padding:2px;
|
||||
}
|
||||
}
|
||||
.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus) {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus){
|
||||
border:none;
|
||||
box-shadow:none;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon, .columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon {
|
||||
padding: 0;
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
@media (min-width:600px){
|
||||
.columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon,.columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon{
|
||||
height:inherit;
|
||||
padding:0;
|
||||
width:inherit;
|
||||
}
|
||||
}
|
||||
.block-library-gallery-item__inline-menu.is-left {
|
||||
left: -2px;
|
||||
.block-library-gallery-item__inline-menu.is-left{
|
||||
left:-2px;
|
||||
}
|
||||
.block-library-gallery-item__inline-menu.is-right {
|
||||
right: -2px;
|
||||
.block-library-gallery-item__inline-menu.is-right{
|
||||
right:-2px;
|
||||
}
|
||||
|
||||
.wp-block-gallery ul.blocks-gallery-grid {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
.wp-block-gallery ul.blocks-gallery-grid{
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
.wp-block-update-gallery-modal {
|
||||
max-width: 480px;
|
||||
@media (min-width:600px){
|
||||
.wp-block-update-gallery-modal{
|
||||
max-width:480px;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-update-gallery-modal-buttons {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
gap: 12px;
|
||||
.wp-block-update-gallery-modal-buttons{
|
||||
display:flex;
|
||||
gap:12px;
|
||||
justify-content:flex-end;
|
||||
}
|
||||
|
|
@ -1,397 +1,232 @@
|
|||
/**
|
||||
* 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-gallery:not(.has-nested-images),
|
||||
.blocks-gallery-grid:not(.has-nested-images) {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
.blocks-gallery-grid:not(.has-nested-images),.wp-block-gallery:not(.has-nested-images){
|
||||
display:flex;
|
||||
flex-wrap:wrap;
|
||||
list-style-type:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,
|
||||
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item,
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item {
|
||||
margin: 0 0 1em 1em;
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
width: calc(50% - 1em);
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item{
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
flex-grow:1;
|
||||
justify-content:center;
|
||||
margin:0 0 1em 1em;
|
||||
position:relative;
|
||||
width:calc(50% - 1em);
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(even),
|
||||
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(even),
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(even),
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(even) {
|
||||
margin-left: 0;
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n){
|
||||
margin-left:0;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure,
|
||||
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure,
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure {
|
||||
margin: 0;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: flex-start;
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure{
|
||||
align-items:flex-end;
|
||||
display:flex;
|
||||
height:100%;
|
||||
justify-content:flex-start;
|
||||
margin:0;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,
|
||||
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img,
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
width: auto;
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img{
|
||||
display:block;
|
||||
height:auto;
|
||||
max-width:100%;
|
||||
width:auto;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,
|
||||
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption,
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
max-height: 100%;
|
||||
overflow: auto;
|
||||
padding: 3em 0.77em 0.7em;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
font-size: 0.8em;
|
||||
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent);
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
z-index: 2;
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption{
|
||||
background:linear-gradient(0deg, rgba(0,0,0,.7), rgba(0,0,0,.3) 70%, transparent);
|
||||
bottom:0;
|
||||
box-sizing:border-box;
|
||||
color:#fff;
|
||||
font-size:.8em;
|
||||
margin:0;
|
||||
max-height:100%;
|
||||
overflow:auto;
|
||||
padding:3em .77em .7em;
|
||||
position:absolute;
|
||||
text-align:center;
|
||||
width:100%;
|
||||
z-index:2;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,
|
||||
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img,
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img {
|
||||
display: inline;
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img{
|
||||
display:inline;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images) figcaption,
|
||||
.blocks-gallery-grid:not(.has-nested-images) figcaption {
|
||||
flex-grow: 1;
|
||||
.blocks-gallery-grid:not(.has-nested-images) figcaption,.wp-block-gallery:not(.has-nested-images) figcaption{
|
||||
flex-grow:1;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,
|
||||
.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,
|
||||
.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img,
|
||||
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,
|
||||
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img,
|
||||
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,
|
||||
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
flex: 1;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img{
|
||||
flex:1;
|
||||
height:100%;
|
||||
-o-object-fit:cover;
|
||||
object-fit:cover;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item,
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item {
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item{
|
||||
margin-left:0;
|
||||
width:100%;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item,
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item {
|
||||
width: calc(33.3333333333% - 0.6666666667em);
|
||||
margin-left: 1em;
|
||||
@media (min-width:600px){
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item{
|
||||
margin-left:1em;
|
||||
width:calc(33.33333% - .66667em);
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item,
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item {
|
||||
width: calc(25% - 0.75em);
|
||||
margin-left: 1em;
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item{
|
||||
margin-left:1em;
|
||||
width:calc(25% - .75em);
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item,
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item {
|
||||
width: calc(20% - 0.8em);
|
||||
margin-left: 1em;
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item{
|
||||
margin-left:1em;
|
||||
width:calc(20% - .8em);
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item,
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item {
|
||||
width: calc(16.6666666667% - 0.8333333333em);
|
||||
margin-left: 1em;
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item{
|
||||
margin-left:1em;
|
||||
width:calc(16.66667% - .83333em);
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item,
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item {
|
||||
width: calc(14.2857142857% - 0.8571428571em);
|
||||
margin-left: 1em;
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item{
|
||||
margin-left:1em;
|
||||
width:calc(14.28571% - .85714em);
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item,
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item {
|
||||
width: calc(12.5% - 0.875em);
|
||||
margin-left: 1em;
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item{
|
||||
margin-left:1em;
|
||||
width:calc(12.5% - .875em);
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n) {
|
||||
margin-left: 0;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n) {
|
||||
margin-left: 0;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n) {
|
||||
margin-left: 0;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n) {
|
||||
margin-left: 0;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n) {
|
||||
margin-left: 0;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n) {
|
||||
margin-left: 0;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n) {
|
||||
margin-left: 0;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n) {
|
||||
margin-left: 0;
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n){
|
||||
margin-left:0;
|
||||
}
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,
|
||||
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child,
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child {
|
||||
margin-left: 0;
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child{
|
||||
margin-left:0;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).alignleft, .wp-block-gallery:not(.has-nested-images).alignright,
|
||||
.blocks-gallery-grid:not(.has-nested-images).alignleft,
|
||||
.blocks-gallery-grid:not(.has-nested-images).alignright {
|
||||
max-width: 420px;
|
||||
width: 100%;
|
||||
.blocks-gallery-grid:not(.has-nested-images).alignleft,.blocks-gallery-grid:not(.has-nested-images).alignright,.wp-block-gallery:not(.has-nested-images).alignleft,.wp-block-gallery:not(.has-nested-images).alignright{
|
||||
max-width:420px;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure,
|
||||
.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure {
|
||||
justify-content: center;
|
||||
.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure{
|
||||
justify-content:center;
|
||||
}
|
||||
|
||||
.wp-block-gallery:not(.is-cropped) .blocks-gallery-item {
|
||||
align-self: flex-start;
|
||||
.wp-block-gallery:not(.is-cropped) .blocks-gallery-item{
|
||||
align-self:flex-start;
|
||||
}
|
||||
|
||||
figure.wp-block-gallery.has-nested-images {
|
||||
align-items: normal;
|
||||
figure.wp-block-gallery.has-nested-images{
|
||||
align-items:normal;
|
||||
}
|
||||
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
|
||||
width: calc(50% - (var(--wp--style--unstable-gallery-gap, 16px) / 2));
|
||||
margin: 0;
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){
|
||||
margin:0;
|
||||
width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2);
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
flex-direction: column;
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image{
|
||||
box-sizing:border-box;
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
flex-grow:1;
|
||||
justify-content:center;
|
||||
max-width:100%;
|
||||
position:relative;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image > div,
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image > a {
|
||||
margin: 0;
|
||||
flex-direction: column;
|
||||
flex-grow: 1;
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image>a,.wp-block-gallery.has-nested-images figure.wp-block-image>div{
|
||||
flex-direction:column;
|
||||
flex-grow:1;
|
||||
margin:0;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image img {
|
||||
display: block;
|
||||
height: auto;
|
||||
max-width: 100% !important;
|
||||
width: auto;
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image img{
|
||||
display:block;
|
||||
height:auto;
|
||||
max-width:100% !important;
|
||||
width:auto;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
|
||||
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent);
|
||||
bottom: 0;
|
||||
color: #fff;
|
||||
font-size: 13px;
|
||||
right: 0;
|
||||
margin-bottom: 0;
|
||||
max-height: 60%;
|
||||
overflow: auto;
|
||||
padding: 0 8px 8px;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
|
||||
background:linear-gradient(0deg, rgba(0,0,0,.7), rgba(0,0,0,.3) 70%, transparent);
|
||||
bottom:0;
|
||||
box-sizing:border-box;
|
||||
color:#fff;
|
||||
font-size:13px;
|
||||
margin-bottom:0;
|
||||
max-height:60%;
|
||||
overflow:auto;
|
||||
padding:0 8px 8px;
|
||||
position:absolute;
|
||||
right:0;
|
||||
text-align:center;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img {
|
||||
display: inline;
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img{
|
||||
display:inline;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a {
|
||||
color: inherit;
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a{
|
||||
color:inherit;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img {
|
||||
box-sizing: border-box;
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img{
|
||||
box-sizing:border-box;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > div,
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > a, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > div,
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > a {
|
||||
flex: 1 1 auto;
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>a,.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>div,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>a,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>div{
|
||||
flex:1 1 auto;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption {
|
||||
flex: initial;
|
||||
background: none;
|
||||
color: inherit;
|
||||
margin: 0;
|
||||
padding: 10px 10px 9px;
|
||||
position: relative;
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption{
|
||||
background:none;
|
||||
color:inherit;
|
||||
flex:initial;
|
||||
margin:0;
|
||||
padding:10px 10px 9px;
|
||||
position:relative;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figcaption {
|
||||
flex-grow: 1;
|
||||
flex-basis: 100%;
|
||||
text-align: center;
|
||||
.wp-block-gallery.has-nested-images figcaption{
|
||||
flex-basis:100%;
|
||||
flex-grow:1;
|
||||
text-align:center;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) {
|
||||
margin-top: 0;
|
||||
margin-bottom: auto;
|
||||
.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image){
|
||||
margin-bottom:auto;
|
||||
margin-top:0;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
|
||||
align-self: inherit;
|
||||
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image){
|
||||
align-self:inherit;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > div:not(.components-drop-zone),
|
||||
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > a {
|
||||
display: flex;
|
||||
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>div:not(.components-drop-zone){
|
||||
display:flex;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,
|
||||
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
|
||||
width: 100%;
|
||||
flex: 1 0 0%;
|
||||
height: 100%;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img{
|
||||
flex:1 0 0%;
|
||||
height:100%;
|
||||
-o-object-fit:cover;
|
||||
object-fit:cover;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
|
||||
width: 100%;
|
||||
.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image){
|
||||
width:100%;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) {
|
||||
width: calc(33.3333333333% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667));
|
||||
@media (min-width:600px){
|
||||
.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image){
|
||||
width:calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*.66667);
|
||||
}
|
||||
.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
|
||||
width: calc(25% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.75));
|
||||
.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image){
|
||||
width:calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.75);
|
||||
}
|
||||
.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
|
||||
width: calc(20% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8));
|
||||
.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image){
|
||||
width:calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*.8);
|
||||
}
|
||||
.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {
|
||||
width: calc(16.6666666667% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8333333333));
|
||||
.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image){
|
||||
width:calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*.83333);
|
||||
}
|
||||
.wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) {
|
||||
width: calc(14.2857142857% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8571428571));
|
||||
.wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image){
|
||||
width:calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*.85714);
|
||||
}
|
||||
.wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) {
|
||||
width: calc(12.5% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.875));
|
||||
.wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image){
|
||||
width:calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*.875);
|
||||
}
|
||||
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
|
||||
width: calc(33.33% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667));
|
||||
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image){
|
||||
width:calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667);
|
||||
}
|
||||
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),
|
||||
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2) ~ figure.wp-block-image:not(#individual-image) {
|
||||
width: calc(50% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.5));
|
||||
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image){
|
||||
width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*.5);
|
||||
}
|
||||
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(1) {
|
||||
width: 100%;
|
||||
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child{
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
.wp-block-gallery.has-nested-images.alignleft, .wp-block-gallery.has-nested-images.alignright {
|
||||
max-width: 420px;
|
||||
width: 100%;
|
||||
.wp-block-gallery.has-nested-images.alignleft,.wp-block-gallery.has-nested-images.alignright{
|
||||
max-width:420px;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images.aligncenter {
|
||||
justify-content: center;
|
||||
.wp-block-gallery.has-nested-images.aligncenter{
|
||||
justify-content:center;
|
||||
}
|
||||
|
|
@ -1,397 +1,232 @@
|
|||
/**
|
||||
* 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-gallery:not(.has-nested-images),
|
||||
.blocks-gallery-grid:not(.has-nested-images) {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
.blocks-gallery-grid:not(.has-nested-images),.wp-block-gallery:not(.has-nested-images){
|
||||
display:flex;
|
||||
flex-wrap:wrap;
|
||||
list-style-type:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,
|
||||
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item,
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item {
|
||||
margin: 0 1em 1em 0;
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
width: calc(50% - 1em);
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item{
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
flex-grow:1;
|
||||
justify-content:center;
|
||||
margin:0 1em 1em 0;
|
||||
position:relative;
|
||||
width:calc(50% - 1em);
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(even),
|
||||
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(even),
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(even),
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(even) {
|
||||
margin-right: 0;
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n){
|
||||
margin-right:0;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure,
|
||||
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure,
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure {
|
||||
margin: 0;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: flex-start;
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure{
|
||||
align-items:flex-end;
|
||||
display:flex;
|
||||
height:100%;
|
||||
justify-content:flex-start;
|
||||
margin:0;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,
|
||||
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img,
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
width: auto;
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img{
|
||||
display:block;
|
||||
height:auto;
|
||||
max-width:100%;
|
||||
width:auto;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,
|
||||
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption,
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
max-height: 100%;
|
||||
overflow: auto;
|
||||
padding: 3em 0.77em 0.7em;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
font-size: 0.8em;
|
||||
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent);
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
z-index: 2;
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption{
|
||||
background:linear-gradient(0deg, rgba(0,0,0,.7), rgba(0,0,0,.3) 70%, transparent);
|
||||
bottom:0;
|
||||
box-sizing:border-box;
|
||||
color:#fff;
|
||||
font-size:.8em;
|
||||
margin:0;
|
||||
max-height:100%;
|
||||
overflow:auto;
|
||||
padding:3em .77em .7em;
|
||||
position:absolute;
|
||||
text-align:center;
|
||||
width:100%;
|
||||
z-index:2;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,
|
||||
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img,
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img {
|
||||
display: inline;
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img{
|
||||
display:inline;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images) figcaption,
|
||||
.blocks-gallery-grid:not(.has-nested-images) figcaption {
|
||||
flex-grow: 1;
|
||||
.blocks-gallery-grid:not(.has-nested-images) figcaption,.wp-block-gallery:not(.has-nested-images) figcaption{
|
||||
flex-grow:1;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,
|
||||
.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,
|
||||
.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img,
|
||||
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,
|
||||
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img,
|
||||
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,
|
||||
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
flex: 1;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img{
|
||||
flex:1;
|
||||
height:100%;
|
||||
-o-object-fit:cover;
|
||||
object-fit:cover;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item,
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item {
|
||||
width: 100%;
|
||||
margin-right: 0;
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item{
|
||||
margin-right:0;
|
||||
width:100%;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item,
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item {
|
||||
width: calc(33.3333333333% - 0.6666666667em);
|
||||
margin-right: 1em;
|
||||
@media (min-width:600px){
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item{
|
||||
margin-right:1em;
|
||||
width:calc(33.33333% - .66667em);
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item,
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item {
|
||||
width: calc(25% - 0.75em);
|
||||
margin-right: 1em;
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item{
|
||||
margin-right:1em;
|
||||
width:calc(25% - .75em);
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item,
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item {
|
||||
width: calc(20% - 0.8em);
|
||||
margin-right: 1em;
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item{
|
||||
margin-right:1em;
|
||||
width:calc(20% - .8em);
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item,
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item {
|
||||
width: calc(16.6666666667% - 0.8333333333em);
|
||||
margin-right: 1em;
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item{
|
||||
margin-right:1em;
|
||||
width:calc(16.66667% - .83333em);
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item,
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item {
|
||||
width: calc(14.2857142857% - 0.8571428571em);
|
||||
margin-right: 1em;
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item{
|
||||
margin-right:1em;
|
||||
width:calc(14.28571% - .85714em);
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item,
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item {
|
||||
width: calc(12.5% - 0.875em);
|
||||
margin-right: 1em;
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item{
|
||||
margin-right:1em;
|
||||
width:calc(12.5% - .875em);
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n) {
|
||||
margin-right: 0;
|
||||
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n){
|
||||
margin-right:0;
|
||||
}
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,
|
||||
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child,
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child {
|
||||
margin-right: 0;
|
||||
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child{
|
||||
margin-right:0;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).alignleft, .wp-block-gallery:not(.has-nested-images).alignright,
|
||||
.blocks-gallery-grid:not(.has-nested-images).alignleft,
|
||||
.blocks-gallery-grid:not(.has-nested-images).alignright {
|
||||
max-width: 420px;
|
||||
width: 100%;
|
||||
.blocks-gallery-grid:not(.has-nested-images).alignleft,.blocks-gallery-grid:not(.has-nested-images).alignright,.wp-block-gallery:not(.has-nested-images).alignleft,.wp-block-gallery:not(.has-nested-images).alignright{
|
||||
max-width:420px;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure,
|
||||
.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure {
|
||||
justify-content: center;
|
||||
.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure{
|
||||
justify-content:center;
|
||||
}
|
||||
|
||||
.wp-block-gallery:not(.is-cropped) .blocks-gallery-item {
|
||||
align-self: flex-start;
|
||||
.wp-block-gallery:not(.is-cropped) .blocks-gallery-item{
|
||||
align-self:flex-start;
|
||||
}
|
||||
|
||||
figure.wp-block-gallery.has-nested-images {
|
||||
align-items: normal;
|
||||
figure.wp-block-gallery.has-nested-images{
|
||||
align-items:normal;
|
||||
}
|
||||
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
|
||||
width: calc(50% - (var(--wp--style--unstable-gallery-gap, 16px) / 2));
|
||||
margin: 0;
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){
|
||||
margin:0;
|
||||
width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2);
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
flex-direction: column;
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image{
|
||||
box-sizing:border-box;
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
flex-grow:1;
|
||||
justify-content:center;
|
||||
max-width:100%;
|
||||
position:relative;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image > div,
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image > a {
|
||||
margin: 0;
|
||||
flex-direction: column;
|
||||
flex-grow: 1;
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image>a,.wp-block-gallery.has-nested-images figure.wp-block-image>div{
|
||||
flex-direction:column;
|
||||
flex-grow:1;
|
||||
margin:0;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image img {
|
||||
display: block;
|
||||
height: auto;
|
||||
max-width: 100% !important;
|
||||
width: auto;
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image img{
|
||||
display:block;
|
||||
height:auto;
|
||||
max-width:100% !important;
|
||||
width:auto;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
|
||||
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent);
|
||||
bottom: 0;
|
||||
color: #fff;
|
||||
font-size: 13px;
|
||||
left: 0;
|
||||
margin-bottom: 0;
|
||||
max-height: 60%;
|
||||
overflow: auto;
|
||||
padding: 0 8px 8px;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
|
||||
background:linear-gradient(0deg, rgba(0,0,0,.7), rgba(0,0,0,.3) 70%, transparent);
|
||||
bottom:0;
|
||||
box-sizing:border-box;
|
||||
color:#fff;
|
||||
font-size:13px;
|
||||
left:0;
|
||||
margin-bottom:0;
|
||||
max-height:60%;
|
||||
overflow:auto;
|
||||
padding:0 8px 8px;
|
||||
position:absolute;
|
||||
text-align:center;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img {
|
||||
display: inline;
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img{
|
||||
display:inline;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a {
|
||||
color: inherit;
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a{
|
||||
color:inherit;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img {
|
||||
box-sizing: border-box;
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img{
|
||||
box-sizing:border-box;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > div,
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > a, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > div,
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > a {
|
||||
flex: 1 1 auto;
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>a,.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>div,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>a,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>div{
|
||||
flex:1 1 auto;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption {
|
||||
flex: initial;
|
||||
background: none;
|
||||
color: inherit;
|
||||
margin: 0;
|
||||
padding: 10px 10px 9px;
|
||||
position: relative;
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption{
|
||||
background:none;
|
||||
color:inherit;
|
||||
flex:initial;
|
||||
margin:0;
|
||||
padding:10px 10px 9px;
|
||||
position:relative;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figcaption {
|
||||
flex-grow: 1;
|
||||
flex-basis: 100%;
|
||||
text-align: center;
|
||||
.wp-block-gallery.has-nested-images figcaption{
|
||||
flex-basis:100%;
|
||||
flex-grow:1;
|
||||
text-align:center;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) {
|
||||
margin-top: 0;
|
||||
margin-bottom: auto;
|
||||
.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image){
|
||||
margin-bottom:auto;
|
||||
margin-top:0;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
|
||||
align-self: inherit;
|
||||
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image){
|
||||
align-self:inherit;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > div:not(.components-drop-zone),
|
||||
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > a {
|
||||
display: flex;
|
||||
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>div:not(.components-drop-zone){
|
||||
display:flex;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,
|
||||
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
|
||||
width: 100%;
|
||||
flex: 1 0 0%;
|
||||
height: 100%;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img{
|
||||
flex:1 0 0%;
|
||||
height:100%;
|
||||
-o-object-fit:cover;
|
||||
object-fit:cover;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
|
||||
width: 100%;
|
||||
.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image){
|
||||
width:100%;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) {
|
||||
width: calc(33.3333333333% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667));
|
||||
@media (min-width:600px){
|
||||
.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image){
|
||||
width:calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*.66667);
|
||||
}
|
||||
.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
|
||||
width: calc(25% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.75));
|
||||
.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image){
|
||||
width:calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.75);
|
||||
}
|
||||
.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
|
||||
width: calc(20% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8));
|
||||
.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image){
|
||||
width:calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*.8);
|
||||
}
|
||||
.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {
|
||||
width: calc(16.6666666667% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8333333333));
|
||||
.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image){
|
||||
width:calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*.83333);
|
||||
}
|
||||
.wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) {
|
||||
width: calc(14.2857142857% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8571428571));
|
||||
.wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image){
|
||||
width:calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*.85714);
|
||||
}
|
||||
.wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) {
|
||||
width: calc(12.5% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.875));
|
||||
.wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image){
|
||||
width:calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*.875);
|
||||
}
|
||||
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
|
||||
width: calc(33.33% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667));
|
||||
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image){
|
||||
width:calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667);
|
||||
}
|
||||
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),
|
||||
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2) ~ figure.wp-block-image:not(#individual-image) {
|
||||
width: calc(50% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.5));
|
||||
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image){
|
||||
width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*.5);
|
||||
}
|
||||
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(1) {
|
||||
width: 100%;
|
||||
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child{
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
.wp-block-gallery.has-nested-images.alignleft, .wp-block-gallery.has-nested-images.alignright {
|
||||
max-width: 420px;
|
||||
width: 100%;
|
||||
.wp-block-gallery.has-nested-images.alignleft,.wp-block-gallery.has-nested-images.alignright{
|
||||
max-width:420px;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images.aligncenter {
|
||||
justify-content: center;
|
||||
.wp-block-gallery.has-nested-images.aligncenter{
|
||||
justify-content:center;
|
||||
}
|
||||
|
|
@ -1,84 +1,8 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
.blocks-gallery-caption {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
.blocks-gallery-caption{
|
||||
color:#555;
|
||||
font-size:13px;
|
||||
text-align:center;
|
||||
}
|
||||
.is-dark-theme .blocks-gallery-caption {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
.is-dark-theme .blocks-gallery-caption{
|
||||
color:hsla(0,0%,100%,.65);
|
||||
}
|
||||
|
|
@ -1,84 +1,8 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
.blocks-gallery-caption {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
.blocks-gallery-caption{
|
||||
color:#555;
|
||||
font-size:13px;
|
||||
text-align:center;
|
||||
}
|
||||
.is-dark-theme .blocks-gallery-caption {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
.is-dark-theme .blocks-gallery-caption{
|
||||
color:hsla(0,0%,100%,.65);
|
||||
}
|
||||
|
|
@ -1,117 +1,36 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Group: All Alignment Settings
|
||||
*/
|
||||
.wp-block-group .block-editor-block-list__insertion-point {
|
||||
right: 0;
|
||||
left: 0;
|
||||
.wp-block-group .block-editor-block-list__insertion-point{
|
||||
left:0;
|
||||
right:0;
|
||||
}
|
||||
|
||||
[data-type="core/group"].is-selected .block-list-appender {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
[data-type="core/group"].is-selected .block-list-appender{
|
||||
margin-left:0;
|
||||
margin-right:0;
|
||||
}
|
||||
[data-type="core/group"].is-selected .has-background .block-list-appender {
|
||||
margin-top: 18px;
|
||||
margin-bottom: 18px;
|
||||
[data-type="core/group"].is-selected .has-background .block-list-appender{
|
||||
margin-bottom:18px;
|
||||
margin-top:18px;
|
||||
}
|
||||
|
||||
.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child {
|
||||
gap: inherit;
|
||||
pointer-events: none;
|
||||
.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child{
|
||||
gap:inherit;
|
||||
pointer-events:none;
|
||||
}
|
||||
.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child,
|
||||
.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-default-block-appender__content,
|
||||
.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter {
|
||||
display: inherit;
|
||||
width: 100%;
|
||||
flex-direction: inherit;
|
||||
flex: 1;
|
||||
.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-default-block-appender__content,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{
|
||||
display:inherit;
|
||||
flex:1;
|
||||
flex-direction:inherit;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child::after {
|
||||
content: "";
|
||||
display: flex;
|
||||
flex: 1 0 48px;
|
||||
pointer-events: none;
|
||||
min-height: 46px;
|
||||
border: 1px dashed currentColor;
|
||||
border-radius: 2px;
|
||||
.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child:after{
|
||||
border:1px dashed;
|
||||
border-radius:2px;
|
||||
content:"";
|
||||
display:flex;
|
||||
flex:1 0 48px;
|
||||
min-height:46px;
|
||||
pointer-events:none;
|
||||
}
|
||||
.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter {
|
||||
pointer-events: all;
|
||||
.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{
|
||||
pointer-events:all;
|
||||
}
|
||||
|
|
@ -1,117 +1,36 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Group: All Alignment Settings
|
||||
*/
|
||||
.wp-block-group .block-editor-block-list__insertion-point {
|
||||
left: 0;
|
||||
right: 0;
|
||||
.wp-block-group .block-editor-block-list__insertion-point{
|
||||
left:0;
|
||||
right:0;
|
||||
}
|
||||
|
||||
[data-type="core/group"].is-selected .block-list-appender {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
[data-type="core/group"].is-selected .block-list-appender{
|
||||
margin-left:0;
|
||||
margin-right:0;
|
||||
}
|
||||
[data-type="core/group"].is-selected .has-background .block-list-appender {
|
||||
margin-top: 18px;
|
||||
margin-bottom: 18px;
|
||||
[data-type="core/group"].is-selected .has-background .block-list-appender{
|
||||
margin-bottom:18px;
|
||||
margin-top:18px;
|
||||
}
|
||||
|
||||
.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child {
|
||||
gap: inherit;
|
||||
pointer-events: none;
|
||||
.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child{
|
||||
gap:inherit;
|
||||
pointer-events:none;
|
||||
}
|
||||
.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child,
|
||||
.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-default-block-appender__content,
|
||||
.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter {
|
||||
display: inherit;
|
||||
width: 100%;
|
||||
flex-direction: inherit;
|
||||
flex: 1;
|
||||
.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-default-block-appender__content,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{
|
||||
display:inherit;
|
||||
flex:1;
|
||||
flex-direction:inherit;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child::after {
|
||||
content: "";
|
||||
display: flex;
|
||||
flex: 1 0 48px;
|
||||
pointer-events: none;
|
||||
min-height: 46px;
|
||||
border: 1px dashed currentColor;
|
||||
border-radius: 2px;
|
||||
.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child:after{
|
||||
border:1px dashed;
|
||||
border-radius:2px;
|
||||
content:"";
|
||||
display:flex;
|
||||
flex:1 0 48px;
|
||||
min-height:46px;
|
||||
pointer-events:none;
|
||||
}
|
||||
.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter {
|
||||
pointer-events: all;
|
||||
.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{
|
||||
pointer-events:all;
|
||||
}
|
||||
|
|
@ -1,79 +1,3 @@
|
|||
/**
|
||||
* 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-group {
|
||||
box-sizing: border-box;
|
||||
.wp-block-group{
|
||||
box-sizing:border-box;
|
||||
}
|
||||
|
|
@ -1,79 +1,3 @@
|
|||
/**
|
||||
* 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-group {
|
||||
box-sizing: border-box;
|
||||
.wp-block-group{
|
||||
box-sizing:border-box;
|
||||
}
|
||||
|
|
@ -1,79 +1,3 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
:where(.wp-block-group.has-background) {
|
||||
padding: 1.25em 2.375em;
|
||||
:where(.wp-block-group.has-background){
|
||||
padding:1.25em 2.375em;
|
||||
}
|
||||
|
|
@ -1,79 +1,3 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
:where(.wp-block-group.has-background) {
|
||||
padding: 1.25em 2.375em;
|
||||
:where(.wp-block-group.has-background){
|
||||
padding:1.25em 2.375em;
|
||||
}
|
||||
|
|
@ -1,84 +1,3 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
h1.has-background,
|
||||
h2.has-background,
|
||||
h3.has-background,
|
||||
h4.has-background,
|
||||
h5.has-background,
|
||||
h6.has-background {
|
||||
padding: 1.25em 2.375em;
|
||||
h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{
|
||||
padding:1.25em 2.375em;
|
||||
}
|
||||
|
|
@ -1,84 +1,3 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
h1.has-background,
|
||||
h2.has-background,
|
||||
h3.has-background,
|
||||
h4.has-background,
|
||||
h5.has-background,
|
||||
h6.has-background {
|
||||
padding: 1.25em 2.375em;
|
||||
h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{
|
||||
padding:1.25em 2.375em;
|
||||
}
|
||||
|
|
@ -1,105 +1,28 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
.block-library-html__edit .block-library-html__preview-overlay {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
right: 0;
|
||||
.block-library-html__edit .block-library-html__preview-overlay{
|
||||
height:100%;
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:0;
|
||||
width:100%;
|
||||
}
|
||||
.block-library-html__edit .block-editor-plain-text {
|
||||
font-family: Menlo, Consolas, monaco, monospace !important;
|
||||
color: #1e1e1e !important;
|
||||
background: #fff !important;
|
||||
padding: 12px !important;
|
||||
border: 1px solid #1e1e1e !important;
|
||||
box-shadow: none !important;
|
||||
border-radius: 2px !important;
|
||||
max-height: 250px;
|
||||
/* Fonts smaller than 16px causes mobile safari to zoom. */
|
||||
font-size: 16px !important;
|
||||
.block-library-html__edit .block-editor-plain-text{
|
||||
background:#fff !important;
|
||||
border:1px solid #1e1e1e !important;
|
||||
border-radius:2px !important;
|
||||
box-shadow:none !important;
|
||||
color:#1e1e1e !important;
|
||||
font-family:Menlo,Consolas,monaco,monospace !important;
|
||||
font-size:16px !important;
|
||||
max-height:250px;
|
||||
padding:12px !important;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.block-library-html__edit .block-editor-plain-text {
|
||||
font-size: 13px !important;
|
||||
@media (min-width:600px){
|
||||
.block-library-html__edit .block-editor-plain-text{
|
||||
font-size:13px !important;
|
||||
}
|
||||
}
|
||||
.block-library-html__edit .block-editor-plain-text:focus {
|
||||
border-color: var(--wp-admin-theme-color) !important;
|
||||
box-shadow: 0 0 0 1px var(--wp-admin-theme-color) !important;
|
||||
outline: 2px solid transparent !important;
|
||||
.block-library-html__edit .block-editor-plain-text:focus{
|
||||
border-color:var(--wp-admin-theme-color) !important;
|
||||
box-shadow:0 0 0 1px var(--wp-admin-theme-color) !important;
|
||||
outline:2px solid transparent !important;
|
||||
}
|
||||
|
|
@ -1,105 +1,28 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
.block-library-html__edit .block-library-html__preview-overlay {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
.block-library-html__edit .block-library-html__preview-overlay{
|
||||
height:100%;
|
||||
left:0;
|
||||
position:absolute;
|
||||
top:0;
|
||||
width:100%;
|
||||
}
|
||||
.block-library-html__edit .block-editor-plain-text {
|
||||
font-family: Menlo, Consolas, monaco, monospace !important;
|
||||
color: #1e1e1e !important;
|
||||
background: #fff !important;
|
||||
padding: 12px !important;
|
||||
border: 1px solid #1e1e1e !important;
|
||||
box-shadow: none !important;
|
||||
border-radius: 2px !important;
|
||||
max-height: 250px;
|
||||
/* Fonts smaller than 16px causes mobile safari to zoom. */
|
||||
font-size: 16px !important;
|
||||
.block-library-html__edit .block-editor-plain-text{
|
||||
background:#fff !important;
|
||||
border:1px solid #1e1e1e !important;
|
||||
border-radius:2px !important;
|
||||
box-shadow:none !important;
|
||||
color:#1e1e1e !important;
|
||||
font-family:Menlo,Consolas,monaco,monospace !important;
|
||||
font-size:16px !important;
|
||||
max-height:250px;
|
||||
padding:12px !important;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.block-library-html__edit .block-editor-plain-text {
|
||||
font-size: 13px !important;
|
||||
@media (min-width:600px){
|
||||
.block-library-html__edit .block-editor-plain-text{
|
||||
font-size:13px !important;
|
||||
}
|
||||
}
|
||||
.block-library-html__edit .block-editor-plain-text:focus {
|
||||
border-color: var(--wp-admin-theme-color) !important;
|
||||
box-shadow: 0 0 0 1px var(--wp-admin-theme-color) !important;
|
||||
outline: 2px solid transparent !important;
|
||||
.block-library-html__edit .block-editor-plain-text:focus{
|
||||
border-color:var(--wp-admin-theme-color) !important;
|
||||
box-shadow:0 0 0 1px var(--wp-admin-theme-color) !important;
|
||||
outline:2px solid transparent !important;
|
||||
}
|
||||
|
|
@ -1,221 +1,132 @@
|
|||
/**
|
||||
* 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-image.wp-block-image.is-selected .components-placeholder {
|
||||
color: #1e1e1e;
|
||||
background-color: #fff;
|
||||
box-shadow: inset 0 0 0 1px #1e1e1e;
|
||||
border: none;
|
||||
filter: none;
|
||||
border-radius: 2px;
|
||||
.wp-block-image.wp-block-image.is-selected .components-placeholder{
|
||||
background-color:#fff;
|
||||
border:none;
|
||||
border-radius:2px;
|
||||
box-shadow:inset 0 0 0 1px #1e1e1e;
|
||||
color:#1e1e1e;
|
||||
filter:none;
|
||||
}
|
||||
.wp-block-image.wp-block-image.is-selected .components-placeholder > svg {
|
||||
opacity: 0;
|
||||
.wp-block-image.wp-block-image.is-selected .components-placeholder>svg{
|
||||
opacity:0;
|
||||
}
|
||||
.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration {
|
||||
display: none;
|
||||
.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{
|
||||
display:none;
|
||||
}
|
||||
.wp-block-image.wp-block-image .components-placeholder__label,
|
||||
.wp-block-image.wp-block-image .components-placeholder__instructions,
|
||||
.wp-block-image.wp-block-image .components-button {
|
||||
transition: none;
|
||||
.wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{
|
||||
transition:none;
|
||||
}
|
||||
|
||||
figure.wp-block-image:not(.wp-block) {
|
||||
margin: 0;
|
||||
figure.wp-block-image:not(.wp-block){
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.wp-block-image {
|
||||
position: relative;
|
||||
.wp-block-image{
|
||||
position:relative;
|
||||
}
|
||||
.wp-block-image .is-applying img, .wp-block-image.is-transient img {
|
||||
opacity: 0.3;
|
||||
.wp-block-image .is-applying img,.wp-block-image.is-transient img{
|
||||
opacity:.3;
|
||||
}
|
||||
.wp-block-image figcaption img {
|
||||
display: inline;
|
||||
.wp-block-image figcaption img{
|
||||
display:inline;
|
||||
}
|
||||
.wp-block-image .components-spinner {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 50%;
|
||||
transform: translate(50%, -50%);
|
||||
.wp-block-image .components-spinner{
|
||||
position:absolute;
|
||||
right:50%;
|
||||
top:50%;
|
||||
transform:translate(50%, -50%);
|
||||
}
|
||||
|
||||
.wp-block-image .components-resizable-box__container {
|
||||
display: inline-block;
|
||||
.wp-block-image .components-resizable-box__container{
|
||||
display:inline-block;
|
||||
}
|
||||
.wp-block-image .components-resizable-box__container img {
|
||||
display: block;
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
.wp-block-image .components-resizable-box__container img{
|
||||
display:block;
|
||||
height:inherit;
|
||||
width:inherit;
|
||||
}
|
||||
|
||||
.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
margin: -1px 0;
|
||||
.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{
|
||||
left:0;
|
||||
margin:-1px 0;
|
||||
position:absolute;
|
||||
right:0;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal {
|
||||
margin: -1px;
|
||||
@media (min-width:600px){
|
||||
.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{
|
||||
margin:-1px;
|
||||
}
|
||||
}
|
||||
|
||||
[data-align=wide] > .wp-block-image img,
|
||||
[data-align=full] > .wp-block-image img {
|
||||
height: auto;
|
||||
width: 100%;
|
||||
[data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{
|
||||
height:auto;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.wp-block[data-align=left] > .wp-block-image,
|
||||
.wp-block[data-align=center] > .wp-block-image,
|
||||
.wp-block[data-align=right] > .wp-block-image {
|
||||
display: table;
|
||||
.wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{
|
||||
display:table;
|
||||
}
|
||||
.wp-block[data-align=left] > .wp-block-image > figcaption,
|
||||
.wp-block[data-align=center] > .wp-block-image > figcaption,
|
||||
.wp-block[data-align=right] > .wp-block-image > figcaption {
|
||||
display: table-caption;
|
||||
caption-side: bottom;
|
||||
.wp-block[data-align=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{
|
||||
caption-side:bottom;
|
||||
display:table-caption;
|
||||
}
|
||||
|
||||
.wp-block[data-align=left] > .wp-block-image {
|
||||
margin-left: 1em;
|
||||
margin-right: 0;
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
.wp-block[data-align=left]>.wp-block-image{
|
||||
margin:.5em 0 .5em 1em;
|
||||
}
|
||||
|
||||
.wp-block[data-align=right] > .wp-block-image {
|
||||
margin-right: 1em;
|
||||
margin-left: 0;
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
.wp-block[data-align=right]>.wp-block-image{
|
||||
margin:.5em 1em .5em 0;
|
||||
}
|
||||
|
||||
.wp-block[data-align=center] > .wp-block-image {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
text-align: center;
|
||||
.wp-block[data-align=center]>.wp-block-image{
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.wp-block-image__crop-area {
|
||||
position: relative;
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
.wp-block-image__crop-area{
|
||||
max-width:100%;
|
||||
overflow:hidden;
|
||||
position:relative;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image {
|
||||
border: none;
|
||||
.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{
|
||||
border:none;
|
||||
}
|
||||
|
||||
.wp-block-image__crop-icon {
|
||||
padding: 0 8px;
|
||||
min-width: 48px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.wp-block-image__crop-icon{
|
||||
align-items:center;
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
min-width:48px;
|
||||
padding:0 8px;
|
||||
}
|
||||
.wp-block-image__crop-icon svg {
|
||||
fill: currentColor;
|
||||
.wp-block-image__crop-icon svg{
|
||||
fill:currentColor;
|
||||
}
|
||||
|
||||
.wp-block-image__zoom .components-popover__content {
|
||||
min-width: 260px;
|
||||
overflow: visible !important;
|
||||
.wp-block-image__zoom .components-popover__content{
|
||||
min-width:260px;
|
||||
overflow:visible !important;
|
||||
}
|
||||
.wp-block-image__zoom .components-range-control {
|
||||
flex: 1;
|
||||
.wp-block-image__zoom .components-range-control{
|
||||
flex:1;
|
||||
}
|
||||
.wp-block-image__zoom .components-base-control__field {
|
||||
display: flex;
|
||||
margin-bottom: 0;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
.wp-block-image__zoom .components-base-control__field{
|
||||
align-items:flex-start;
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
.wp-block-image__aspect-ratio {
|
||||
height: 46px;
|
||||
margin-bottom: -8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.wp-block-image__aspect-ratio{
|
||||
align-items:center;
|
||||
display:flex;
|
||||
height:46px;
|
||||
margin-bottom:-8px;
|
||||
}
|
||||
.wp-block-image__aspect-ratio .components-button {
|
||||
width: 36px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
.wp-block-image__aspect-ratio .components-button{
|
||||
padding-left:0;
|
||||
padding-right:0;
|
||||
width:36px;
|
||||
}
|
||||
|
|
@ -1,221 +1,132 @@
|
|||
/**
|
||||
* 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-image.wp-block-image.is-selected .components-placeholder {
|
||||
color: #1e1e1e;
|
||||
background-color: #fff;
|
||||
box-shadow: inset 0 0 0 1px #1e1e1e;
|
||||
border: none;
|
||||
filter: none;
|
||||
border-radius: 2px;
|
||||
.wp-block-image.wp-block-image.is-selected .components-placeholder{
|
||||
background-color:#fff;
|
||||
border:none;
|
||||
border-radius:2px;
|
||||
box-shadow:inset 0 0 0 1px #1e1e1e;
|
||||
color:#1e1e1e;
|
||||
filter:none;
|
||||
}
|
||||
.wp-block-image.wp-block-image.is-selected .components-placeholder > svg {
|
||||
opacity: 0;
|
||||
.wp-block-image.wp-block-image.is-selected .components-placeholder>svg{
|
||||
opacity:0;
|
||||
}
|
||||
.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration {
|
||||
display: none;
|
||||
.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{
|
||||
display:none;
|
||||
}
|
||||
.wp-block-image.wp-block-image .components-placeholder__label,
|
||||
.wp-block-image.wp-block-image .components-placeholder__instructions,
|
||||
.wp-block-image.wp-block-image .components-button {
|
||||
transition: none;
|
||||
.wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{
|
||||
transition:none;
|
||||
}
|
||||
|
||||
figure.wp-block-image:not(.wp-block) {
|
||||
margin: 0;
|
||||
figure.wp-block-image:not(.wp-block){
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.wp-block-image {
|
||||
position: relative;
|
||||
.wp-block-image{
|
||||
position:relative;
|
||||
}
|
||||
.wp-block-image .is-applying img, .wp-block-image.is-transient img {
|
||||
opacity: 0.3;
|
||||
.wp-block-image .is-applying img,.wp-block-image.is-transient img{
|
||||
opacity:.3;
|
||||
}
|
||||
.wp-block-image figcaption img {
|
||||
display: inline;
|
||||
.wp-block-image figcaption img{
|
||||
display:inline;
|
||||
}
|
||||
.wp-block-image .components-spinner {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
.wp-block-image .components-spinner{
|
||||
left:50%;
|
||||
position:absolute;
|
||||
top:50%;
|
||||
transform:translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.wp-block-image .components-resizable-box__container {
|
||||
display: inline-block;
|
||||
.wp-block-image .components-resizable-box__container{
|
||||
display:inline-block;
|
||||
}
|
||||
.wp-block-image .components-resizable-box__container img {
|
||||
display: block;
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
.wp-block-image .components-resizable-box__container img{
|
||||
display:block;
|
||||
height:inherit;
|
||||
width:inherit;
|
||||
}
|
||||
|
||||
.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: -1px 0;
|
||||
.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{
|
||||
left:0;
|
||||
margin:-1px 0;
|
||||
position:absolute;
|
||||
right:0;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal {
|
||||
margin: -1px;
|
||||
@media (min-width:600px){
|
||||
.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{
|
||||
margin:-1px;
|
||||
}
|
||||
}
|
||||
|
||||
[data-align=wide] > .wp-block-image img,
|
||||
[data-align=full] > .wp-block-image img {
|
||||
height: auto;
|
||||
width: 100%;
|
||||
[data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{
|
||||
height:auto;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.wp-block[data-align=left] > .wp-block-image,
|
||||
.wp-block[data-align=center] > .wp-block-image,
|
||||
.wp-block[data-align=right] > .wp-block-image {
|
||||
display: table;
|
||||
.wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{
|
||||
display:table;
|
||||
}
|
||||
.wp-block[data-align=left] > .wp-block-image > figcaption,
|
||||
.wp-block[data-align=center] > .wp-block-image > figcaption,
|
||||
.wp-block[data-align=right] > .wp-block-image > figcaption {
|
||||
display: table-caption;
|
||||
caption-side: bottom;
|
||||
.wp-block[data-align=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{
|
||||
caption-side:bottom;
|
||||
display:table-caption;
|
||||
}
|
||||
|
||||
.wp-block[data-align=left] > .wp-block-image {
|
||||
margin-right: 1em;
|
||||
margin-left: 0;
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
.wp-block[data-align=left]>.wp-block-image{
|
||||
margin:.5em 1em .5em 0;
|
||||
}
|
||||
|
||||
.wp-block[data-align=right] > .wp-block-image {
|
||||
margin-left: 1em;
|
||||
margin-right: 0;
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
.wp-block[data-align=right]>.wp-block-image{
|
||||
margin:.5em 0 .5em 1em;
|
||||
}
|
||||
|
||||
.wp-block[data-align=center] > .wp-block-image {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
text-align: center;
|
||||
.wp-block[data-align=center]>.wp-block-image{
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.wp-block-image__crop-area {
|
||||
position: relative;
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
.wp-block-image__crop-area{
|
||||
max-width:100%;
|
||||
overflow:hidden;
|
||||
position:relative;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image {
|
||||
border: none;
|
||||
.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{
|
||||
border:none;
|
||||
}
|
||||
|
||||
.wp-block-image__crop-icon {
|
||||
padding: 0 8px;
|
||||
min-width: 48px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.wp-block-image__crop-icon{
|
||||
align-items:center;
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
min-width:48px;
|
||||
padding:0 8px;
|
||||
}
|
||||
.wp-block-image__crop-icon svg {
|
||||
fill: currentColor;
|
||||
.wp-block-image__crop-icon svg{
|
||||
fill:currentColor;
|
||||
}
|
||||
|
||||
.wp-block-image__zoom .components-popover__content {
|
||||
min-width: 260px;
|
||||
overflow: visible !important;
|
||||
.wp-block-image__zoom .components-popover__content{
|
||||
min-width:260px;
|
||||
overflow:visible !important;
|
||||
}
|
||||
.wp-block-image__zoom .components-range-control {
|
||||
flex: 1;
|
||||
.wp-block-image__zoom .components-range-control{
|
||||
flex:1;
|
||||
}
|
||||
.wp-block-image__zoom .components-base-control__field {
|
||||
display: flex;
|
||||
margin-bottom: 0;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
.wp-block-image__zoom .components-base-control__field{
|
||||
align-items:flex-start;
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
.wp-block-image__aspect-ratio {
|
||||
height: 46px;
|
||||
margin-bottom: -8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.wp-block-image__aspect-ratio{
|
||||
align-items:center;
|
||||
display:flex;
|
||||
height:46px;
|
||||
margin-bottom:-8px;
|
||||
}
|
||||
.wp-block-image__aspect-ratio .components-button {
|
||||
width: 36px;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
.wp-block-image__aspect-ratio .components-button{
|
||||
padding-left:0;
|
||||
padding-right:0;
|
||||
width:36px;
|
||||
}
|
||||
|
|
@ -1,184 +1,93 @@
|
|||
/**
|
||||
* 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-image img {
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
vertical-align: bottom;
|
||||
box-sizing: border-box;
|
||||
.wp-block-image img{
|
||||
height:auto;
|
||||
max-width:100%;
|
||||
vertical-align:bottom;
|
||||
}
|
||||
.wp-block-image.has-custom-border img {
|
||||
box-sizing: border-box;
|
||||
.wp-block-image img,.wp-block-image.has-custom-border img{
|
||||
box-sizing:border-box;
|
||||
}
|
||||
.wp-block-image.aligncenter {
|
||||
text-align: center;
|
||||
.wp-block-image.aligncenter{
|
||||
text-align:center;
|
||||
}
|
||||
.wp-block-image.alignfull img, .wp-block-image.alignwide img {
|
||||
height: auto;
|
||||
width: 100%;
|
||||
.wp-block-image.alignfull img,.wp-block-image.alignwide img{
|
||||
height:auto;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-image.alignleft, .wp-block-image.alignright, .wp-block-image.aligncenter,
|
||||
.wp-block-image .alignleft,
|
||||
.wp-block-image .alignright,
|
||||
.wp-block-image .aligncenter {
|
||||
display: table;
|
||||
.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{
|
||||
display:table;
|
||||
}
|
||||
.wp-block-image.alignleft > figcaption, .wp-block-image.alignright > figcaption, .wp-block-image.aligncenter > figcaption,
|
||||
.wp-block-image .alignleft > figcaption,
|
||||
.wp-block-image .alignright > figcaption,
|
||||
.wp-block-image .aligncenter > figcaption {
|
||||
display: table-caption;
|
||||
caption-side: bottom;
|
||||
.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{
|
||||
caption-side:bottom;
|
||||
display:table-caption;
|
||||
}
|
||||
.wp-block-image .alignleft {
|
||||
float: left;
|
||||
margin-left: 0;
|
||||
margin-left: 1em;
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
.wp-block-image .alignleft{
|
||||
float:left;
|
||||
margin-bottom:.5em;
|
||||
margin-left:1em;
|
||||
margin-top:.5em;
|
||||
}
|
||||
.wp-block-image .alignright {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-right: 1em;
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
.wp-block-image .alignright{
|
||||
float:right;
|
||||
margin-bottom:.5em;
|
||||
margin-right:1em;
|
||||
margin-top:.5em;
|
||||
}
|
||||
.wp-block-image .aligncenter {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
.wp-block-image .aligncenter{
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
}
|
||||
.wp-block-image figcaption {
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 1em;
|
||||
.wp-block-image figcaption{
|
||||
margin-bottom:1em;
|
||||
margin-top:.5em;
|
||||
}
|
||||
.wp-block-image.is-style-rounded img,
|
||||
.wp-block-image .is-style-rounded img {
|
||||
border-radius: 9999px;
|
||||
.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{
|
||||
border-radius:9999px;
|
||||
}
|
||||
.wp-block-image.is-style-circle-mask img {
|
||||
border-radius: 9999px;
|
||||
}
|
||||
@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {
|
||||
.wp-block-image.is-style-circle-mask img {
|
||||
/* stylelint-disable */
|
||||
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
|
||||
mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
|
||||
/* stylelint-enable */
|
||||
mask-mode: alpha;
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
mask-repeat: no-repeat;
|
||||
-webkit-mask-size: contain;
|
||||
mask-size: contain;
|
||||
-webkit-mask-position: center;
|
||||
mask-position: center;
|
||||
border-radius: 0;
|
||||
@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){
|
||||
.wp-block-image.is-style-circle-mask img{
|
||||
border-radius:0;
|
||||
-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
|
||||
mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
|
||||
mask-mode:alpha;
|
||||
-webkit-mask-position:center;
|
||||
mask-position:center;
|
||||
-webkit-mask-repeat:no-repeat;
|
||||
mask-repeat:initial;
|
||||
-webkit-mask-size:contain;
|
||||
mask-size:contain;
|
||||
}
|
||||
}
|
||||
.wp-block-image :where(.has-border-color) {
|
||||
border-style: solid;
|
||||
.wp-block-image :where(.has-border-color){
|
||||
border-style:solid;
|
||||
}
|
||||
.wp-block-image :where([style*="border-top-color"]) {
|
||||
border-top-style: solid;
|
||||
.wp-block-image :where([style*=border-top-color]){
|
||||
border-top-style:solid;
|
||||
}
|
||||
.wp-block-image :where([style*="border-right-color"]) {
|
||||
border-left-style: solid;
|
||||
.wp-block-image :where([style*=border-right-color]){
|
||||
border-left-style:solid;
|
||||
}
|
||||
.wp-block-image :where([style*="border-bottom-color"]) {
|
||||
border-bottom-style: solid;
|
||||
.wp-block-image :where([style*=border-bottom-color]){
|
||||
border-bottom-style:solid;
|
||||
}
|
||||
.wp-block-image :where([style*="border-left-color"]) {
|
||||
border-right-style: solid;
|
||||
.wp-block-image :where([style*=border-left-color]){
|
||||
border-right-style:solid;
|
||||
}
|
||||
.wp-block-image :where([style*="border-width"]) {
|
||||
border-style: solid;
|
||||
.wp-block-image :where([style*=border-width]){
|
||||
border-style:solid;
|
||||
}
|
||||
.wp-block-image :where([style*="border-top-width"]) {
|
||||
border-top-style: solid;
|
||||
.wp-block-image :where([style*=border-top-width]){
|
||||
border-top-style:solid;
|
||||
}
|
||||
.wp-block-image :where([style*="border-right-width"]) {
|
||||
border-left-style: solid;
|
||||
.wp-block-image :where([style*=border-right-width]){
|
||||
border-left-style:solid;
|
||||
}
|
||||
.wp-block-image :where([style*="border-bottom-width"]) {
|
||||
border-bottom-style: solid;
|
||||
.wp-block-image :where([style*=border-bottom-width]){
|
||||
border-bottom-style:solid;
|
||||
}
|
||||
.wp-block-image :where([style*="border-left-width"]) {
|
||||
border-right-style: solid;
|
||||
.wp-block-image :where([style*=border-left-width]){
|
||||
border-right-style:solid;
|
||||
}
|
||||
|
||||
.wp-block-image figure {
|
||||
margin: 0;
|
||||
.wp-block-image figure{
|
||||
margin:0;
|
||||
}
|
||||
|
|
@ -1,188 +1,89 @@
|
|||
/**
|
||||
* 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-image img {
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
vertical-align: bottom;
|
||||
box-sizing: border-box;
|
||||
.wp-block-image img{
|
||||
height:auto;
|
||||
max-width:100%;
|
||||
vertical-align:bottom;
|
||||
}
|
||||
.wp-block-image.has-custom-border img {
|
||||
box-sizing: border-box;
|
||||
.wp-block-image img,.wp-block-image.has-custom-border img{
|
||||
box-sizing:border-box;
|
||||
}
|
||||
.wp-block-image.aligncenter {
|
||||
text-align: center;
|
||||
.wp-block-image.aligncenter{
|
||||
text-align:center;
|
||||
}
|
||||
.wp-block-image.alignfull img, .wp-block-image.alignwide img {
|
||||
height: auto;
|
||||
width: 100%;
|
||||
.wp-block-image.alignfull img,.wp-block-image.alignwide img{
|
||||
height:auto;
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-image.alignleft, .wp-block-image.alignright, .wp-block-image.aligncenter,
|
||||
.wp-block-image .alignleft,
|
||||
.wp-block-image .alignright,
|
||||
.wp-block-image .aligncenter {
|
||||
display: table;
|
||||
.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{
|
||||
display:table;
|
||||
}
|
||||
.wp-block-image.alignleft > figcaption, .wp-block-image.alignright > figcaption, .wp-block-image.aligncenter > figcaption,
|
||||
.wp-block-image .alignleft > figcaption,
|
||||
.wp-block-image .alignright > figcaption,
|
||||
.wp-block-image .aligncenter > figcaption {
|
||||
display: table-caption;
|
||||
caption-side: bottom;
|
||||
.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{
|
||||
caption-side:bottom;
|
||||
display:table-caption;
|
||||
}
|
||||
.wp-block-image .alignleft {
|
||||
/*rtl:ignore*/
|
||||
float: left;
|
||||
/*rtl:ignore*/
|
||||
margin-left: 0;
|
||||
margin-right: 1em;
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
.wp-block-image .alignleft{
|
||||
float:left;
|
||||
margin:.5em 1em .5em 0;
|
||||
}
|
||||
.wp-block-image .alignright {
|
||||
/*rtl:ignore*/
|
||||
float: right;
|
||||
/*rtl:ignore*/
|
||||
margin-right: 0;
|
||||
margin-left: 1em;
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
.wp-block-image .alignright{
|
||||
float:right;
|
||||
margin:.5em 0 .5em 1em;
|
||||
}
|
||||
.wp-block-image .aligncenter {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
.wp-block-image .aligncenter{
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
}
|
||||
.wp-block-image figcaption {
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 1em;
|
||||
.wp-block-image figcaption{
|
||||
margin-bottom:1em;
|
||||
margin-top:.5em;
|
||||
}
|
||||
.wp-block-image.is-style-rounded img,
|
||||
.wp-block-image .is-style-rounded img {
|
||||
border-radius: 9999px;
|
||||
.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{
|
||||
border-radius:9999px;
|
||||
}
|
||||
.wp-block-image.is-style-circle-mask img {
|
||||
border-radius: 9999px;
|
||||
}
|
||||
@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {
|
||||
.wp-block-image.is-style-circle-mask img {
|
||||
/* stylelint-disable */
|
||||
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
|
||||
mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
|
||||
/* stylelint-enable */
|
||||
mask-mode: alpha;
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
mask-repeat: no-repeat;
|
||||
-webkit-mask-size: contain;
|
||||
mask-size: contain;
|
||||
-webkit-mask-position: center;
|
||||
mask-position: center;
|
||||
border-radius: 0;
|
||||
@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){
|
||||
.wp-block-image.is-style-circle-mask img{
|
||||
border-radius:0;
|
||||
-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
|
||||
mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
|
||||
mask-mode:alpha;
|
||||
-webkit-mask-position:center;
|
||||
mask-position:center;
|
||||
-webkit-mask-repeat:no-repeat;
|
||||
mask-repeat:initial;
|
||||
-webkit-mask-size:contain;
|
||||
mask-size:contain;
|
||||
}
|
||||
}
|
||||
.wp-block-image :where(.has-border-color) {
|
||||
border-style: solid;
|
||||
.wp-block-image :where(.has-border-color){
|
||||
border-style:solid;
|
||||
}
|
||||
.wp-block-image :where([style*="border-top-color"]) {
|
||||
border-top-style: solid;
|
||||
.wp-block-image :where([style*=border-top-color]){
|
||||
border-top-style:solid;
|
||||
}
|
||||
.wp-block-image :where([style*="border-right-color"]) {
|
||||
border-right-style: solid;
|
||||
.wp-block-image :where([style*=border-right-color]){
|
||||
border-right-style:solid;
|
||||
}
|
||||
.wp-block-image :where([style*="border-bottom-color"]) {
|
||||
border-bottom-style: solid;
|
||||
.wp-block-image :where([style*=border-bottom-color]){
|
||||
border-bottom-style:solid;
|
||||
}
|
||||
.wp-block-image :where([style*="border-left-color"]) {
|
||||
border-left-style: solid;
|
||||
.wp-block-image :where([style*=border-left-color]){
|
||||
border-left-style:solid;
|
||||
}
|
||||
.wp-block-image :where([style*="border-width"]) {
|
||||
border-style: solid;
|
||||
.wp-block-image :where([style*=border-width]){
|
||||
border-style:solid;
|
||||
}
|
||||
.wp-block-image :where([style*="border-top-width"]) {
|
||||
border-top-style: solid;
|
||||
.wp-block-image :where([style*=border-top-width]){
|
||||
border-top-style:solid;
|
||||
}
|
||||
.wp-block-image :where([style*="border-right-width"]) {
|
||||
border-right-style: solid;
|
||||
.wp-block-image :where([style*=border-right-width]){
|
||||
border-right-style:solid;
|
||||
}
|
||||
.wp-block-image :where([style*="border-bottom-width"]) {
|
||||
border-bottom-style: solid;
|
||||
.wp-block-image :where([style*=border-bottom-width]){
|
||||
border-bottom-style:solid;
|
||||
}
|
||||
.wp-block-image :where([style*="border-left-width"]) {
|
||||
border-left-style: solid;
|
||||
.wp-block-image :where([style*=border-left-width]){
|
||||
border-left-style:solid;
|
||||
}
|
||||
|
||||
.wp-block-image figure {
|
||||
margin: 0;
|
||||
.wp-block-image figure{
|
||||
margin:0;
|
||||
}
|
||||
|
|
@ -1,88 +1,12 @@
|
|||
/**
|
||||
* 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-image figcaption {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
.wp-block-image figcaption{
|
||||
color:#555;
|
||||
font-size:13px;
|
||||
text-align:center;
|
||||
}
|
||||
.is-dark-theme .wp-block-image figcaption {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
.is-dark-theme .wp-block-image figcaption{
|
||||
color:hsla(0,0%,100%,.65);
|
||||
}
|
||||
|
||||
.wp-block-image {
|
||||
margin: 0 0 1em 0;
|
||||
.wp-block-image{
|
||||
margin:0 0 1em;
|
||||
}
|
||||
|
|
@ -1,88 +1,12 @@
|
|||
/**
|
||||
* 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-image figcaption {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
.wp-block-image figcaption{
|
||||
color:#555;
|
||||
font-size:13px;
|
||||
text-align:center;
|
||||
}
|
||||
.is-dark-theme .wp-block-image figcaption {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
.is-dark-theme .wp-block-image figcaption{
|
||||
color:hsla(0,0%,100%,.65);
|
||||
}
|
||||
|
||||
.wp-block-image {
|
||||
margin: 0 0 1em 0;
|
||||
.wp-block-image{
|
||||
margin:0 0 1em;
|
||||
}
|
||||
|
|
@ -1,121 +1,43 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
ol.wp-block-latest-comments {
|
||||
margin-right: 0;
|
||||
ol.wp-block-latest-comments{
|
||||
margin-right:0;
|
||||
}
|
||||
|
||||
.wp-block-latest-comments .wp-block-latest-comments {
|
||||
padding-right: 0;
|
||||
.wp-block-latest-comments .wp-block-latest-comments{
|
||||
padding-right:0;
|
||||
}
|
||||
|
||||
.wp-block-latest-comments__comment {
|
||||
line-height: 1.1;
|
||||
list-style: none;
|
||||
margin-bottom: 1em;
|
||||
.wp-block-latest-comments__comment{
|
||||
line-height:1.1;
|
||||
list-style:none;
|
||||
margin-bottom:1em;
|
||||
}
|
||||
.has-avatars .wp-block-latest-comments__comment {
|
||||
min-height: 2.25em;
|
||||
list-style: none;
|
||||
.has-avatars .wp-block-latest-comments__comment{
|
||||
list-style:none;
|
||||
min-height:2.25em;
|
||||
}
|
||||
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta,
|
||||
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {
|
||||
margin-right: 3.25em;
|
||||
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{
|
||||
margin-right:3.25em;
|
||||
}
|
||||
.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment {
|
||||
line-height: 1.5;
|
||||
.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{
|
||||
line-height:1.5;
|
||||
}
|
||||
|
||||
.wp-block-latest-comments__comment-excerpt p {
|
||||
font-size: 0.875em;
|
||||
line-height: 1.8;
|
||||
margin: 0.36em 0 1.4em;
|
||||
.wp-block-latest-comments__comment-excerpt p{
|
||||
font-size:.875em;
|
||||
line-height:1.8;
|
||||
margin:.36em 0 1.4em;
|
||||
}
|
||||
|
||||
.wp-block-latest-comments__comment-date {
|
||||
display: block;
|
||||
font-size: 0.75em;
|
||||
.wp-block-latest-comments__comment-date{
|
||||
display:block;
|
||||
font-size:.75em;
|
||||
}
|
||||
|
||||
.wp-block-latest-comments .avatar,
|
||||
.wp-block-latest-comments__comment-avatar {
|
||||
border-radius: 1.5em;
|
||||
display: block;
|
||||
float: right;
|
||||
height: 2.5em;
|
||||
margin-left: 0.75em;
|
||||
width: 2.5em;
|
||||
.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{
|
||||
border-radius:1.5em;
|
||||
display:block;
|
||||
float:right;
|
||||
height:2.5em;
|
||||
margin-left:.75em;
|
||||
width:2.5em;
|
||||
}
|
||||
|
|
@ -1,121 +1,43 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
ol.wp-block-latest-comments {
|
||||
margin-left: 0;
|
||||
ol.wp-block-latest-comments{
|
||||
margin-left:0;
|
||||
}
|
||||
|
||||
.wp-block-latest-comments .wp-block-latest-comments {
|
||||
padding-left: 0;
|
||||
.wp-block-latest-comments .wp-block-latest-comments{
|
||||
padding-left:0;
|
||||
}
|
||||
|
||||
.wp-block-latest-comments__comment {
|
||||
line-height: 1.1;
|
||||
list-style: none;
|
||||
margin-bottom: 1em;
|
||||
.wp-block-latest-comments__comment{
|
||||
line-height:1.1;
|
||||
list-style:none;
|
||||
margin-bottom:1em;
|
||||
}
|
||||
.has-avatars .wp-block-latest-comments__comment {
|
||||
min-height: 2.25em;
|
||||
list-style: none;
|
||||
.has-avatars .wp-block-latest-comments__comment{
|
||||
list-style:none;
|
||||
min-height:2.25em;
|
||||
}
|
||||
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta,
|
||||
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {
|
||||
margin-left: 3.25em;
|
||||
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{
|
||||
margin-left:3.25em;
|
||||
}
|
||||
.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment {
|
||||
line-height: 1.5;
|
||||
.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{
|
||||
line-height:1.5;
|
||||
}
|
||||
|
||||
.wp-block-latest-comments__comment-excerpt p {
|
||||
font-size: 0.875em;
|
||||
line-height: 1.8;
|
||||
margin: 0.36em 0 1.4em;
|
||||
.wp-block-latest-comments__comment-excerpt p{
|
||||
font-size:.875em;
|
||||
line-height:1.8;
|
||||
margin:.36em 0 1.4em;
|
||||
}
|
||||
|
||||
.wp-block-latest-comments__comment-date {
|
||||
display: block;
|
||||
font-size: 0.75em;
|
||||
.wp-block-latest-comments__comment-date{
|
||||
display:block;
|
||||
font-size:.75em;
|
||||
}
|
||||
|
||||
.wp-block-latest-comments .avatar,
|
||||
.wp-block-latest-comments__comment-avatar {
|
||||
border-radius: 1.5em;
|
||||
display: block;
|
||||
float: left;
|
||||
height: 2.5em;
|
||||
margin-right: 0.75em;
|
||||
width: 2.5em;
|
||||
.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{
|
||||
border-radius:1.5em;
|
||||
display:block;
|
||||
float:left;
|
||||
height:2.5em;
|
||||
margin-right:.75em;
|
||||
width:2.5em;
|
||||
}
|
||||
|
|
@ -1,100 +1,24 @@
|
|||
/**
|
||||
* 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-latest-posts {
|
||||
padding-right: 2.5em;
|
||||
.wp-block-latest-posts{
|
||||
padding-right:2.5em;
|
||||
}
|
||||
.wp-block-latest-posts.is-grid {
|
||||
padding-right: 0;
|
||||
.wp-block-latest-posts.is-grid{
|
||||
padding-right:0;
|
||||
}
|
||||
.wp-block-latest-posts > li {
|
||||
overflow: hidden;
|
||||
.wp-block-latest-posts>li{
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
.wp-block-latest-posts li a > div {
|
||||
display: inline;
|
||||
.wp-block-latest-posts li a>div{
|
||||
display:inline;
|
||||
}
|
||||
|
||||
.edit-post-visual-editor .wp-block-latest-posts.is-grid li {
|
||||
margin-bottom: 20px;
|
||||
.edit-post-visual-editor .wp-block-latest-posts.is-grid li{
|
||||
margin-bottom:20px;
|
||||
}
|
||||
|
||||
.editor-latest-posts-image-alignment-control .components-base-control__label {
|
||||
display: block;
|
||||
.editor-latest-posts-image-alignment-control .components-base-control__label{
|
||||
display:block;
|
||||
}
|
||||
.editor-latest-posts-image-alignment-control .components-toolbar {
|
||||
border-radius: 2px;
|
||||
.editor-latest-posts-image-alignment-control .components-toolbar{
|
||||
border-radius:2px;
|
||||
}
|
||||
|
|
@ -1,100 +1,24 @@
|
|||
/**
|
||||
* 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-latest-posts {
|
||||
padding-left: 2.5em;
|
||||
.wp-block-latest-posts{
|
||||
padding-left:2.5em;
|
||||
}
|
||||
.wp-block-latest-posts.is-grid {
|
||||
padding-left: 0;
|
||||
.wp-block-latest-posts.is-grid{
|
||||
padding-left:0;
|
||||
}
|
||||
.wp-block-latest-posts > li {
|
||||
overflow: hidden;
|
||||
.wp-block-latest-posts>li{
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
.wp-block-latest-posts li a > div {
|
||||
display: inline;
|
||||
.wp-block-latest-posts li a>div{
|
||||
display:inline;
|
||||
}
|
||||
|
||||
.edit-post-visual-editor .wp-block-latest-posts.is-grid li {
|
||||
margin-bottom: 20px;
|
||||
.edit-post-visual-editor .wp-block-latest-posts.is-grid li{
|
||||
margin-bottom:20px;
|
||||
}
|
||||
|
||||
.editor-latest-posts-image-alignment-control .components-base-control__label {
|
||||
display: block;
|
||||
.editor-latest-posts-image-alignment-control .components-base-control__label{
|
||||
display:block;
|
||||
}
|
||||
.editor-latest-posts-image-alignment-control .components-toolbar {
|
||||
border-radius: 2px;
|
||||
.editor-latest-posts-image-alignment-control .components-toolbar{
|
||||
border-radius:2px;
|
||||
}
|
||||
|
|
@ -1,162 +1,85 @@
|
|||
/**
|
||||
* 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-latest-posts.alignleft {
|
||||
margin-right: 2em;
|
||||
.wp-block-latest-posts.alignleft{
|
||||
margin-right:2em;
|
||||
}
|
||||
.wp-block-latest-posts.alignright {
|
||||
margin-left: 2em;
|
||||
.wp-block-latest-posts.alignright{
|
||||
margin-left:2em;
|
||||
}
|
||||
.wp-block-latest-posts.wp-block-latest-posts__list {
|
||||
list-style: none;
|
||||
padding-right: 0;
|
||||
.wp-block-latest-posts.wp-block-latest-posts__list{
|
||||
list-style:none;
|
||||
padding-right:0;
|
||||
}
|
||||
.wp-block-latest-posts.wp-block-latest-posts__list li {
|
||||
clear: both;
|
||||
.wp-block-latest-posts.wp-block-latest-posts__list li{
|
||||
clear:both;
|
||||
}
|
||||
.wp-block-latest-posts.is-grid {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 0;
|
||||
.wp-block-latest-posts.is-grid{
|
||||
display:flex;
|
||||
flex-wrap:wrap;
|
||||
padding:0;
|
||||
}
|
||||
.wp-block-latest-posts.is-grid li {
|
||||
margin: 0 0 1.25em 1.25em;
|
||||
width: 100%;
|
||||
.wp-block-latest-posts.is-grid li{
|
||||
margin:0 0 1.25em 1.25em;
|
||||
width:100%;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.wp-block-latest-posts.columns-2 li {
|
||||
width: calc((100% / 2) - 1.25em + (1.25em / 2));
|
||||
@media (min-width:600px){
|
||||
.wp-block-latest-posts.columns-2 li{
|
||||
width:calc(50% - .625em);
|
||||
}
|
||||
.wp-block-latest-posts.columns-2 li:nth-child(2n) {
|
||||
margin-left: 0;
|
||||
.wp-block-latest-posts.columns-2 li:nth-child(2n){
|
||||
margin-left:0;
|
||||
}
|
||||
.wp-block-latest-posts.columns-3 li {
|
||||
width: calc((100% / 3) - 1.25em + (1.25em / 3));
|
||||
.wp-block-latest-posts.columns-3 li{
|
||||
width:calc(33.33333% - .83333em);
|
||||
}
|
||||
.wp-block-latest-posts.columns-3 li:nth-child(3n) {
|
||||
margin-left: 0;
|
||||
.wp-block-latest-posts.columns-3 li:nth-child(3n){
|
||||
margin-left:0;
|
||||
}
|
||||
.wp-block-latest-posts.columns-4 li {
|
||||
width: calc((100% / 4) - 1.25em + (1.25em / 4));
|
||||
.wp-block-latest-posts.columns-4 li{
|
||||
width:calc(25% - .9375em);
|
||||
}
|
||||
.wp-block-latest-posts.columns-4 li:nth-child(4n) {
|
||||
margin-left: 0;
|
||||
.wp-block-latest-posts.columns-4 li:nth-child(4n){
|
||||
margin-left:0;
|
||||
}
|
||||
.wp-block-latest-posts.columns-5 li {
|
||||
width: calc((100% / 5) - 1.25em + (1.25em / 5));
|
||||
.wp-block-latest-posts.columns-5 li{
|
||||
width:calc(20% - 1em);
|
||||
}
|
||||
.wp-block-latest-posts.columns-5 li:nth-child(5n) {
|
||||
margin-left: 0;
|
||||
.wp-block-latest-posts.columns-5 li:nth-child(5n){
|
||||
margin-left:0;
|
||||
}
|
||||
.wp-block-latest-posts.columns-6 li {
|
||||
width: calc((100% / 6) - 1.25em + (1.25em / 6));
|
||||
.wp-block-latest-posts.columns-6 li{
|
||||
width:calc(16.66667% - 1.04167em);
|
||||
}
|
||||
.wp-block-latest-posts.columns-6 li:nth-child(6n) {
|
||||
margin-left: 0;
|
||||
.wp-block-latest-posts.columns-6 li:nth-child(6n){
|
||||
margin-left:0;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-latest-posts__post-date,
|
||||
.wp-block-latest-posts__post-author {
|
||||
display: block;
|
||||
font-size: 0.8125em;
|
||||
.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{
|
||||
display:block;
|
||||
font-size:.8125em;
|
||||
}
|
||||
|
||||
.wp-block-latest-posts__post-excerpt {
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 1em;
|
||||
.wp-block-latest-posts__post-excerpt{
|
||||
margin-bottom:1em;
|
||||
margin-top:.5em;
|
||||
}
|
||||
|
||||
.wp-block-latest-posts__featured-image a {
|
||||
display: inline-block;
|
||||
.wp-block-latest-posts__featured-image a{
|
||||
display:inline-block;
|
||||
}
|
||||
.wp-block-latest-posts__featured-image img {
|
||||
height: auto;
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
.wp-block-latest-posts__featured-image img{
|
||||
height:auto;
|
||||
max-width:100%;
|
||||
width:auto;
|
||||
}
|
||||
.wp-block-latest-posts__featured-image.alignleft {
|
||||
margin-right: 1em;
|
||||
float: left;
|
||||
.wp-block-latest-posts__featured-image.alignleft{
|
||||
float:left;
|
||||
margin-right:1em;
|
||||
}
|
||||
.wp-block-latest-posts__featured-image.alignright {
|
||||
margin-left: 1em;
|
||||
float: right;
|
||||
.wp-block-latest-posts__featured-image.alignright{
|
||||
float:right;
|
||||
margin-left:1em;
|
||||
}
|
||||
.wp-block-latest-posts__featured-image.aligncenter {
|
||||
margin-bottom: 1em;
|
||||
text-align: center;
|
||||
.wp-block-latest-posts__featured-image.aligncenter{
|
||||
margin-bottom:1em;
|
||||
text-align:center;
|
||||
}
|
||||
|
|
@ -1,168 +1,85 @@
|
|||
/**
|
||||
* 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-latest-posts.alignleft {
|
||||
/*rtl:ignore*/
|
||||
margin-right: 2em;
|
||||
.wp-block-latest-posts.alignleft{
|
||||
margin-right:2em;
|
||||
}
|
||||
.wp-block-latest-posts.alignright {
|
||||
/*rtl:ignore*/
|
||||
margin-left: 2em;
|
||||
.wp-block-latest-posts.alignright{
|
||||
margin-left:2em;
|
||||
}
|
||||
.wp-block-latest-posts.wp-block-latest-posts__list {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
.wp-block-latest-posts.wp-block-latest-posts__list{
|
||||
list-style:none;
|
||||
padding-left:0;
|
||||
}
|
||||
.wp-block-latest-posts.wp-block-latest-posts__list li {
|
||||
clear: both;
|
||||
.wp-block-latest-posts.wp-block-latest-posts__list li{
|
||||
clear:both;
|
||||
}
|
||||
.wp-block-latest-posts.is-grid {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 0;
|
||||
.wp-block-latest-posts.is-grid{
|
||||
display:flex;
|
||||
flex-wrap:wrap;
|
||||
padding:0;
|
||||
}
|
||||
.wp-block-latest-posts.is-grid li {
|
||||
margin: 0 1.25em 1.25em 0;
|
||||
width: 100%;
|
||||
.wp-block-latest-posts.is-grid li{
|
||||
margin:0 1.25em 1.25em 0;
|
||||
width:100%;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.wp-block-latest-posts.columns-2 li {
|
||||
width: calc((100% / 2) - 1.25em + (1.25em / 2));
|
||||
@media (min-width:600px){
|
||||
.wp-block-latest-posts.columns-2 li{
|
||||
width:calc(50% - .625em);
|
||||
}
|
||||
.wp-block-latest-posts.columns-2 li:nth-child(2n) {
|
||||
margin-right: 0;
|
||||
.wp-block-latest-posts.columns-2 li:nth-child(2n){
|
||||
margin-right:0;
|
||||
}
|
||||
.wp-block-latest-posts.columns-3 li {
|
||||
width: calc((100% / 3) - 1.25em + (1.25em / 3));
|
||||
.wp-block-latest-posts.columns-3 li{
|
||||
width:calc(33.33333% - .83333em);
|
||||
}
|
||||
.wp-block-latest-posts.columns-3 li:nth-child(3n) {
|
||||
margin-right: 0;
|
||||
.wp-block-latest-posts.columns-3 li:nth-child(3n){
|
||||
margin-right:0;
|
||||
}
|
||||
.wp-block-latest-posts.columns-4 li {
|
||||
width: calc((100% / 4) - 1.25em + (1.25em / 4));
|
||||
.wp-block-latest-posts.columns-4 li{
|
||||
width:calc(25% - .9375em);
|
||||
}
|
||||
.wp-block-latest-posts.columns-4 li:nth-child(4n) {
|
||||
margin-right: 0;
|
||||
.wp-block-latest-posts.columns-4 li:nth-child(4n){
|
||||
margin-right:0;
|
||||
}
|
||||
.wp-block-latest-posts.columns-5 li {
|
||||
width: calc((100% / 5) - 1.25em + (1.25em / 5));
|
||||
.wp-block-latest-posts.columns-5 li{
|
||||
width:calc(20% - 1em);
|
||||
}
|
||||
.wp-block-latest-posts.columns-5 li:nth-child(5n) {
|
||||
margin-right: 0;
|
||||
.wp-block-latest-posts.columns-5 li:nth-child(5n){
|
||||
margin-right:0;
|
||||
}
|
||||
.wp-block-latest-posts.columns-6 li {
|
||||
width: calc((100% / 6) - 1.25em + (1.25em / 6));
|
||||
.wp-block-latest-posts.columns-6 li{
|
||||
width:calc(16.66667% - 1.04167em);
|
||||
}
|
||||
.wp-block-latest-posts.columns-6 li:nth-child(6n) {
|
||||
margin-right: 0;
|
||||
.wp-block-latest-posts.columns-6 li:nth-child(6n){
|
||||
margin-right:0;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-latest-posts__post-date,
|
||||
.wp-block-latest-posts__post-author {
|
||||
display: block;
|
||||
font-size: 0.8125em;
|
||||
.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{
|
||||
display:block;
|
||||
font-size:.8125em;
|
||||
}
|
||||
|
||||
.wp-block-latest-posts__post-excerpt {
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 1em;
|
||||
.wp-block-latest-posts__post-excerpt{
|
||||
margin-bottom:1em;
|
||||
margin-top:.5em;
|
||||
}
|
||||
|
||||
.wp-block-latest-posts__featured-image a {
|
||||
display: inline-block;
|
||||
.wp-block-latest-posts__featured-image a{
|
||||
display:inline-block;
|
||||
}
|
||||
.wp-block-latest-posts__featured-image img {
|
||||
height: auto;
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
.wp-block-latest-posts__featured-image img{
|
||||
height:auto;
|
||||
max-width:100%;
|
||||
width:auto;
|
||||
}
|
||||
.wp-block-latest-posts__featured-image.alignleft {
|
||||
/*rtl:ignore*/
|
||||
margin-right: 1em;
|
||||
/*rtl:ignore*/
|
||||
float: left;
|
||||
.wp-block-latest-posts__featured-image.alignleft{
|
||||
float:left;
|
||||
margin-right:1em;
|
||||
}
|
||||
.wp-block-latest-posts__featured-image.alignright {
|
||||
/*rtl:ignore*/
|
||||
margin-left: 1em;
|
||||
/*rtl:ignore*/
|
||||
float: right;
|
||||
.wp-block-latest-posts__featured-image.alignright{
|
||||
float:right;
|
||||
margin-left:1em;
|
||||
}
|
||||
.wp-block-latest-posts__featured-image.aligncenter {
|
||||
margin-bottom: 1em;
|
||||
text-align: center;
|
||||
.wp-block-latest-posts__featured-image.aligncenter{
|
||||
margin-bottom:1em;
|
||||
text-align:center;
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue