Editor and content style refactoring part 4
This commit is contained in:
Tetrakern
parent
e890ed87ad
commit
68747dd625
149
_theme.json
149
_theme.json
@ -1,149 +0,0 @@
|
||||
{
|
||||
"version": 2,
|
||||
"settings": {
|
||||
"appearanceTools": true,
|
||||
"color": {
|
||||
"duotone": [],
|
||||
"customDuotone": false,
|
||||
"defaultDuotone": false,
|
||||
"gradients": [],
|
||||
"customGradient": false,
|
||||
"defaultGradients": false
|
||||
},
|
||||
"typography": {
|
||||
"dropCap": false,
|
||||
"customFontSize": false,
|
||||
"fontSizes": [
|
||||
{
|
||||
"size": "var(--fs-xxs)",
|
||||
"name": "Extra Small",
|
||||
"shortName": "XXS",
|
||||
"slug": "extra-small"
|
||||
},
|
||||
{
|
||||
"size": "var(--fs-xs)",
|
||||
"name": "Small",
|
||||
"shortName": "XS",
|
||||
"slug": "small"
|
||||
},
|
||||
{
|
||||
"size": "var(--fs-s)",
|
||||
"name": "Normal",
|
||||
"shortName": "S",
|
||||
"slug": "normal"
|
||||
},
|
||||
{
|
||||
"size": "var(--fs-m)",
|
||||
"name": "Medium",
|
||||
"shortName": "M",
|
||||
"slug": "medium"
|
||||
},
|
||||
{
|
||||
"size": "var(--fs-l)",
|
||||
"name": "Large",
|
||||
"shortName": "L",
|
||||
"slug": "large"
|
||||
},
|
||||
{
|
||||
"size": "var(--fs-xl)",
|
||||
"name": "Extra Large",
|
||||
"shortName": "XL",
|
||||
"slug": "extra-large"
|
||||
},
|
||||
{
|
||||
"size": "var(--fs-xxl)",
|
||||
"name": "Huge",
|
||||
"shortName": "XXL",
|
||||
"slug": "huge"
|
||||
},
|
||||
{
|
||||
"size": "var(--fs-xxxl)",
|
||||
"name": "Gigantic",
|
||||
"shortName": "XXXL",
|
||||
"slug": "gigantic"
|
||||
}
|
||||
]
|
||||
},
|
||||
"blocks": {
|
||||
"core/image": {
|
||||
"lightbox": {
|
||||
"enabled": false,
|
||||
"allowEditing": false
|
||||
}
|
||||
},
|
||||
"core/table": {
|
||||
"color": {
|
||||
"custom": false,
|
||||
"background": false,
|
||||
"customDuotone": false,
|
||||
"customGradient": false,
|
||||
"defaultGradients": false,
|
||||
"defaultDuotone": false,
|
||||
"defaultPalette": false,
|
||||
"palette": [],
|
||||
"gradients": [],
|
||||
"duotone": []
|
||||
},
|
||||
"spacing": {
|
||||
"margin": false
|
||||
}
|
||||
},
|
||||
"core/buttons": {
|
||||
"typography": {
|
||||
"dropCap": false,
|
||||
"fontSizes": [],
|
||||
"customFontSize": false,
|
||||
"fontStyle": false,
|
||||
"fontWeight": false,
|
||||
"fluid": false,
|
||||
"letterSpacing": false,
|
||||
"lineHeight": false,
|
||||
"textDecoration": false,
|
||||
"textTransform": false,
|
||||
"letterCase": false
|
||||
},
|
||||
"spacing": {
|
||||
"padding": false,
|
||||
"margin": false
|
||||
}
|
||||
},
|
||||
"core/button": {
|
||||
"color": {
|
||||
"custom": false,
|
||||
"background": false,
|
||||
"customDuotone": false,
|
||||
"customGradient": false,
|
||||
"defaultGradients": false,
|
||||
"defaultDuotone": false,
|
||||
"defaultPalette": false,
|
||||
"palette": [],
|
||||
"gradients": [],
|
||||
"duotone": []
|
||||
},
|
||||
"border": {
|
||||
"color": false,
|
||||
"radius": false,
|
||||
"style": false,
|
||||
"width": false
|
||||
},
|
||||
"typography": {
|
||||
"dropCap": false,
|
||||
"fontSizes": [],
|
||||
"customFontSize": false,
|
||||
"fontStyle": false,
|
||||
"fontWeight": false,
|
||||
"fluid": false,
|
||||
"letterSpacing": false,
|
||||
"lineHeight": false,
|
||||
"textDecoration": false,
|
||||
"textTransform": false,
|
||||
"letterCase": false
|
||||
},
|
||||
"spacing": {
|
||||
"padding": false,
|
||||
"margin": false
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -13,7 +13,7 @@
|
||||
function fictioneer_bring_out_legacy_trash() {
|
||||
// Setup
|
||||
$options = wp_cache_get( 'alloptions', 'options' );
|
||||
$obsolete = ['fictioneer_disable_html_in_comments', 'fictioneer_block_subscribers_from_admin', 'fictioneer_admin_restrict_menus', 'fictioneer_admin_restrict_private_data', 'fictioneer_admin_reduce_subscriber_profile', 'fictioneer_enable_subscriber_self_delete', 'fictioneer_strip_shortcodes_for_non_administrators', 'fictioneer_restrict_media_access', 'fictioneer_subscription_enabled', 'fictioneer_patreon_badge_map', 'fictioneer_patreon_tier_as_badge', 'fictioneer_patreon_campaign_ids', 'fictioneer_patreon_campaign_id', 'fictioneer_mount_wpdiscuz_theme_styles', 'fictioneer_base_site_width', 'fictioneer_comment_form_selector', 'fictioneer_featherlight_enabled', 'fictioneer_tts_enabled', 'fictioneer_log', 'fictioneer_enable_ajax_nonce', 'fictioneer_flush_object_cache'];
|
||||
$obsolete = ['fictioneer_disable_html_in_comments', 'fictioneer_block_subscribers_from_admin', 'fictioneer_admin_restrict_menus', 'fictioneer_admin_restrict_private_data', 'fictioneer_admin_reduce_subscriber_profile', 'fictioneer_enable_subscriber_self_delete', 'fictioneer_strip_shortcodes_for_non_administrators', 'fictioneer_restrict_media_access', 'fictioneer_subscription_enabled', 'fictioneer_patreon_badge_map', 'fictioneer_patreon_tier_as_badge', 'fictioneer_patreon_campaign_ids', 'fictioneer_patreon_campaign_id', 'fictioneer_mount_wpdiscuz_theme_styles', 'fictioneer_base_site_width', 'fictioneer_comment_form_selector', 'fictioneer_featherlight_enabled', 'fictioneer_tts_enabled', 'fictioneer_log', 'fictioneer_enable_ajax_nonce', 'fictioneer_flush_object_cache', 'fictioneer_enable_all_block_styles'];
|
||||
|
||||
// Check for most recent obsolete option...
|
||||
if ( isset( $options['fictioneer_flush_object_cache'] ) ) {
|
||||
@ -626,13 +626,6 @@ function fictioneer_style_queue() {
|
||||
FICTIONEER_VERSION
|
||||
);
|
||||
}
|
||||
|
||||
// Remove Gutenberg default styles
|
||||
if ( ! get_option( 'fictioneer_enable_all_block_styles' ) ) {
|
||||
// wp_dequeue_style( 'wp-block-library' );
|
||||
// wp_dequeue_style( 'wp-block-library-theme' );
|
||||
// wp_dequeue_style( 'wc-blocks-style' );
|
||||
}
|
||||
}
|
||||
add_action( 'wp_enqueue_scripts', 'fictioneer_style_queue' );
|
||||
|
||||
|
||||
@ -503,13 +503,6 @@ define( 'FICTIONEER_OPTIONS', array(
|
||||
'label' => __( 'Enable all Gutenberg blocks', 'fictioneer' ),
|
||||
'default' => 0
|
||||
),
|
||||
'fictioneer_enable_all_block_styles' => array(
|
||||
'name' => 'fictioneer_enable_all_block_styles',
|
||||
'group' => 'fictioneer-settings-general-group',
|
||||
'sanitize_callback' => 'fictioneer_sanitize_checkbox',
|
||||
'label' => __( 'Enable all Gutenberg block styles', 'fictioneer' ),
|
||||
'default' => 0
|
||||
),
|
||||
'fictioneer_enable_ajax_authentication' => array(
|
||||
'name' => 'fictioneer_enable_ajax_authentication',
|
||||
'group' => 'fictioneer-settings-general-group',
|
||||
|
||||
@ -950,15 +950,6 @@
|
||||
?>
|
||||
</div>
|
||||
|
||||
<div class="fictioneer-card__row">
|
||||
<?php
|
||||
fictioneer_settings_label_checkbox(
|
||||
'fictioneer_enable_all_block_styles',
|
||||
__( 'This might interfere with theme styles.', 'fictioneer' )
|
||||
);
|
||||
?>
|
||||
</div>
|
||||
|
||||
<div class="fictioneer-card__row">
|
||||
<?php
|
||||
fictioneer_settings_label_checkbox(
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
// GENERAL
|
||||
// =============================================================================
|
||||
|
||||
[class*="wp-block-"]:not(p, h1, h2, h3, h4, h5, h6, .wp-block-separator, .wp-block-spacer, .wp-block-image:where(.alignright, .alignleft), [class*="__wrapper"]) {
|
||||
[class*="wp-block-"]:not(p, h1, h2, h3, h4, h5, h6, .wp-block-separator, .wp-block-spacer, .wp-block-image:where(.alignright, .alignleft), [class*="__wrapper"], .wp-block-file__button) {
|
||||
clear: both;
|
||||
|
||||
&:not(:first-child) {
|
||||
@ -512,319 +512,133 @@ figure.wp-block-pullquote {
|
||||
}
|
||||
}
|
||||
|
||||
// =============================================================================
|
||||
// PRE BLOCK
|
||||
// =============================================================================
|
||||
|
||||
.wp-block-preformatted {
|
||||
font-family: var(--ff-mono);
|
||||
line-height: 1.7;
|
||||
white-space: pre;
|
||||
border-radius: var(--layout-border-radius-small);
|
||||
overflow: auto;
|
||||
|
||||
&.has-background {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
// =============================================================================
|
||||
// BUTTON(S) BLOCK
|
||||
// =============================================================================
|
||||
|
||||
.wp-block-button {
|
||||
border-style: solid;
|
||||
|
||||
.wp-element-button,
|
||||
a.wp-block-button__link {
|
||||
background-color: var(--button-primary-background);
|
||||
color: var(--button-primary-color);
|
||||
border-style: solid;
|
||||
|
||||
&:hover {
|
||||
background-color: var(--button-primary-background-hover);
|
||||
color: var(--button-primary-color-hover);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-buttons > .wp-block-button {
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
// // =============================================================================
|
||||
// // VIDEO
|
||||
// // =============================================================================
|
||||
// =============================================================================
|
||||
// FILE DOWNLOADS
|
||||
// =============================================================================
|
||||
|
||||
// .wp-block-video {
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// justify-content: center;
|
||||
.wp-block-file {
|
||||
--focus-offset: 2px;
|
||||
display: flex;
|
||||
gap: 0 1px;
|
||||
flex-direction: row-reverse;
|
||||
font-size: var(--fs-dxs);
|
||||
line-height: 1;
|
||||
text-shadow: none;
|
||||
border-radius: var(--layout-border-radius-small);
|
||||
overflow: hidden;
|
||||
width: fit-content;
|
||||
|
||||
// video {
|
||||
// border-radius: var(--layout-border-radius-small);
|
||||
// box-shadow: 0 0 3px rgb(0 0 0 / .3);
|
||||
// }
|
||||
// }
|
||||
&:focus-within {
|
||||
a:focus-visible {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
// // =============================================================================
|
||||
// // AUDIO
|
||||
// // =============================================================================
|
||||
&:hover :is(a, a.wp-block-file__button) {
|
||||
background: var(--button-file-block-background-hover);
|
||||
color: var(--button-file-block-color-hover) !important;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
// .wp-block-audio {
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// }
|
||||
a {
|
||||
color: var(--button-file-block-color);
|
||||
padding: .5rem .5rem .45rem;
|
||||
transition: background-color var(--transition-duration);
|
||||
|
||||
// // =============================================================================
|
||||
// // FILE DOWNLOADS
|
||||
// // =============================================================================
|
||||
&:first-child {
|
||||
font-family: var(--ff-mono);
|
||||
background: var(--button-file-block-background);
|
||||
letter-spacing: get_relative_clamp(-0.07, 0, 320, 480);
|
||||
}
|
||||
}
|
||||
|
||||
// .wp-block-file {
|
||||
// --focus-offset: 2px;
|
||||
// display: flex;
|
||||
// gap: 0 1px;
|
||||
// flex-direction: row-reverse;
|
||||
// font-size: var(--fs-dxs);
|
||||
// line-height: 1;
|
||||
// text-shadow: none;
|
||||
// border-radius: var(--layout-border-radius-small);
|
||||
// overflow: hidden;
|
||||
// width: fit-content;
|
||||
.wp-block-file__button:is(a) {
|
||||
background: var(--button-file-block-background);
|
||||
color: var(--button-file-block-color) !important;
|
||||
font-size: 87.5%;
|
||||
font-weight: var(--button-font-weight);
|
||||
text-transform: uppercase;
|
||||
border-radius: 0;
|
||||
padding: .575rem .5rem .375rem;
|
||||
margin: 0;
|
||||
transition: background-color var(--transition-duration);
|
||||
}
|
||||
}
|
||||
|
||||
// &:focus-within {
|
||||
// a:focus-visible {
|
||||
// outline: none;
|
||||
// }
|
||||
// }
|
||||
// =============================================================================
|
||||
// VIDEO
|
||||
// =============================================================================
|
||||
|
||||
// &-wrapper {
|
||||
// margin: 0;
|
||||
.wp-block-video {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
// &:not(:last-child) {
|
||||
// margin-bottom: 1.5rem;
|
||||
// }
|
||||
// }
|
||||
&:is(.alignright, .alignleft) {
|
||||
float: none;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: unset;
|
||||
}
|
||||
|
||||
// &:hover :is(a, a.wp-block-file__button) {
|
||||
// background: var(--button-file-block-background-hover);
|
||||
// color: var(--button-file-block-color-hover) !important;
|
||||
// opacity: 1;
|
||||
// }
|
||||
video {
|
||||
border-radius: var(--layout-border-radius-small);
|
||||
}
|
||||
}
|
||||
|
||||
// a {
|
||||
// color: var(--button-file-block-color);
|
||||
// padding: .5rem;
|
||||
// transition: background-color var(--transition-duration);
|
||||
// =============================================================================
|
||||
// AUDIO
|
||||
// =============================================================================
|
||||
|
||||
// &:first-child {
|
||||
// font-family: var(--ff-mono);
|
||||
// background: var(--button-file-block-background);
|
||||
// letter-spacing: get_relative_clamp(-0.07, 0, 320, 480);
|
||||
// }
|
||||
// }
|
||||
.wp-block-audio {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
// .wp-block-file__button:is(a) {
|
||||
// background: var(--button-file-block-background);
|
||||
// color: var(--button-file-block-color) !important;
|
||||
// font-size: var(--fs-dxs);
|
||||
// font-weight: var(--button-font-weight);
|
||||
// border-radius: 0;
|
||||
// padding: .5rem;
|
||||
// margin: 0;
|
||||
// transition: background-color var(--transition-duration);
|
||||
// }
|
||||
// }
|
||||
|
||||
// // =============================================================================
|
||||
// // GALLERY
|
||||
// // =============================================================================
|
||||
|
||||
// .wp-block-gallery {
|
||||
// --min: max(128px, (100% - 3rem) / 4); // Assume 4 columns as default
|
||||
// --fs-caption: var(--fs-dxs);
|
||||
// display: grid !important; // Override WP
|
||||
// align-items: unset !important; // Override WP
|
||||
// grid-template-columns: repeat(auto-fit, minmax(var(--min), 1fr));
|
||||
// gap: 1rem !important; // Override WP
|
||||
|
||||
// > :is(figure, figcaption, div, img, a) {
|
||||
// margin-top: 0 !important;
|
||||
// margin-bottom: 0 !important;
|
||||
// }
|
||||
|
||||
// figure {
|
||||
// position: relative;
|
||||
// }
|
||||
|
||||
// .blocks-gallery-caption {
|
||||
// grid-column: 1 / -1;
|
||||
// padding-top: 0;
|
||||
// }
|
||||
|
||||
// img {
|
||||
// height: 100%;
|
||||
// width: 100%;
|
||||
// object-fit: cover;
|
||||
// }
|
||||
|
||||
// .wp-block-image {
|
||||
// figcaption {
|
||||
// position: absolute;
|
||||
// left: 50%;
|
||||
// bottom: 0;
|
||||
// background: var(--caption-overlay-background);
|
||||
// color: var(--caption-overlay-color);
|
||||
// font: 400 var(--fs-caption)/1.2 var(--ff-note);
|
||||
// letter-spacing: 0;
|
||||
// overflow-wrap: break-word;
|
||||
// padding: 2rem .5rem .5rem !important;
|
||||
// border-radius: 2px;
|
||||
// width: 100%;
|
||||
// max-width: 100%;
|
||||
// transform: translate(-50%);
|
||||
// }
|
||||
|
||||
// a {
|
||||
// color: currentColor;
|
||||
// text-decoration: underline;
|
||||
// text-decoration-color: rgb(255 255 255 / 50%);
|
||||
// transition: text-decoration-color var(--transition-duration);
|
||||
|
||||
// &:hover {
|
||||
// text-decoration-color: rgb(255 255 255 / 80%);
|
||||
// }
|
||||
// }
|
||||
|
||||
// &:is(.is-style-rounded, .has-custom-border) {
|
||||
// figcaption {
|
||||
// bottom: .25rem;
|
||||
// border-radius: var(--layout-border-radius-small);
|
||||
// padding: .75rem .5rem .5rem !important;
|
||||
// width: max-content;
|
||||
// max-width: 75%;
|
||||
// }
|
||||
// }
|
||||
|
||||
// &.is-style-rounded:not(.has-custom-border) {
|
||||
// figcaption {
|
||||
// bottom: 1rem;
|
||||
// border-radius: var(--layout-border-radius-small) var(--layout-border-radius-small) 24px 24px;
|
||||
// padding: .75rem .5rem .5rem !important;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// &.columns-2 {
|
||||
// --min: max(128px, (100% - 1rem) / 2);
|
||||
// }
|
||||
|
||||
// &.columns-3 {
|
||||
// --min: max(128px, (100% - 2rem) / 3);
|
||||
// }
|
||||
|
||||
// &.columns-4 {
|
||||
// --min: max(128px, (100% - 3rem) / 4);
|
||||
// }
|
||||
|
||||
// &.columns-5 {
|
||||
// --min: max(128px, (100% - 4rem) / 5);
|
||||
// --fs-caption: 12px;
|
||||
// }
|
||||
|
||||
// &.columns-6 {
|
||||
// --min: max(104px, (100% - 5rem) / 6);
|
||||
// --fs-caption: 12px;
|
||||
// }
|
||||
|
||||
// &.columns-7 {
|
||||
// --min: max(80px, (100% - 6rem) / 7);
|
||||
// --fs-caption: 11px;
|
||||
// }
|
||||
|
||||
// &.columns-8 {
|
||||
// --min: max(76px, (100% - 7rem) / 8);
|
||||
// --fs-caption: 11px;
|
||||
// }
|
||||
// }
|
||||
|
||||
|
||||
|
||||
// // =============================================================================
|
||||
// // PRE BLOCK
|
||||
// // =============================================================================
|
||||
|
||||
// .wp-block-preformatted {
|
||||
// font-family: var(--ff-mono);
|
||||
// line-height: 1.7;
|
||||
// white-space: pre;
|
||||
// border-radius: var(--layout-border-radius-small);
|
||||
// padding: 1rem;
|
||||
// overflow: auto;
|
||||
// }
|
||||
|
||||
// // =============================================================================
|
||||
// // BUTTONS BLOCK
|
||||
// // =============================================================================
|
||||
|
||||
// .wp-block-buttons {
|
||||
// --focus-offset: -2px;
|
||||
// flex-direction: row;
|
||||
// flex-wrap: wrap;
|
||||
|
||||
// &:not(:last-child) {
|
||||
// margin-bottom: unquote('max(.25rem, var(--paragraph-spacing))');
|
||||
// }
|
||||
|
||||
// &.is-nowrap {
|
||||
// flex-wrap: nowrap;
|
||||
// }
|
||||
|
||||
// &.is-vertical {
|
||||
// flex-direction: column;
|
||||
// }
|
||||
|
||||
// &.is-layout-flex {
|
||||
// gap: var(--wp--style--block-gap);
|
||||
// }
|
||||
|
||||
// .wp-block-button {
|
||||
// &__width-100 {
|
||||
// flex-basis: 100%;
|
||||
// width: 100%;
|
||||
// }
|
||||
// }
|
||||
|
||||
// &:not(.is-vertical) .wp-block-button {
|
||||
// &__width-25 {
|
||||
// width: calc(25% - var(--wp--style--block-gap) * 0.75);
|
||||
|
||||
// &:first-child:last-child {
|
||||
// width: 25%;
|
||||
// }
|
||||
// }
|
||||
|
||||
// &__width-50 {
|
||||
// width: calc(50% - var(--wp--style--block-gap) * 0.5);
|
||||
|
||||
// &:first-child:last-child {
|
||||
// width: 50%;
|
||||
// }
|
||||
// }
|
||||
|
||||
// &__width-75 {
|
||||
// width: calc(75% - var(--wp--style--block-gap) * 0.25);
|
||||
|
||||
// &:first-child:last-child {
|
||||
// width: 75%;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// &.is-vertical .wp-block-button {
|
||||
// &__width-25 {
|
||||
// width: 25%;
|
||||
// }
|
||||
|
||||
// &__width-50 {
|
||||
// width: 50%;
|
||||
// }
|
||||
|
||||
// &__width-75 {
|
||||
// width: 75%;
|
||||
// }
|
||||
|
||||
// }
|
||||
// }
|
||||
|
||||
// .wp-block-button {
|
||||
// .wp-element-button {
|
||||
// @extend %button;
|
||||
// width: 100%;
|
||||
|
||||
// &:focus-visible {
|
||||
// box-shadow: var(--focus-box-shadow);
|
||||
// }
|
||||
// }
|
||||
|
||||
// &.is-style-outline {
|
||||
// .wp-element-button {
|
||||
// background: var(--button-secondary-background);
|
||||
// color: var(--button-secondary-color);
|
||||
// border: var(--button-secondary-border);
|
||||
|
||||
// &:not([disabled]):hover {
|
||||
// color: var(--button-secondary-color-hover);
|
||||
// background: var(--button-secondary-background-hover);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
&:is(.alignright, .alignleft) {
|
||||
float: none;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: unset;
|
||||
}
|
||||
}
|
||||
|
||||
@ -223,7 +223,7 @@ p a,
|
||||
}
|
||||
|
||||
.content-section {
|
||||
:where(.list, :is(ul, ol):not([class])) {
|
||||
:where(.list, :is(ul, ol):not(.chapter-group__list, .grid-columns)) {
|
||||
list-style: initial;
|
||||
padding-left: 1.75rem;
|
||||
margin: 1.5rem 0 0;
|
||||
@ -243,21 +243,21 @@ p a,
|
||||
}
|
||||
}
|
||||
|
||||
:where(.list, ul:not([class])) {
|
||||
:where(.list, ul:not(.chapter-group__list, .grid-columns)) {
|
||||
li::marker {
|
||||
color: var(--list-marker-color, var(--fg-700)); // Done
|
||||
}
|
||||
}
|
||||
|
||||
:where(ul, .list) > li > ul:not([class]) {
|
||||
:where(ul, .list) > li > ul:not(.chapter-group__list, .grid-columns) {
|
||||
list-style: circle;
|
||||
}
|
||||
|
||||
:where(ul, .list) > li > ul > li > ul:not([class]) {
|
||||
:where(ul, .list) > li > ul > li > ul:not(.chapter-group__list, .grid-columns) {
|
||||
list-style: square;
|
||||
}
|
||||
|
||||
:where(.list, ol:not([class])) {
|
||||
:where(.list, ol:not(.chapter-group__list, .grid-columns)) {
|
||||
list-style: ordered-list;
|
||||
}
|
||||
}
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
--font-saturation: 1;
|
||||
--hue-offset: 0deg; // Overridden by theme customizer
|
||||
--hue-rotate: 0deg + var(--hue-offset);
|
||||
--wp--style--block-gap: 2rem;
|
||||
--wp--style--block-gap: 1.5rem;
|
||||
|
||||
// === NAVIGATION ============================================================
|
||||
|
||||
|
||||
@ -13,7 +13,7 @@ body {
|
||||
--wp--preset--font-size--medium: var(--fs-m);
|
||||
--wp--preset--font-size--large: var(--fs-l);
|
||||
--wp--preset--font-size--x-large: var(--fs-xl);
|
||||
--wp--style--block-gap: 2em;
|
||||
--wp--style--block-gap: 1.5em;
|
||||
|
||||
font-family: var(--wp--preset--font-family--system-fonts);
|
||||
font-size: var(--fs-s);
|
||||
@ -52,6 +52,13 @@ body {
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
acronym,
|
||||
abbr {
|
||||
cursor: help;
|
||||
text-decoration: underline rgb(0 0 0 / 50%) dotted 1px;
|
||||
text-underline-offset: 0.125em;
|
||||
}
|
||||
|
||||
sup[data-fn] {
|
||||
display: inline-block;
|
||||
font-weight: 700;
|
||||
@ -81,6 +88,14 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
:is(ul, ol) {
|
||||
padding-left: 28px;
|
||||
|
||||
> li {
|
||||
--spacing-offset: -16px;
|
||||
}
|
||||
}
|
||||
|
||||
// =============================================================================
|
||||
// GENERAL
|
||||
// =============================================================================
|
||||
@ -435,14 +450,10 @@ body {
|
||||
}
|
||||
|
||||
// =============================================================================
|
||||
// EMBEDS
|
||||
// EMBEDS/VIDEO/AUDIO
|
||||
// =============================================================================
|
||||
|
||||
.wp-block-embed {
|
||||
clear: both !important;
|
||||
float: none !important;
|
||||
margin-left: auto !important;
|
||||
margin-right: auto !important;
|
||||
max-width: 500px !important;
|
||||
|
||||
&__wrapper {
|
||||
@ -451,458 +462,236 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
:is(.wp-block-video, .wp-block-audio, .wp-block-embed) {
|
||||
clear: both !important;
|
||||
float: none !important;
|
||||
margin-left: auto !important;
|
||||
margin-right: auto !important;
|
||||
}
|
||||
|
||||
// =============================================================================
|
||||
// PREFORMATTED BLOCK
|
||||
// =============================================================================
|
||||
|
||||
.wp-block-preformatted {
|
||||
font-family: var(--ff-mono);
|
||||
line-height: 1.7;
|
||||
white-space: pre-wrap;
|
||||
border-radius: var(--layout-border-radius-small);
|
||||
overflow: auto;
|
||||
|
||||
&.has-background {
|
||||
padding: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
// =============================================================================
|
||||
// LITRPG BOX
|
||||
// =============================================================================
|
||||
|
||||
.litrpg-box {
|
||||
--litrpg-background: white;
|
||||
--litrpg-color: currentColor;
|
||||
--litrpg-ins: green;
|
||||
--litrpg-del: red;
|
||||
--litrpg-polygon: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px);
|
||||
color: var(--litrpg-color);
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-size: get_relative_clamp(0.75, 0.875, 320, 480, 'vw', 'em');
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
margin: 1rem auto !important;
|
||||
max-width: 480px;
|
||||
filter: var(--litrpg-drop-shadow);
|
||||
|
||||
* {
|
||||
color: currentColor;
|
||||
letter-spacing: 0;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
:is(h1, h2, h3, h4, h5, h6) {
|
||||
font-size: 105%;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
a {
|
||||
color: currentColor;
|
||||
text-decoration: none;
|
||||
|
||||
a:hover {
|
||||
color: currentColor;
|
||||
}
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 75%;
|
||||
}
|
||||
|
||||
strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
b {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
figcaption {
|
||||
font-size: 105%;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
table {
|
||||
margin: 0 auto -0.25rem;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 0 get_relative_clamp(0.5, 0.75, 320, 480) .25rem;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: none;
|
||||
border-bottom: 1px solid currentColor;
|
||||
margin: 0;
|
||||
opacity: .25;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
dl {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
dt {
|
||||
display: inline;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
dd {
|
||||
display: inline;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
:is(ins, del) {
|
||||
display: inline-block;
|
||||
background: transparent;
|
||||
font-size: 80%;
|
||||
font-weight: 900;
|
||||
transform: translateY(-0.2em);
|
||||
text-decoration: none;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
ins {
|
||||
color: var(--litrpg-ins);
|
||||
}
|
||||
|
||||
del {
|
||||
color: var(--litrpg-del);
|
||||
}
|
||||
|
||||
:is(sub, sup) {
|
||||
display: inline-block;
|
||||
font-size: 70%;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sup {
|
||||
transform: translateY(-0.5em);
|
||||
}
|
||||
|
||||
sub {
|
||||
transform: translateY(0.3em);
|
||||
}
|
||||
|
||||
:is(ul, ol) {
|
||||
text-align: left;
|
||||
padding-left: 28px;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
li {
|
||||
&:not(:last-child) {
|
||||
margin-bottom: .25em !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.litrpg-frame {
|
||||
background: var(--litrpg-background);
|
||||
clip-path: var(--litrpg-polygon);
|
||||
margin: 0 2px;
|
||||
}
|
||||
|
||||
.litrpg-body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
padding: .75rem 0;
|
||||
margin: 0 .75rem;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
// =============================================================================
|
||||
// UTILITY
|
||||
// =============================================================================
|
||||
|
||||
.hidden {
|
||||
display: inherit !important;
|
||||
border: 1px dotted #999;
|
||||
}
|
||||
|
||||
.full-width {
|
||||
flex-basis: 100% !important;
|
||||
width: 100% !important;
|
||||
|
||||
> * {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
.no-wrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
:is(.sensitive-content, .sensitive-alternative) {
|
||||
position: relative;
|
||||
|
||||
&::before {
|
||||
pointer-events: none;
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: -2px 0 -2px 0;
|
||||
display: block;
|
||||
border-radius: 2px;
|
||||
opacity: .3;
|
||||
}
|
||||
}
|
||||
|
||||
.sensitive-content {
|
||||
&::before {
|
||||
background: #eb5247;
|
||||
}
|
||||
}
|
||||
|
||||
.sensitive-alternative {
|
||||
&::before {
|
||||
background: #77BFA3;
|
||||
}
|
||||
}
|
||||
|
||||
.spoiler {
|
||||
background: #1d2327 !important;
|
||||
color: #e6e6e6;
|
||||
border-radius: 2px;
|
||||
padding: 0 .25em;
|
||||
-webkit-box-decoration-break: clone;
|
||||
box-decoration-break: clone;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// Automatically becomes .editor-styles-wrapper
|
||||
// body {
|
||||
// font-family: var(--wp--preset--font-family--system-fonts);
|
||||
// line-height: 1.5;
|
||||
|
||||
// &.block-editor-writing-flow {
|
||||
// padding-bottom: 24px;
|
||||
// }
|
||||
|
||||
// --red: #dc2626;
|
||||
// --litrpg-background: white;
|
||||
// --litrpg-color: currentColor;
|
||||
// --litrpg-ins: #1d3eaa;
|
||||
// --litrpg-del: #be123c;
|
||||
// --litrpg-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
|
||||
// --litrpg-polygon: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px);
|
||||
|
||||
// :is(.is-root-container, .edit-post-visual-editor__post-title-wrapper) {
|
||||
// margin-left: auto;
|
||||
// margin-right: auto;
|
||||
// max-width: min(calc(100% - 16px), calc(var(--site-width) - 2 * var(--layout-spacing-horizontal)));
|
||||
// }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// :is(ul, ol) {
|
||||
// padding-left: 28px;
|
||||
|
||||
// > li {
|
||||
// &:not(:last-child) {
|
||||
// margin-bottom: 12px;
|
||||
// }
|
||||
|
||||
// > :is(ul, ol) {
|
||||
// margin: 12px 0 4px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
|
||||
|
||||
// acronym,
|
||||
// abbr {
|
||||
// cursor: help;
|
||||
// text-decoration: underline rgb(0 0 0 / 50%) dotted 1px;
|
||||
// text-underline-offset: 0.125em;
|
||||
// }
|
||||
|
||||
|
||||
|
||||
// :is(.wp-block-embed, .wp-block-audio, .wp-block-video, .wp-block-table, .wp-block-quote, .wp-block-pullquote, .wp-block-gallery, .wp-block-code, .wp-block-preformatted) {
|
||||
// clear: both;
|
||||
// }
|
||||
|
||||
// // =============================================================================
|
||||
// // UTILITY
|
||||
// // =============================================================================
|
||||
|
||||
// .hidden {
|
||||
// display: inherit !important;
|
||||
// border: 1px dotted #999;
|
||||
// }
|
||||
|
||||
// .full-width {
|
||||
// flex-basis: 100% !important;
|
||||
// width: 100% !important;
|
||||
|
||||
// > * {
|
||||
// width: 100% !important;
|
||||
// }
|
||||
// }
|
||||
|
||||
// .no-wrap {
|
||||
// white-space: nowrap;
|
||||
// }
|
||||
|
||||
// :is(.sensitive-content, .sensitive-alternative) {
|
||||
// position: relative;
|
||||
|
||||
// &::before {
|
||||
// pointer-events: none;
|
||||
// content: '';
|
||||
// position: absolute;
|
||||
// inset: -2px 0 -2px 0;
|
||||
// display: block;
|
||||
// border-radius: 2px;
|
||||
// opacity: .3;
|
||||
// }
|
||||
// }
|
||||
|
||||
// .sensitive-content {
|
||||
// &::before {
|
||||
// background: #eb5247;
|
||||
// }
|
||||
// }
|
||||
|
||||
// .sensitive-alternative {
|
||||
// &::before {
|
||||
// background: #77BFA3;
|
||||
// }
|
||||
// }
|
||||
|
||||
// .spoiler {
|
||||
// background: #1d2327 !important;
|
||||
// color: #e6e6e6;
|
||||
// border-radius: 2px;
|
||||
// padding: 0 .25em;
|
||||
// -webkit-box-decoration-break: clone;
|
||||
// box-decoration-break: clone;
|
||||
// }
|
||||
|
||||
// // =============================================================================
|
||||
// // BUTTONS BLOCK
|
||||
// // =============================================================================
|
||||
|
||||
// .wp-block-button {
|
||||
// .wp-element-button {
|
||||
// cursor: pointer;
|
||||
// user-select: none;
|
||||
// -webkit-appearance: none;
|
||||
// appearance: none;
|
||||
// display: flex;
|
||||
// gap: 0 6px;
|
||||
// flex-shrink: 0;
|
||||
// align-items: center;
|
||||
// justify-content: center;
|
||||
// background: #32373c;
|
||||
// color: #fff;
|
||||
// font-size: 12px;
|
||||
// font-weight: 400;
|
||||
// line-height: 1;
|
||||
// letter-spacing: 0.04em;
|
||||
// white-space: nowrap;
|
||||
// border: none;
|
||||
// border-radius: 2px;
|
||||
// padding: 0 8px;
|
||||
// height: 32px;
|
||||
// width: fit-content;
|
||||
// min-width: 32px;
|
||||
// }
|
||||
|
||||
// &.is-style-outline {
|
||||
// .wp-element-button {
|
||||
// background: transparent;
|
||||
// color: #1d2327;
|
||||
// border: .5px solid #32373c;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// // =============================================================================
|
||||
// // GALLERY
|
||||
// // =============================================================================
|
||||
|
||||
// .wp-block-gallery {
|
||||
// --min: max(128px, (100% - 3 * 16px) / 4); // Assume 4 columns as default
|
||||
// --fs-caption: 13px;
|
||||
// display: grid !important; // Override WP
|
||||
// align-items: unset !important; // Override WP
|
||||
// grid-template-columns: repeat(auto-fit, minmax(var(--min), 1fr));
|
||||
// gap: 16px !important; // Override WP
|
||||
// margin-left: 0;
|
||||
// margin-right: 0;
|
||||
|
||||
// > :is(figure, figcaption, div, img, a) {
|
||||
// margin-top: 0 !important;
|
||||
// margin-bottom: 0 !important;
|
||||
// }
|
||||
|
||||
// figure {
|
||||
// position: relative;
|
||||
// width: 100% !important;
|
||||
// }
|
||||
|
||||
// .blocks-gallery-caption {
|
||||
// grid-column: 1 / -1;
|
||||
// padding-top: 0;
|
||||
// }
|
||||
|
||||
// img {
|
||||
// height: 100% !important;
|
||||
// width: 100% !important;
|
||||
// object-fit: cover;
|
||||
// }
|
||||
|
||||
// .wp-block-image {
|
||||
// figcaption {
|
||||
// position: absolute;
|
||||
// left: 50% !important;
|
||||
// bottom: 0 !important;
|
||||
// background: var(--caption-overlay-background);
|
||||
// color: #fff;
|
||||
// font: 400 var(--fs-caption)/1.2 var(--ff-note);
|
||||
// letter-spacing: 0;
|
||||
// overflow-wrap: break-word;
|
||||
// padding: 2rem .5rem .5rem !important;
|
||||
// border-radius: 2px;
|
||||
// width: 100%;
|
||||
// max-width: 100%;
|
||||
// transform: translate(-50%);
|
||||
// }
|
||||
|
||||
// a {
|
||||
// color: currentColor;
|
||||
// text-decoration: underline;
|
||||
// text-decoration-color: rgb(255 255 255 / 50%);
|
||||
// transition: text-decoration-color var(--transition-duration);
|
||||
|
||||
// &:hover {
|
||||
// text-decoration-color: rgb(255 255 255 / 80%);
|
||||
// }
|
||||
// }
|
||||
|
||||
// &:not(.is-style-rounded, .has-custom-border) img {
|
||||
// border-radius: 2px;
|
||||
// }
|
||||
|
||||
// &:is(.is-style-rounded, .has-custom-border) {
|
||||
// figcaption {
|
||||
// position: absolute !important;
|
||||
// bottom: 4px !important;
|
||||
// background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 70%, transparent) !important;
|
||||
// color: #fff !important;
|
||||
// padding: 12px 8px 8px !important;
|
||||
// border-radius: 2px;
|
||||
// width: max-content;
|
||||
// max-width: 75%;
|
||||
// }
|
||||
// }
|
||||
|
||||
// &.is-style-rounded:not(.has-custom-border) {
|
||||
// figcaption {
|
||||
// bottom: 16px !important;
|
||||
// border-radius: 2px 2px 24px 24px;
|
||||
// padding: 12px 8px 8px !important;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// &.columns-2 {
|
||||
// --min: max(128px, (100% - 16px) / 2);
|
||||
// }
|
||||
|
||||
// &.columns-3 {
|
||||
// --min: max(128px, (100% - 2 * 16px) / 3);
|
||||
// }
|
||||
|
||||
// &.columns-4 {
|
||||
// --min: max(128px, (100% - 3 * 16px) / 4);
|
||||
// }
|
||||
|
||||
// &.columns-5 {
|
||||
// --min: max(128px, (100% - 4 * 16px) / 5);
|
||||
// --fs-caption: 12px;
|
||||
// }
|
||||
|
||||
// &.columns-6 {
|
||||
// --min: max(104px, (100% - 5 * 16px) / 6);
|
||||
// --fs-caption: 12px;
|
||||
// }
|
||||
|
||||
// &.columns-7 {
|
||||
// --min: max(80px, (100% - 6 * 16px) / 7);
|
||||
// --fs-caption: 11px;
|
||||
// }
|
||||
|
||||
// &.columns-8 {
|
||||
// --min: max(76px, (100% - 7 * 16px) / 8);
|
||||
// --fs-caption: 11px;
|
||||
// }
|
||||
// }
|
||||
|
||||
// // =============================================================================
|
||||
// // PREFORMATTED BLOCK
|
||||
// // =============================================================================
|
||||
|
||||
// .wp-block-preformatted {
|
||||
// font-family: var(--ff-mono);
|
||||
// line-height: 1.7;
|
||||
// white-space: pre;
|
||||
// border-radius: var(--layout-border-radius-small);
|
||||
// padding: 1rem;
|
||||
// overflow: auto;
|
||||
// }
|
||||
|
||||
// // =============================================================================
|
||||
// // LITRPG BOX
|
||||
// // =============================================================================
|
||||
|
||||
// .litrpg-box {
|
||||
// color: var(--litrpg-color);
|
||||
// font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,Cantarell, "Helvetica Neue", sans-serif;
|
||||
// font-size: get_relative_clamp(0.75, 0.875, 320, 480, 'vw', 'em');
|
||||
// font-weight: 400;
|
||||
// text-align: center;
|
||||
// margin: 1rem auto !important;
|
||||
// max-width: 480px;
|
||||
// filter: var(--litrpg-drop-shadow);
|
||||
|
||||
// * {
|
||||
// color: currentColor;
|
||||
// letter-spacing: 0;
|
||||
// line-height: 1.5;
|
||||
// }
|
||||
|
||||
// :is(h1, h2, h3, h4, h5, h6) {
|
||||
// font-size: 105%;
|
||||
// font-weight: 700;
|
||||
// text-align: center;
|
||||
// text-transform: uppercase;
|
||||
// margin: 0 !important;
|
||||
// }
|
||||
|
||||
// a {
|
||||
// color: currentColor;
|
||||
// text-decoration: none;
|
||||
|
||||
// a:hover {
|
||||
// color: currentColor;
|
||||
// }
|
||||
// }
|
||||
|
||||
// small {
|
||||
// font-size: 75%;
|
||||
// }
|
||||
|
||||
// strong {
|
||||
// font-weight: 600;
|
||||
// }
|
||||
|
||||
// b {
|
||||
// font-weight: 500;
|
||||
// }
|
||||
|
||||
// figcaption {
|
||||
// font-size: 105%;
|
||||
// font-weight: 700;
|
||||
// text-transform: uppercase;
|
||||
// }
|
||||
|
||||
// table {
|
||||
// margin: 0 auto -0.25rem;
|
||||
// }
|
||||
|
||||
// td {
|
||||
// padding: 0 get_relative_clamp(0.5, 0.75, 320, 480) .25rem;
|
||||
// }
|
||||
|
||||
// hr {
|
||||
// border: none;
|
||||
// border-bottom: 1px solid currentColor;
|
||||
// margin: 0;
|
||||
// opacity: .25;
|
||||
// }
|
||||
|
||||
// p {
|
||||
// margin: 0 !important;
|
||||
// }
|
||||
|
||||
// dl {
|
||||
// margin: 0;
|
||||
// }
|
||||
|
||||
// dt {
|
||||
// display: inline;
|
||||
// font-weight: 600;
|
||||
// }
|
||||
|
||||
// dd {
|
||||
// display: inline;
|
||||
// margin: 0;
|
||||
// }
|
||||
|
||||
// :is(ins, del) {
|
||||
// display: inline-block;
|
||||
// background: transparent;
|
||||
// font-size: 80%;
|
||||
// font-weight: 900;
|
||||
// transform: translateY(-0.2em);
|
||||
// text-decoration: none;
|
||||
// vertical-align: baseline;
|
||||
// }
|
||||
|
||||
// ins {
|
||||
// color: var(--litrpg-ins);
|
||||
// }
|
||||
|
||||
// del {
|
||||
// color: var(--litrpg-del);
|
||||
// }
|
||||
|
||||
// :is(sub, sup) {
|
||||
// display: inline-block;
|
||||
// font-size: 70%;
|
||||
// vertical-align: baseline;
|
||||
// }
|
||||
|
||||
// sup {
|
||||
// transform: translateY(-0.5em);
|
||||
// }
|
||||
|
||||
// sub {
|
||||
// transform: translateY(0.3em);
|
||||
// }
|
||||
|
||||
// :is(ul, ol) {
|
||||
// text-align: left;
|
||||
// padding-left: 28px;
|
||||
// margin: 0 !important;
|
||||
// }
|
||||
|
||||
// li {
|
||||
// &:not(:last-child) {
|
||||
// margin-bottom: .25em !important;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// .litrpg-frame {
|
||||
// background: var(--litrpg-background);
|
||||
// clip-path: var(--litrpg-polygon);
|
||||
// margin: 0 2px;
|
||||
// }
|
||||
|
||||
// .litrpg-body {
|
||||
// display: flex;
|
||||
// flex-direction: column;
|
||||
// gap: 1rem;
|
||||
// padding: .75rem 0;
|
||||
// margin: 0 .75rem;
|
||||
// overflow: auto;
|
||||
// }
|
||||
// }
|
||||
|
||||
23
theme.json
23
theme.json
@ -24,7 +24,6 @@
|
||||
"sticky": false
|
||||
},
|
||||
"spacing": {
|
||||
"blockGap": null,
|
||||
"margin": false,
|
||||
"padding": false,
|
||||
"units": ["px", "em", "rem"],
|
||||
@ -99,6 +98,28 @@
|
||||
"padding": false,
|
||||
"units": ["px", "em", "rem"]
|
||||
}
|
||||
},
|
||||
"core/buttons": {
|
||||
"spacing": {
|
||||
"blockGap": true,
|
||||
"padding": true,
|
||||
"units": ["px", "em", "rem"]
|
||||
}
|
||||
},
|
||||
"core/button": {
|
||||
"color": {
|
||||
"link": true
|
||||
},
|
||||
"spacing": {
|
||||
"padding": true,
|
||||
"margin": true,
|
||||
"units": ["px", "em", "rem"]
|
||||
}
|
||||
},
|
||||
"core/file": {
|
||||
"color": {
|
||||
"background": false
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user