Color compatibility with new palette from Blocksy 2.0.0.
This commit is contained in:
mateuswetah
parent
2a5c00aaea
commit
832ee773ed
|
|
@ -0,0 +1,119 @@
|
|||
/**
|
||||
* This file holds compatibility logic due to the renaming of css variables in Blocksy 2.0.0
|
||||
*/
|
||||
:root {
|
||||
--paletteColor1: var(--theme-palette-color-1);
|
||||
--paletteColor2: var(--theme-palette-color-2);
|
||||
--paletteColor3: var(--theme-palette-color-3);
|
||||
--paletteColor4: var(--theme-palette-color-4);
|
||||
--paletteColor5: var(--theme-palette-color-5);
|
||||
--paletteColor6: var(--theme-palette-color-6);
|
||||
--paletteColor7: var(--theme-palette-color-7);
|
||||
--paletteColor8: var(--theme-palette-color-8);
|
||||
--fontFamily: var(--theme-font-family);
|
||||
--fontSize: var(--theme-font-size);
|
||||
--fontWeight: var(--theme-font-weight);
|
||||
--fontStyle: var(--theme-font-style);
|
||||
--lineHeight: var(--theme-line-height);
|
||||
--letterSpacing: var(--theme-letter-spacing);
|
||||
--textTransform: var(--theme-text-transform);
|
||||
--textDecoration: var(--theme-text-decoration);
|
||||
--buttonFontFamily: var(--theme-button-font-family);
|
||||
--buttonFontSize: var(--theme-button-font-size);
|
||||
--buttonFontWeight: var(--theme-button-font-weight);
|
||||
--buttonFontStyle: var(--theme-button-font-style);
|
||||
--buttonLineHeight: var(--theme-button-line-height);
|
||||
--buttonLetterSpacing: var(--theme-button-letter-spacing);
|
||||
--buttonTextTransform: var(--theme-button-text-transform);
|
||||
--buttonTextDecoration: var(--theme-button-text-decoration);
|
||||
--color: var(--theme-text-color);
|
||||
--linkInitialColor: var(--theme-link-initial-color);
|
||||
--linkHoverColor: var(--theme-link-hover-color);
|
||||
--linkActiveColor: var(--theme-link-active-color);
|
||||
--selectionTextColor: var(--theme-selection-text-color);
|
||||
--selectionBackgroundColor: var(--theme-selection-background-color);
|
||||
--buttonMinHeight: var(--theme-button-min-height);
|
||||
--button-width: var(--theme-button-max-width);
|
||||
--buttonShadow: var(--theme-button-shadow);
|
||||
--buttonTransform: var(--theme-button-transform);
|
||||
--buttonTextInitialColor: var(--theme-button-text-initial-color);
|
||||
--buttonTextHoverColor: var(--theme-button-text-hover-color);
|
||||
--buttonInitialColor: var(--theme-button-background-initial-color);
|
||||
--buttonHoverColor: var(--theme-button-background-hover-color);
|
||||
--button-border: var(--theme-button-border);
|
||||
--button-border-hover-color: var(--theme-button-border-hover-color);
|
||||
--buttonBorderRadius: var(--theme-button-border-radius);
|
||||
--button-padding: var(--theme-button-padding);
|
||||
--form-font-size: var(--theme-form-font-size);
|
||||
--form-field-width: var(--theme-form-field-width);
|
||||
--form-field-height: var(--theme-form-field-height);
|
||||
--form-field-padding: var(--theme-form-field-padding);
|
||||
--form-field-border-width: var(--theme-form-field-border-width);
|
||||
--form-field-border-style: var(--theme-form-field-border-style);
|
||||
--form-text-initial-color: var(--theme-form-text-initial-color);
|
||||
--form-text-focus-color: var(--theme-form-text-focus-color);
|
||||
--form-field-border-initial-color: var(--theme-form-field-border-initial-color);
|
||||
--form-field-border-focus-color: var(--theme-form-field-border-focus-color);
|
||||
--form-field-border-radius: var(--theme-form-field-border-radius);
|
||||
--form-field-initial-background: var(--theme-form-field-background-initial-color);
|
||||
--form-field-focus-background: var(--theme-form-field-background-focus-color);
|
||||
--form-field-select-initial-background: var(--theme-form-select-background-initial-color);
|
||||
--form-field-select-active-background: var(--theme-form-select-background-active-color);
|
||||
--form-checkbox-border-radius: var(--theme-form-checkbox-border-radius);
|
||||
--form-selection-control-initial-color: var(--theme-form-selection-field-initial-color);
|
||||
--form-selection-control-accent-color: var(--theme-form-selection-field-active-color);
|
||||
--headings-color: var(--theme-headings-color);
|
||||
--headingColor: var(--theme-heading-color);
|
||||
--heading-color: var(--theme-heading-color);
|
||||
--heading-1-color: var(--theme-heading-1-color);
|
||||
--heading-2-color: var(--theme-heading-2-color);
|
||||
--heading-3-color: var(--theme-heading-3-color);
|
||||
--heading-4-color: var(--theme-heading-4-color);
|
||||
--heading-5-color: var(--theme-heading-5-color);
|
||||
--heading-6-color: var(--theme-heading-6-color);
|
||||
--boxShadow: var(--theme-box-shadow);
|
||||
--box-shadow: var(--theme-box-shadow);
|
||||
--border-color: var(--theme-border-color);
|
||||
--borderRadius: var(--theme-border-radius);
|
||||
--border: var(--theme-border);
|
||||
--borderTop: var(--theme-border-top);
|
||||
--borderBottom: var(--theme-border-bottom);
|
||||
--wide-offset: var(--theme-wide-offset);
|
||||
--content-spacing: var(--theme-content-spacing);
|
||||
--has-content-spacing: var(--has-theme-content-spacing);
|
||||
--boxed-content-spacing: var(--theme-boxed-content-spacing);
|
||||
--content-vertical-spacing: var(--theme-content-vertical-spacing);
|
||||
--container-edge-spacing: var(--theme-container-edge-spacing);
|
||||
--container-width: var(--theme-container-width);
|
||||
--container-width-base: var(--theme-container-width-base);
|
||||
--normal-container-max-width: var(--theme-normal-container-max-width);
|
||||
--narrow-container-max-width: var(--theme-narrow-container-max-width);
|
||||
--frame-size: var(--theme-frame-size);
|
||||
--frame-color: var(--theme-frame-color);
|
||||
--block-width: var(--theme-block-width);
|
||||
--block-max-width: var(--theme-block-max-width);
|
||||
--block-wide-max-width: var(--theme-block-wide-max-width);
|
||||
--boxed-content-max-width: var(--theme-boxed-content-max-width);
|
||||
--listIndent: var(--theme-list-indent);
|
||||
--listStyleType: var(--theme-list-style-type);
|
||||
--listItemSpacing: var(--theme-list-items-spacing);
|
||||
--descListIndent: var(--theme-description-list-indent);
|
||||
--descListSpacing: var(--theme-description-list-spacing);
|
||||
--table-font-size: var(--theme-table-font-size);
|
||||
--table-border-width: var(--theme-table-border-width);
|
||||
--table-border-style: var(--theme-table-border-style);
|
||||
--table-border-color: var(--theme-table-border-color);
|
||||
--table-padding: var(--theme-table-padding);
|
||||
--transition: var(--theme-transition);
|
||||
--default-editor: var(--theme-default-editor);
|
||||
--icon-size: var(--theme-icon-size);
|
||||
--icon-color: var(--theme-icon-color);
|
||||
--icon-hover-color: var(--theme-icon-hover-color);
|
||||
--icon-focus-color: var(--theme-icon-focus-color);
|
||||
--icon-active-color: var(--theme-icon-active-color);
|
||||
--icon-transition: var(--theme-icon-transition);
|
||||
--object-fit: var(--theme-object-fit);
|
||||
--object-position: var(--theme-object-position);
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=compat.css.map */
|
||||
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
|
|
@ -17,6 +17,15 @@ function tainacan_blocksy_enqueue_scripts() {
|
|||
TAINACAN_BLOCKSY_VERSION
|
||||
);
|
||||
|
||||
/* Enqueues compatibility stylesheet due to variables renaming on Blocksy 2.0.0 */
|
||||
$blocksy_theme_version = is_child_theme() ? wp_get_theme()->parent()->get( 'Version' ) : wp_get_theme()->get( 'Version' );
|
||||
if ( $blocksy_theme_version > '1.9' ) {
|
||||
wp_enqueue_style( 'tainacan-blocksy-compatibility-style',
|
||||
TAINACAN_BLOCKSY_PLUGIN_URL_PATH . '/compat.min.css',
|
||||
TAINACAN_BLOCKSY_VERSION
|
||||
);
|
||||
}
|
||||
|
||||
// This should only happen if we have Tainacan plugin installed
|
||||
if ( defined ('TAINACAN_VERSION') ) {
|
||||
|
||||
|
|
@ -150,9 +159,9 @@ add_action( 'wp_head', 'tainacan_blocksy_gallery_light_color_scheme');
|
|||
function tainacan_blocksy_add_background_color_variable($args) {
|
||||
|
||||
$site_background_fallback = array(
|
||||
'desktop' => 'var(--paletteColor7, #ffffff)',
|
||||
'tablet' => 'var(--paletteColor7, #ffffff)',
|
||||
'mobile' => 'var(--paletteColor7, #ffffff)'
|
||||
'desktop' => 'var(--theme-palette-color-7, var(--paletteColor7, #ffffff))',
|
||||
'tablet' => 'var(--theme-palette-color-7, var(--paletteColor7, #ffffff))',
|
||||
'mobile' => 'var(--theme-palette-color-7, var(--paletteColor7, #ffffff))'
|
||||
);
|
||||
$site_background = get_theme_mod( 'site_background', $site_background_fallback );
|
||||
|
||||
|
|
|
|||
|
|
@ -29,9 +29,9 @@ $options = [
|
|||
'color1' => [ 'color' => 'var(--background-color, #f8f9fb)' ],
|
||||
'color2' => [ 'color' => 'var(--cardBackground, #ffffff)' ],
|
||||
'color3' => [ 'color' => 'var(--cardBackground, #ffffff)' ],
|
||||
'color4' => [ 'color' => 'var(--form-field-initial-background, #ffffff)' ],
|
||||
'color5' => [ 'color' => 'var(--form-field-border-initial-color, #e0e5eb)' ],
|
||||
'color6' => [ 'color' => 'var(--form-field-border-initial-color, #e0e5eb)' ],
|
||||
'color4' => [ 'color' => 'var(--theme-form-field-background-initial-color, var(--form-field-background-initial-color, #ffffff))' ],
|
||||
'color5' => [ 'color' => 'var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb))' ],
|
||||
'color6' => [ 'color' => 'var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb))' ],
|
||||
|
||||
'current_palette' => 'palette-1',
|
||||
],
|
||||
|
|
@ -42,9 +42,9 @@ $options = [
|
|||
'color1' => [ 'color' => 'var(--background-color, #f8f9fb)' ],
|
||||
'color2' => [ 'color' => 'var(--cardBackground, #ffffff)' ],
|
||||
'color3' => [ 'color' => 'var(--cardBackground, #ffffff)' ],
|
||||
'color4' => [ 'color' => 'var(--form-field-initial-background, #ffffff)' ],
|
||||
'color5' => [ 'color' => 'var(--form-field-border-initial-color, #e0e5eb)' ],
|
||||
'color6' => [ 'color' => 'var(--form-field-border-initial-color, #e0e5eb)' ],
|
||||
'color4' => [ 'color' => 'var(--theme-form-field-background-initial-color, var(--form-field-background-initial-color, #ffffff))' ],
|
||||
'color5' => [ 'color' => 'var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb))' ],
|
||||
'color6' => [ 'color' => 'var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb))' ],
|
||||
|
||||
],
|
||||
|
||||
|
|
@ -91,21 +91,21 @@ $options = [
|
|||
'data-label' => 'heading-label'
|
||||
],
|
||||
'value' => [
|
||||
'color1' => [ 'color' => 'var(--paletteColor1,#3eaf7c)' ],
|
||||
'color2' => [ 'color' => 'var(--headingColor, rgba(44, 62, 80, 1))' ],
|
||||
'color3' => [ 'color' => 'var(--color, #454647)' ],
|
||||
'color4' => [ 'color' => '#555758' ],
|
||||
'color5' => [ 'color' => 'var(--formTextInitialColor, #454647)' ],
|
||||
'color1' => [ 'color' => 'var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c))' ],
|
||||
'color2' => [ 'color' => 'var(--theme-heading-color, var(--headingColor, rgba(44, 62, 80, 1)))' ],
|
||||
'color3' => [ 'color' => 'var(--theme-text-color, var(--color, #373839))' ],
|
||||
'color4' => [ 'color' => '#505253' ],
|
||||
'color5' => [ 'color' => 'var(--theme-form-text-initial-color, var(--formTextInitialColor, #373839))' ],
|
||||
'current_palette' => 'palette-1'
|
||||
],
|
||||
'palettes' => [
|
||||
[
|
||||
'id' => 'palette-1',
|
||||
'color1' => [ 'color' => 'var(--paletteColor1,#3eaf7c)' ],
|
||||
'color2' => [ 'color' => 'var(--headingColor, rgba(44, 62, 80, 1))' ],
|
||||
'color3' => [ 'color' => 'var(--color, #454647)' ],
|
||||
'color4' => [ 'color' => '#555758' ],
|
||||
'color5' => [ 'color' => 'var(--formTextInitialColor, #454647)' ]
|
||||
'color1' => [ 'color' => 'var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c))' ],
|
||||
'color2' => [ 'color' => 'var(--theme-heading-color, var(--headingColor, rgba(44, 62, 80, 1)))' ],
|
||||
'color3' => [ 'color' => 'var(--theme-text-color, var(--color, #373839))' ],
|
||||
'color4' => [ 'color' => '#505253' ],
|
||||
'color5' => [ 'color' => 'var(--theme-form-text-initial-color, var(--formTextInitialColor, #373839))' ]
|
||||
|
||||
],
|
||||
|
||||
|
|
@ -136,7 +136,8 @@ $options = [
|
|||
];
|
||||
|
||||
/* Backwards compatibility with previous palette settings */
|
||||
if ( wp_get_theme()->get('Version') <= '1.9' ) {
|
||||
$blocksy_theme_version = is_child_theme() ? wp_get_theme()->parent()->get( 'Version' ) : wp_get_theme()->get( 'Version' );
|
||||
if ( $blocksy_theme_version <= '1.9' ) {
|
||||
|
||||
$options[$prefix . 'items_list_background_palette']['value']['palettes'] = $options[$prefix . 'items_list_background_palette']['palettes'];
|
||||
unset($options[$prefix . 'items_list_background_palette']['palettes']);
|
||||
|
|
|
|||
|
|
@ -15,9 +15,9 @@ $inner_options = [
|
|||
'data-label' => 'media-component-colors'
|
||||
],
|
||||
'value' => [
|
||||
'color1' => [ 'color' => 'var(--paletteColor6, #edeff2)' ],
|
||||
'color2' => [ 'color' => 'var(--paletteColor4, #2c3e50)' ],
|
||||
'color3' => [ 'color' => 'var(--paletteColor1, #3eaf7c)' ],
|
||||
'color1' => [ 'color' => 'var(--theme-palette-color-6, var(--paletteColor6, #edeff2))' ],
|
||||
'color2' => [ 'color' => 'var(--theme-palette-color-4, var(--paletteColor4, 2c3e50))' ],
|
||||
'color3' => [ 'color' => 'var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c))' ],
|
||||
|
||||
'current_palette' => 'palette-1',
|
||||
],
|
||||
|
|
@ -25,18 +25,18 @@ $inner_options = [
|
|||
[
|
||||
'id' => 'palette-1',
|
||||
|
||||
'color1' => [ 'color' => 'var(--paletteColor6, #edeff2)' ],
|
||||
'color2' => [ 'color' => 'var(--paletteColor4, #2c3e50)' ],
|
||||
'color3' => [ 'color' => 'var(--paletteColor1, #3eaf7c)' ]
|
||||
'color1' => [ 'color' => 'var(--theme-palette-color-6, var(--paletteColor6, #edeff2))' ],
|
||||
'color2' => [ 'color' => 'var(--theme-palette-color-4, var(--paletteColor4, 2c3e50))' ],
|
||||
'color3' => [ 'color' => 'var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c))' ]
|
||||
|
||||
],
|
||||
|
||||
[
|
||||
'id' => 'palette-2',
|
||||
|
||||
'color1' => [ 'color' => 'var(--paletteColor3, #415161)' ],
|
||||
'color2' => [ 'color' => 'var(--paletteColor4, #2c3e50)' ],
|
||||
'color3' => [ 'color' => 'var(--paletteColor6, #edeff2)' ]
|
||||
'color1' => [ 'color' => 'var(--theme-palette-color-3, var(--paletteColor3, #415161))' ],
|
||||
'color2' => [ 'color' => 'var(--theme-palette-color-4, var(--paletteColor4, 2c3e50))' ],
|
||||
'color3' => [ 'color' => 'var(--theme-palette-color-6, var(--paletteColor6, #edeff2))' ]
|
||||
|
||||
]
|
||||
],
|
||||
|
|
|
|||
|
|
@ -467,27 +467,27 @@ $options = [
|
|||
'title' => __( 'Initial', 'blocksy' ),
|
||||
'id' => 'default',
|
||||
'inherit' => [
|
||||
'var(--heading-1-color, var(--headings-color))' => [
|
||||
'var(--theme-heading-1-color, var(--theme-headings-color, var(--headings-color)))' => [
|
||||
$prefix . 'archive_order:array-ids:title:heading_tag' => 'h1'
|
||||
],
|
||||
|
||||
'var(--heading-2-color, var(--headings-color))' => [
|
||||
'var(--theme-heading-2-color, var(--theme-headings-color, var(--headings-color)))' => [
|
||||
$prefix . 'archive_order:array-ids:title:heading_tag' => 'h2'
|
||||
],
|
||||
|
||||
'var(--heading-3-color, var(--headings-color))' => [
|
||||
'var(--theme-heading-3-color, var(--theme-headings-color, var(--headings-color)))' => [
|
||||
$prefix . 'archive_order:array-ids:title:heading_tag' => 'h3'
|
||||
],
|
||||
|
||||
'var(--heading-4-color, var(--headings-color))' => [
|
||||
'var(--theme-heading-4-color, var(--theme-headings-color, var(--headings-color)))' => [
|
||||
$prefix . 'archive_order:array-ids:title:heading_tag' => 'h4'
|
||||
],
|
||||
|
||||
'var(--heading-5-color, var(--headings-color))' => [
|
||||
'var(--theme-heading-5-color, var(--theme-headings-color, var(--headings-color)))' => [
|
||||
$prefix . 'archive_order:array-ids:title:heading_tag' => 'h5'
|
||||
],
|
||||
|
||||
'var(--heading-6-color, var(--headings-color))' => [
|
||||
'var(--theme-heading-6-color, var(--theme-headings-color, var(--headings-color)))' => [
|
||||
$prefix . 'archive_order:array-ids:title:heading_tag' => 'h6'
|
||||
]
|
||||
]
|
||||
|
|
@ -496,7 +496,7 @@ $options = [
|
|||
[
|
||||
'title' => __( 'Hover', 'blocksy' ),
|
||||
'id' => 'hover',
|
||||
'inherit' => 'var(--linkHoverColor)'
|
||||
'inherit' => 'var(--theme-link-hover-color, var(--link-hover-color))'
|
||||
],
|
||||
],
|
||||
],
|
||||
|
|
@ -526,7 +526,7 @@ $options = [
|
|||
'label' => __( 'Excerpt Color', 'blocksy' ),
|
||||
'type' => 'ct-color-picker',
|
||||
'design' => 'inline',
|
||||
'noColor' => [ 'background' => 'var(--color)'],
|
||||
'noColor' => [ 'background' => 'var(--theme-text-color, var(--color))'],
|
||||
'sync' => 'live',
|
||||
'value' => [
|
||||
'default' => [
|
||||
|
|
@ -538,7 +538,7 @@ $options = [
|
|||
[
|
||||
'title' => __( 'Initial', 'blocksy' ),
|
||||
'id' => 'default',
|
||||
'inherit' => 'var(--color)'
|
||||
'inherit' => 'var(--theme-text-color, var(--color))'
|
||||
],
|
||||
],
|
||||
],
|
||||
|
|
@ -569,7 +569,7 @@ $options = [
|
|||
'label' => __( 'Meta Font Color', 'blocksy' ),
|
||||
'type' => 'ct-color-picker',
|
||||
'design' => 'inline',
|
||||
'noColor' => [ 'background' => 'var(--color)'],
|
||||
'noColor' => [ 'background' => 'var(--theme-text-color, var(--color))'],
|
||||
'sync' => 'live',
|
||||
'value' => [
|
||||
'default' => [
|
||||
|
|
@ -585,13 +585,13 @@ $options = [
|
|||
[
|
||||
'title' => __( 'Initial', 'blocksy' ),
|
||||
'id' => 'default',
|
||||
'inherit' => 'var(--color)'
|
||||
'inherit' => 'var(--theme-text-color, var(--color))'
|
||||
],
|
||||
|
||||
[
|
||||
'title' => __( 'Hover', 'blocksy' ),
|
||||
'id' => 'hover',
|
||||
'inherit' => 'var(--linkHoverColor)'
|
||||
'inherit' => 'var(--theme-link-hover-color, var(--link-hover-color))'
|
||||
],
|
||||
],
|
||||
],
|
||||
|
|
@ -605,7 +605,7 @@ $options = [
|
|||
'type' => 'ct-color-picker',
|
||||
'design' => 'inline',
|
||||
'divider' => 'top',
|
||||
'noColor' => [ 'background' => 'var(--color)'],
|
||||
'noColor' => [ 'background' => 'var(--theme-text-color, var(--color))'],
|
||||
'sync' => 'live',
|
||||
'value' => [
|
||||
'default' => [
|
||||
|
|
@ -621,13 +621,13 @@ $options = [
|
|||
[
|
||||
'title' => __( 'Initial', 'blocksy' ),
|
||||
'id' => 'default',
|
||||
'inherit' => 'var(--buttonTextInitialColor)'
|
||||
'inherit' => 'var(--theme-button-text-initial-color, var(--buttonInitialColor))'
|
||||
],
|
||||
|
||||
[
|
||||
'title' => __( 'Hover', 'blocksy' ),
|
||||
'id' => 'hover',
|
||||
'inherit' => 'var(--buttonTextHoverColor)'
|
||||
'inherit' => 'var(--theme-button-text-hover-color, var(--buttonHoverColor))'
|
||||
],
|
||||
],
|
||||
],
|
||||
|
|
@ -636,7 +636,7 @@ $options = [
|
|||
'label' => __( 'Meta Button Background', 'blocksy' ),
|
||||
'type' => 'ct-color-picker',
|
||||
'design' => 'inline',
|
||||
'noColor' => [ 'background' => 'var(--color)'],
|
||||
'noColor' => [ 'background' => 'var(--theme-text-color, var(--color))'],
|
||||
'sync' => 'live',
|
||||
'value' => [
|
||||
'default' => [
|
||||
|
|
@ -652,13 +652,13 @@ $options = [
|
|||
[
|
||||
'title' => __( 'Initial', 'blocksy' ),
|
||||
'id' => 'default',
|
||||
'inherit' => 'var(--buttonInitialColor)'
|
||||
'inherit' => 'var(--theme-button-background-initial-color, var(--buttonInitialColor))'
|
||||
],
|
||||
|
||||
[
|
||||
'title' => __( 'Hover', 'blocksy' ),
|
||||
'id' => 'hover',
|
||||
'inherit' => 'var(--buttonHoverColor)'
|
||||
'inherit' => 'var(--theme-button-background-hover-color, var(--buttonHoverColor))'
|
||||
],
|
||||
],
|
||||
],
|
||||
|
|
@ -697,13 +697,13 @@ $options = [
|
|||
[
|
||||
'title' => __( 'Initial', 'blocksy' ),
|
||||
'id' => 'default',
|
||||
'inherit' => 'var(--linkInitialColor)'
|
||||
'inherit' => 'var(--theme-link-initial-color, var(--linkInitialColor))'
|
||||
],
|
||||
|
||||
[
|
||||
'title' => __( 'Hover', 'blocksy' ),
|
||||
'id' => 'hover',
|
||||
'inherit' => 'var(--linkHoverColor)'
|
||||
'inherit' => 'var(--theme-link-hover-color, var(--linkHoverColor))'
|
||||
],
|
||||
],
|
||||
],
|
||||
|
|
@ -743,13 +743,13 @@ $options = [
|
|||
[
|
||||
'title' => __( 'Initial', 'blocksy' ),
|
||||
'id' => 'default',
|
||||
'inherit' => 'var(--buttonTextInitialColor)'
|
||||
'inherit' => 'var(--theme-button-text-initial-color, var(--buttonInitialColor))'
|
||||
],
|
||||
|
||||
[
|
||||
'title' => __( 'Hover', 'blocksy' ),
|
||||
'id' => 'hover',
|
||||
'inherit' => 'var(--buttonTextHoverColor)'
|
||||
'inherit' => 'var(--theme-button-text-hover-color, var(--buttonHoverColor))'
|
||||
],
|
||||
],
|
||||
],
|
||||
|
|
@ -789,13 +789,12 @@ $options = [
|
|||
[
|
||||
'title' => __( 'Initial', 'blocksy' ),
|
||||
'id' => 'default',
|
||||
'inherit' => 'var(--linkInitialColor)'
|
||||
'inherit' => 'var(--theme-link-initial-color, var(--linkInitialColor))'
|
||||
],
|
||||
|
||||
[
|
||||
'title' => __( 'Hover', 'blocksy' ),
|
||||
'id' => 'hover',
|
||||
'inherit' => 'var(--linkHoverColor)'
|
||||
'inherit' => 'var(--theme-link-hover-color, var(--linkHoverColor))'
|
||||
],
|
||||
],
|
||||
],
|
||||
|
|
@ -831,13 +830,13 @@ $options = [
|
|||
[
|
||||
'title' => __( 'Initial', 'blocksy' ),
|
||||
'id' => 'default',
|
||||
'inherit' => 'var(--buttonInitialColor)'
|
||||
'inherit' => 'var(--theme-button-background-initial-color, var(--buttonInitialColor))'
|
||||
],
|
||||
|
||||
[
|
||||
'title' => __( 'Hover', 'blocksy' ),
|
||||
'id' => 'hover',
|
||||
'inherit' => 'var(--buttonHoverColor)'
|
||||
'inherit' => 'var(--theme-button-background-hover-color, var(--buttonHoverColor))'
|
||||
],
|
||||
],
|
||||
],
|
||||
|
|
@ -1004,7 +1003,7 @@ $options = [
|
|||
'value' => blocksy_background_default_value([
|
||||
'backgroundColor' => [
|
||||
'default' => [
|
||||
'color' => 'var(--paletteColor8)',
|
||||
'color' => 'var(--theme-palette-color-8, var(--paletteColor8))',
|
||||
],
|
||||
],
|
||||
]),
|
||||
|
|
|
|||
|
|
@ -195,9 +195,9 @@ function tainacan_blocksy_render_media_gallery_above_title() {
|
|||
$media_component_style = '';
|
||||
$media_component_color_palette = get_theme_mod($prefix . '_document_attachments_colors',
|
||||
[
|
||||
'color1' => [ 'color' => 'var(--paletteColor6, #edeff2)' ],
|
||||
'color2' => [ 'color' => 'var(--paletteColor4, #2c3e50)' ],
|
||||
'color3' => [ 'color' => 'var(--paletteColor1, #3eaf7c)' ]
|
||||
'color1' => [ 'color' => 'var(--theme-palette-color-6, var(--paletteColor6, #edeff2))' ],
|
||||
'color2' => [ 'color' => 'var(--theme-palette-color-4, var(--paletteColor4, #2c3e50))' ],
|
||||
'color3' => [ 'color' => 'var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c))' ]
|
||||
]);
|
||||
|
||||
$media_component_style .= '--tainacan-media-background-color:' . $media_component_color_palette['color1']['color'] . ';';
|
||||
|
|
|
|||
|
|
@ -4,9 +4,11 @@
|
|||
"description": "A Blocksy plugin/child theme compatible with Tainacan",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"compile-compat-styles": "node-sass --output-style expanded --source-map true --source-map-contents true --precision 6 sass/compat.scss compat.css",
|
||||
"css-minify-compat": "cleancss --level 1 --format breaksWith=lf --source-map --source-map-inline-sources --output compat.min.css compat.css",
|
||||
"compile-styles": "node-sass --output-style expanded --source-map true --source-map-contents true --precision 6 sass/style.scss style.css",
|
||||
"css-minify": "cleancss --level 1 --format breaksWith=lf --source-map --source-map-inline-sources --output style.min.css style.css",
|
||||
"build": "npm run compile-styles && npm run css-minify"
|
||||
"build": "npm run compile-compat-styles && npm run css-minify-compat && npm run compile-styles && npm run css-minify"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
|
|
|
|||
|
|
@ -0,0 +1,130 @@
|
|||
/**
|
||||
* This file holds compatibility logic due to the renaming of css variables in Blocksy 2.0.0
|
||||
*/
|
||||
:root {
|
||||
--paletteColor1: var(--theme-palette-color-1);
|
||||
--paletteColor2: var(--theme-palette-color-2);
|
||||
--paletteColor3: var(--theme-palette-color-3);
|
||||
--paletteColor4: var(--theme-palette-color-4);
|
||||
--paletteColor5: var(--theme-palette-color-5);
|
||||
--paletteColor6: var(--theme-palette-color-6);
|
||||
--paletteColor7: var(--theme-palette-color-7);
|
||||
--paletteColor8: var(--theme-palette-color-8);
|
||||
|
||||
--fontFamily: var(--theme-font-family);
|
||||
--fontSize: var(--theme-font-size);
|
||||
--fontWeight: var(--theme-font-weight);
|
||||
--fontStyle: var(--theme-font-style);
|
||||
--lineHeight: var(--theme-line-height);
|
||||
--letterSpacing: var(--theme-letter-spacing);
|
||||
--textTransform: var(--theme-text-transform);
|
||||
--textDecoration: var(--theme-text-decoration);
|
||||
|
||||
--buttonFontFamily: var(--theme-button-font-family);
|
||||
--buttonFontSize: var(--theme-button-font-size);
|
||||
--buttonFontWeight: var(--theme-button-font-weight);
|
||||
--buttonFontStyle: var(--theme-button-font-style);
|
||||
--buttonLineHeight: var(--theme-button-line-height);
|
||||
--buttonLetterSpacing: var(--theme-button-letter-spacing);
|
||||
--buttonTextTransform: var(--theme-button-text-transform);
|
||||
--buttonTextDecoration: var(--theme-button-text-decoration);
|
||||
|
||||
--color: var(--theme-text-color);
|
||||
--linkInitialColor: var(--theme-link-initial-color);
|
||||
--linkHoverColor: var(--theme-link-hover-color);
|
||||
--linkActiveColor: var(--theme-link-active-color);
|
||||
--selectionTextColor: var(--theme-selection-text-color);
|
||||
--selectionBackgroundColor: var(--theme-selection-background-color);
|
||||
|
||||
--buttonMinHeight: var(--theme-button-min-height);
|
||||
--button-width: var(--theme-button-max-width);
|
||||
--buttonShadow: var(--theme-button-shadow);
|
||||
--buttonTransform: var(--theme-button-transform);
|
||||
--buttonTextInitialColor: var(--theme-button-text-initial-color);
|
||||
--buttonTextHoverColor: var(--theme-button-text-hover-color);
|
||||
--buttonInitialColor: var(--theme-button-background-initial-color);
|
||||
--buttonHoverColor: var(--theme-button-background-hover-color);
|
||||
--button-border: var(--theme-button-border);
|
||||
--button-border-hover-color: var(--theme-button-border-hover-color);
|
||||
--buttonBorderRadius: var(--theme-button-border-radius);
|
||||
--button-padding: var(--theme-button-padding);
|
||||
|
||||
--form-font-size: var(--theme-form-font-size);
|
||||
--form-field-width: var(--theme-form-field-width);
|
||||
--form-field-height: var(--theme-form-field-height);
|
||||
--form-field-padding: var(--theme-form-field-padding);
|
||||
--form-field-border-width: var(--theme-form-field-border-width);
|
||||
--form-field-border-style: var(--theme-form-field-border-style);
|
||||
--form-text-initial-color: var(--theme-form-text-initial-color);
|
||||
--form-text-focus-color: var(--theme-form-text-focus-color);
|
||||
--form-field-border-initial-color: var(--theme-form-field-border-initial-color);
|
||||
--form-field-border-focus-color: var(--theme-form-field-border-focus-color);
|
||||
--form-field-border-radius: var(--theme-form-field-border-radius);
|
||||
--form-field-initial-background: var(--theme-form-field-background-initial-color);
|
||||
--form-field-focus-background: var(--theme-form-field-background-focus-color);
|
||||
--form-field-select-initial-background: var(--theme-form-select-background-initial-color);
|
||||
--form-field-select-active-background: var(--theme-form-select-background-active-color);
|
||||
--form-checkbox-border-radius: var(--theme-form-checkbox-border-radius);
|
||||
--form-selection-control-initial-color: var(--theme-form-selection-field-initial-color);
|
||||
--form-selection-control-accent-color: var(--theme-form-selection-field-active-color);
|
||||
|
||||
--headings-color: var(--theme-headings-color);
|
||||
--headingColor: var(--theme-heading-color);
|
||||
--heading-color: var(--theme-heading-color);
|
||||
--heading-1-color: var(--theme-heading-1-color);
|
||||
--heading-2-color: var(--theme-heading-2-color);
|
||||
--heading-3-color: var(--theme-heading-3-color);
|
||||
--heading-4-color: var(--theme-heading-4-color);
|
||||
--heading-5-color: var(--theme-heading-5-color);
|
||||
--heading-6-color: var(--theme-heading-6-color);
|
||||
|
||||
--boxShadow: var(--theme-box-shadow);
|
||||
--box-shadow: var(--theme-box-shadow);
|
||||
--border-color: var(--theme-border-color);
|
||||
--borderRadius: var(--theme-border-radius);
|
||||
--border: var(--theme-border);
|
||||
--borderTop: var(--theme-border-top);
|
||||
--borderBottom: var(--theme-border-bottom);
|
||||
|
||||
--wide-offset: var(--theme-wide-offset);
|
||||
--content-spacing: var(--theme-content-spacing);
|
||||
--has-content-spacing: var(--has-theme-content-spacing);
|
||||
--boxed-content-spacing: var(--theme-boxed-content-spacing);
|
||||
--content-vertical-spacing: var(--theme-content-vertical-spacing);
|
||||
--container-edge-spacing: var(--theme-container-edge-spacing);
|
||||
--container-width: var(--theme-container-width);
|
||||
--container-width-base: var(--theme-container-width-base);
|
||||
--normal-container-max-width: var(--theme-normal-container-max-width);
|
||||
--narrow-container-max-width: var(--theme-narrow-container-max-width);
|
||||
--frame-size: var(--theme-frame-size);
|
||||
--frame-color: var(--theme-frame-color);
|
||||
--block-width: var(--theme-block-width);
|
||||
--block-max-width: var(--theme-block-max-width);
|
||||
--block-wide-max-width: var(--theme-block-wide-max-width);
|
||||
--boxed-content-max-width: var(--theme-boxed-content-max-width);
|
||||
|
||||
--listIndent: var(--theme-list-indent);
|
||||
--listStyleType: var(--theme-list-style-type);
|
||||
--listItemSpacing: var(--theme-list-items-spacing);
|
||||
--descListIndent: var(--theme-description-list-indent);
|
||||
--descListSpacing: var(--theme-description-list-spacing);
|
||||
|
||||
--table-font-size: var(--theme-table-font-size);
|
||||
--table-border-width: var(--theme-table-border-width);
|
||||
--table-border-style: var(--theme-table-border-style);
|
||||
--table-border-color: var(--theme-table-border-color);
|
||||
--table-padding: var(--theme-table-padding);
|
||||
|
||||
--transition: var(--theme-transition);
|
||||
--default-editor: var(--theme-default-editor);
|
||||
|
||||
--icon-size: var(--theme-icon-size);
|
||||
--icon-color: var(--theme-icon-color);
|
||||
--icon-hover-color: var(--theme-icon-hover-color);
|
||||
--icon-focus-color: var(--theme-icon-focus-color);
|
||||
--icon-active-color: var(--theme-icon-active-color);
|
||||
--icon-transition: var(--theme-icon-transition);
|
||||
|
||||
--object-fit: var(--theme-object-fit);
|
||||
--object-position: var(--theme-object-position);
|
||||
}
|
||||
|
|
@ -8,17 +8,17 @@
|
|||
|
||||
/* Tainacan Gutenberg Blocks colors */
|
||||
:root {
|
||||
--tainacan-block-primary: var(--paletteColor1, #3eaf7c);
|
||||
--tainacan-block-primary: var(--theme-palette-color-1 var(--paletteColor1, #3eaf7c));
|
||||
--tainacan-block-gray0: var(--backgroundColor, #f8f9fb);
|
||||
--tainacan-block-gray1: var(--backgroundColor, #f8f9fb);
|
||||
--tainacan-block-gray2: var(--form-field-border-initial-color, #e0e5eb);
|
||||
--tainacan-block-gray3: var(--form-field-border-initial-color, #e0e5eb);
|
||||
--tainacan-block-gray4: var(--color, rgba(44, 62, 80, 0.9));
|
||||
--tainacan-block-gray5: var(--headingColor, rgba(44, 62, 80, 1));
|
||||
--background-color: var(--paletteColor7);
|
||||
--tainacan-block-gray2: var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
|
||||
--tainacan-block-gray3: var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
|
||||
--tainacan-block-gray4: var(--theme-text-color, var(--color, rgba(44, 62, 80, 0.9)));
|
||||
--tainacan-block-gray5: var(--theme-heading-color, var(--headingColor, rgba(44, 62, 80, 1)));
|
||||
--background-color: var(--theme-palette-color-7, var(--paletteColor7));
|
||||
|
||||
// Previous Blocksy variables
|
||||
--maxSiteWidth: var(--normal-container-max-width);
|
||||
--maxSiteWidth: var(--theme-normal-container-max-width, var(--normal-container-max-width));
|
||||
}
|
||||
|
||||
// Grid mixin for display: grid compatibility
|
||||
|
|
|
|||
|
|
@ -1,19 +1,19 @@
|
|||
/* Tainacan Items list customization */
|
||||
.theme-items-list {
|
||||
--tainacan-font-family: var(--fontFamily, inherit);
|
||||
--tainacan-base-font-size: var(--fontSize, 1em);
|
||||
// --tainacan-secondary: var(--paletteColor1, #3eaf7c);
|
||||
// --tainacan-primary: var(--form-field-border-initial-color, #e0e5eb);
|
||||
--tainacan-font-family: var(--theme-font-family, var(--fontFamily, inherit));
|
||||
--tainacan-base-font-size: var(--theme-font-size, var(--fontSize, 1em));
|
||||
// --tainacan-secondary: var(--theme-palette-color-1, #3eaf7c);
|
||||
// --tainacan-primary: var(--theme-form-field-border-initial-color, #e0e5eb);
|
||||
// --tainacan-background-color: var(--backgroundColor, #f8f9fb);
|
||||
//--tainacan-item-background-color: var(--cardBackground, white);
|
||||
--tainacan-item-hover-background-color: var(--tainacan-item-background-color, white);
|
||||
--tainacan-item-heading-hover-background-color: var(--tainacan-item-background-color, white);
|
||||
// --tainacan-input-color: var(--color, rgba(44, 62, 80, 0.9));
|
||||
// --tainacan-input-background-color: var(--form-field-initial-background, white);
|
||||
--tainacan-input-border-color: var(--form-field-border-initial-color, #e0e5eb);
|
||||
// --tainacan-heading-color: var(--headingColor, rgba(44, 62, 80, 1));
|
||||
// --tainacan-label-color: var(--color, rgba(44, 62, 80, 0.9));
|
||||
// --tainacan-info-color: var(--color, rgba(44, 62, 80, 0.9));
|
||||
// --tainacan-input-color: var(--theme-text-color, rgba(44, 62, 80, 0.9));
|
||||
// --tainacan-input-background-color: var(--theme-form-field-background-initial-color, white);
|
||||
--tainacan-input-border-color: var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
|
||||
// --tainacan-heading-color: var(--theme-heading-color, var(--headingColor, rgba(44, 62, 80, 1)));
|
||||
// --tainacan-label-color: var(--theme-text-color, rgba(44, 62, 80, 0.9));
|
||||
// --tainacan-info-color: var(--theme-text-color, rgba(44, 62, 80, 0.9));
|
||||
--tainacan-skeleton-color: var(--tainacan-item-background-color, white);
|
||||
|
||||
&:not(.is-fullscreen) {
|
||||
|
|
@ -31,7 +31,7 @@
|
|||
/* Search control */
|
||||
.search-control {
|
||||
grid-area: searchcontrol;
|
||||
border-radius: 0 0 var(--borderRadius, 3px) var(--borderRadius, 3px);
|
||||
border-radius: 0 0 var(--theme-border-radius, var(--borderRadius, 3px)) var(--theme-border-radius, var(--borderRadius, 3px));
|
||||
padding: 20px 20px 6px 20px !important;
|
||||
margin: 5px 0px;
|
||||
|
||||
|
|
@ -49,8 +49,8 @@
|
|||
max-width: 100%;
|
||||
width: var(--maxSiteWidth,1290px);
|
||||
margin: 0.5rem auto;
|
||||
border-radius: var(--borderRadius,3px) var(--borderRadius,3px) 0 0;
|
||||
box-shadow: var(--boxShadow,0 12px 18px -6px rgba(34,56,101,.04));
|
||||
border-radius: var(--theme-border-radius, var(--borderRadius, 3px)) var(--theme-border-radius, var(--borderRadius, 3px)) 0 0;
|
||||
box-shadow: var(--theme-box-shadow, var(--boxShadow ,0 12px 18px -6px rgba(34,56,101,.04)));
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
|
@ -108,8 +108,8 @@
|
|||
.tainacan-records-container .tainacan-record,
|
||||
.tainacan-cards-container .tainacan-card,
|
||||
.tainacan-list-container .tainacan-list {
|
||||
border-radius: var(--borderRadius, 3px);
|
||||
box-shadow: var(--boxShadow, 0px 12px 18px -6px rgba(34, 56, 101, 0.04));
|
||||
border-radius: var(--theme-border-radius, var(--borderRadius, 3px));
|
||||
box-shadow: var(--theme-box-shadow, var(--boxShadow , 0px 12px 18px -6px rgba(34, 56, 101, 0.04)));
|
||||
border: var(--border, none);
|
||||
overflow: hidden;
|
||||
|
||||
|
|
@ -155,12 +155,12 @@
|
|||
.tainacan-slide-main-view {
|
||||
iframe {
|
||||
border: none;
|
||||
border-radius: var(--borderRadius, 3px);
|
||||
border-radius: var(--theme-border-radius, var(--borderRadius, 3px));
|
||||
}
|
||||
}
|
||||
.tainacan-slides-list {
|
||||
.swiper-slide img {
|
||||
border-radius: var(--borderRadius, 3px);
|
||||
border-radius: var(--theme-border-radius, var(--borderRadius, 3px));
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -185,18 +185,19 @@
|
|||
border: 2px solid transparent;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: var(--color);
|
||||
--linkInitialColor: var(--color);
|
||||
color: var(--theme-text-color, var(--color));
|
||||
--linkInitialColor: var(--theme-text-color, var(--color));
|
||||
--theme-link-initial-color: var(--theme-text-color, var(--color));
|
||||
transition: color 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955), background 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955),border-color 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
border-color: var(--linkHoverColor);
|
||||
color: var(--linkHoverColor);
|
||||
border-color: var(--theme-link-hover-color, var(--linkHoverColor));
|
||||
color: var(--theme-link-hover-color, var(--linkHoverColor));
|
||||
}
|
||||
&.is-current {
|
||||
color: var(--colorActive) !important;
|
||||
background: var(--linkHoverColor);
|
||||
color: var(--theme-text-colorActive, var(--colorActive)) !important;
|
||||
background: var(--theme-link-hover-color, var(--linkHoverColor));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -228,7 +229,7 @@
|
|||
input[type="time"].input,
|
||||
input[type="url"].input,
|
||||
input[type="week"].input {
|
||||
border-radius: var(--borderRadius, 3px) !important;
|
||||
border-radius: var(--theme-border-radius, var(--borderRadius, 3px)) !important;
|
||||
border: 1px solid var(--tainacan-input-border-color);
|
||||
}
|
||||
}
|
||||
|
|
@ -240,9 +241,9 @@
|
|||
/* Extra classes applied from customizer */
|
||||
.page {
|
||||
&.has-filters-panel-style-boxed #filters-modal .modal-content #filters-items-list {
|
||||
border-radius: var(--borderRadius, 3px);
|
||||
border-radius: var(--theme-border-radius, var(--borderRadius, 3px));
|
||||
background-color: var(--tainacan-item-background-color, white);
|
||||
box-shadow: var(--boxShadow, 0px 12px 18px -6px rgba(34, 56, 101, 0.04));
|
||||
box-shadow: var(--theme-box-shadow, var(--boxShadow , 0px 12px 18px -6px rgba(34, 56, 101, 0.04)));
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -251,21 +252,21 @@ body:not(.tainacan-admin-page) {
|
|||
|
||||
.tooltip,
|
||||
.tainacan-modal-content {
|
||||
--tainacan-font-family: var(--fontFamily, inherit);
|
||||
--tainacan-base-font-size: var(--fontSize, 1em);
|
||||
--tainacan-secondary: var(--paletteColor1, #3eaf7c);
|
||||
--tainacan-primary: var(--form-field-border-initial-color, #e0e5eb);
|
||||
--tainacan-font-family: var(--theme-font-family, var(--fontFamily, inherit));
|
||||
--tainacan-base-font-size: var(--theme-font-size, var(--fontSize, 1em));
|
||||
--tainacan-secondary: var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c));
|
||||
--tainacan-primary: var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
|
||||
--tainacan-background-color: var(--backgroundColor, #f8f9fb);
|
||||
--tainacan-input-color: var(--color, rgba(44, 62, 80, 0.9));
|
||||
--tainacan-input-background-color: var(--form-field-initial-background, white);
|
||||
--tainacan-input-border-color: var(--form-field-border-initial-color, #e0e5eb);
|
||||
--tainacan-label-color: var(--color, rgba(44, 62, 80, 0.9));
|
||||
--tainacan-info-color: var(--color, rgba(44, 62, 80, 0.9));
|
||||
--tainacan-heading-color: var(--headingColor, rgba(44, 62, 80, 1));
|
||||
--tainacan-input-color: var(--theme-text-color, var(--color, rgba(44, 62, 80, 0.9)));
|
||||
--tainacan-input-background-color: var(--theme-form-field-background-initial-color, var(--form-field-background-initial, white));
|
||||
--tainacan-input-border-color: var(--theme-form-field-border-initial-color, #e0e5eb);
|
||||
--tainacan-label-color: var(--theme-text-color, var(--color, rgba(44, 62, 80, 0.9)));
|
||||
--tainacan-info-color: var(--theme-text-color, var(--color, rgba(44, 62, 80, 0.9)));
|
||||
--tainacan-heading-color: var(--theme-heading-color, var(--headingColor, rgba(44, 62, 80, 1)));
|
||||
}
|
||||
|
||||
.tainacan-modal-content {
|
||||
border-radius: var(--borderRadius, 6px);
|
||||
border-radius: var(--theme-border-radius, var(--borderRadius, 6px));
|
||||
|
||||
.tainacan-modal-title {
|
||||
hr {
|
||||
|
|
@ -294,6 +295,9 @@ body:not(.tainacan-admin-page) {
|
|||
--headingColor: var(--tainacan-heading-color, rgba(44, 62, 80, 1));
|
||||
--color: var(--tainacan-label-color, #454647);
|
||||
--linkInitialColor: var(--tainacan-secondary, #3eaf7c);
|
||||
--theme-heading-color: var(--tainacan-heading-color, rgba(44, 62, 80, 1));
|
||||
--theme-text-color: var(--tainacan-label-color, #373839);
|
||||
--theme-link-initial-color: var(--tainacan-secondary, #3eaf7c);
|
||||
|
||||
.tainacan-collection-header__box {
|
||||
width: 100%;
|
||||
|
|
@ -317,7 +321,7 @@ body:not(.tainacan-admin-page) {
|
|||
margin-right: 24px;
|
||||
|
||||
img {
|
||||
border-radius: var(--borderRadius,3px);
|
||||
border-radius: var(--theme-border-radius, var(--borderRadius, 3px));
|
||||
}
|
||||
}
|
||||
.page-description ,
|
||||
|
|
@ -337,13 +341,13 @@ body:not(.tainacan-admin-page) {
|
|||
}
|
||||
.tainacan-collection-header .tainacan-collection-header__box {
|
||||
width: var(--maxSiteWidth, 1290px);
|
||||
border-radius: var(--borderRadius,3px) var(--borderRadius, 3px) 0 0;
|
||||
border-radius: var(--theme-border-radius, var(--borderRadius, 3px)) var(--theme-border-radius, var(--borderRadius, 3px)) 0 0;
|
||||
background-color: var(--tainacan-item-background-color,#fff);
|
||||
box-shadow: var(--boxShadow,0 12px 18px -6px rgba(34,56,101,.04));
|
||||
box-shadow: var(--theme-box-shadow, var(--boxShadow ,0 12px 18px -6px rgba(34,56,101,.04)));
|
||||
}
|
||||
.search-control {
|
||||
background-color: var(--tainacan-item-background-color, white);
|
||||
box-shadow: var(--boxShadow, 0px 12px 18px -6px rgba(34, 56, 101, 0.04));
|
||||
box-shadow: var(--theme-box-shadow, var(--boxShadow , 0px 12px 18px -6px rgba(34, 56, 101, 0.04)));
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -93,21 +93,27 @@
|
|||
// Headings and spacing ----------------------------
|
||||
h1 {
|
||||
--fontSize: 30px;
|
||||
--theme-font-size: 30px;
|
||||
}
|
||||
h2:not(.tainacan-single-item-section) {
|
||||
--fontSize: 22px;
|
||||
--theme-font-size: 22px;
|
||||
}
|
||||
h3:not(.tainacan-metadata-label) {
|
||||
--fontSize: 20px;
|
||||
--theme-font-size: 20px;
|
||||
}
|
||||
h4 {
|
||||
--fontSize: 18px;
|
||||
--theme-font-size: 18px;
|
||||
}
|
||||
h5 {
|
||||
--fontSize: 16px;
|
||||
--theme-font-size: 16px;
|
||||
}
|
||||
h6 {
|
||||
--fontSize: 14px;
|
||||
--theme-font-size: 14px;
|
||||
}
|
||||
.tainacan-single-item-section {
|
||||
text-align: var(--section-alignment, left);
|
||||
|
|
@ -177,21 +183,21 @@
|
|||
}
|
||||
.tainacan-metadata-value {
|
||||
text-align: var(--metadata-value-alignment, left);
|
||||
font-family: var(--fontFamily);
|
||||
font-size: var(--fontSize);
|
||||
font-weight: var(--fontWeight);
|
||||
font-style: var(--fontStyle, inherit);
|
||||
line-height: var(--lineHeight);
|
||||
letter-spacing: var(--letterSpacing);
|
||||
text-transform: var(--textTransform);
|
||||
-webkit-text-decoration: var(--textDecoration);
|
||||
text-decoration: var(--textDecoration);
|
||||
font-family: var(--theme-font-family, var(--fontFamily));
|
||||
font-size: var(--theme-font-size, var(--fontSize));
|
||||
font-weight: var(--theme-font-weight, var(--fontWeight));
|
||||
font-style: var(--theme-font-style, var(--fontStyle, inherit));
|
||||
line-height: var(--theme-line-height, var(--lineHeight));
|
||||
letter-spacing: var(--theme-letter-spacing, var(--letterSpacing));
|
||||
text-transform: var(--theme-text-transform, var(--textTransform));
|
||||
-webkit-text-decoration: var(--theme-text-decoration, var(--textDecoration));
|
||||
text-decoration: var(--theme-text-decoration, var(--textDecoration));
|
||||
margin-bottom: 0.75rem;
|
||||
padding-bottom: 0.75rem;
|
||||
border-bottom: var(--metadata-value-border, 0px solid rgba(125, 125, 125, 0.5));
|
||||
}
|
||||
.tainacan-item-section__metadata-thumbnail img {
|
||||
border-radius: var(--borderRadius, 3px);
|
||||
border-radius: var(--theme-border-radius, var(--borderRadius, 3px));
|
||||
}
|
||||
|
||||
p:empty {
|
||||
|
|
@ -201,11 +207,11 @@
|
|||
|
||||
// Metadata type textarea has different separator
|
||||
.multivalue-separator {
|
||||
color: #cbcbcb;
|
||||
color: #a5a5a5;
|
||||
margin: 0 8px;
|
||||
}
|
||||
.hierarchy-separator {
|
||||
color: #cbcbcb;
|
||||
color: #a5a5a5;
|
||||
}
|
||||
.metadata-type-geocoordinate>div {
|
||||
width: 100%;
|
||||
|
|
@ -216,7 +222,7 @@
|
|||
display: block;
|
||||
max-height: 1px;
|
||||
width: 45%;
|
||||
background: var(--form-field-border-initial-color, #e0e5eb);
|
||||
background: var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
|
||||
content: none;
|
||||
color: transparent;
|
||||
margin: 0.875rem auto;
|
||||
|
|
@ -226,7 +232,7 @@
|
|||
padding-top: 0.5em;
|
||||
margin-bottom: .75rem;
|
||||
padding-left: 1.5rem;
|
||||
border-left: 1px solid var(--form-field-border-initial-color, #e0e5eb);
|
||||
border-left: 1px solid var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
|
||||
|
||||
.label {
|
||||
margin: 0;
|
||||
|
|
@ -281,7 +287,7 @@
|
|||
display: block;
|
||||
max-height: 1px;
|
||||
width: calc(100% - 40px);
|
||||
background: var(--form-field-border-initial-color, #e0e5eb);
|
||||
background: var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
|
||||
content: none;
|
||||
color: transparent;
|
||||
margin: 0.5em 0 0.5em 40px;
|
||||
|
|
@ -331,7 +337,7 @@
|
|||
width: 100%;
|
||||
display: none;
|
||||
padding: 2rem 42px 1rem 42px;
|
||||
border-top: 1px solid var(--form-field-border-initial-color, #e0e5eb);
|
||||
border-top: 1px solid var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
|
||||
}
|
||||
label {
|
||||
width: 100%;
|
||||
|
|
@ -356,7 +362,7 @@
|
|||
}
|
||||
input:checked+label {
|
||||
opacity: 1.0;
|
||||
border-bottom-color: var(--paletteColor1, #3eaf7c);
|
||||
border-bottom-color: var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c));
|
||||
}
|
||||
input:checked+label+.tainacan-item-section {
|
||||
display: block;
|
||||
|
|
@ -378,7 +384,7 @@
|
|||
width: 100%;
|
||||
display: none;
|
||||
padding: 2rem 42px 1rem 42px;
|
||||
border-bottom: 1px solid var(--form-field-border-initial-color, #e0e5eb);
|
||||
border-bottom: 1px solid var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
|
||||
margin-bottom: 0;
|
||||
}
|
||||
label {
|
||||
|
|
@ -388,14 +394,14 @@
|
|||
margin: 0;
|
||||
cursor: pointer;
|
||||
opacity: 0.85;
|
||||
border-bottom: 1px solid var(--form-field-border-initial-color, #e0e5eb);
|
||||
border-bottom: 1px solid var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
|
||||
transition: opacity 0.2s ease;
|
||||
|
||||
.tainacan-single-item-section {
|
||||
margin: 0.75rem;
|
||||
}
|
||||
.tainacan-icon {
|
||||
color: var(--paletteColor1, #3eaf7c);
|
||||
color: var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c));
|
||||
transform: rotate(0deg);
|
||||
transition: transform 0.2s ease;
|
||||
|
||||
|
|
@ -405,7 +411,7 @@
|
|||
}
|
||||
&:hover {
|
||||
opacity: 1.0;
|
||||
border-bottom: 1px solid var(--form-field-border-initial-color, #e0e5eb);
|
||||
border-bottom: 1px solid var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
|
||||
}
|
||||
}
|
||||
input {
|
||||
|
|
@ -437,8 +443,8 @@
|
|||
|
||||
// Tainacan Media Component (attachments gallery)
|
||||
.tainacan-media-component {
|
||||
--swiper-theme-color: var(--paletteColor1, #3eaf7c);
|
||||
--swiper-navigation-color: var(--paletteColor1, #3eaf7c);
|
||||
--swiper-theme-color: var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c));
|
||||
--swiper-navigation-color: var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c));
|
||||
--swiper-navigation-size: 2.5rem;
|
||||
--tainacan-media-background: var(--background-color, #ffffff);
|
||||
--tainacan-media-main-carousel-height: var(--document-height, 60vh);
|
||||
|
|
@ -450,15 +456,15 @@
|
|||
.swiper-slide-metadata__name,
|
||||
.swiper-slide-metadata__caption,
|
||||
.swiper-slide-metadata__description {
|
||||
font-family: var(--fontFamily);
|
||||
font-size: var(--fontSize);
|
||||
font-weight: var(--fontWeight);
|
||||
font-style: var(--fontStyle, inherit);
|
||||
line-height: var(--lineHeight);
|
||||
letter-spacing: var(--letterSpacing);
|
||||
text-transform: var(--textTransform);
|
||||
-webkit-text-decoration: var(--textDecoration);
|
||||
text-decoration: var(--textDecoration);
|
||||
font-family: var(--theme-font-family, var(--fontFamily));
|
||||
font-size: var(--theme-font-size, var(--fontSize));
|
||||
font-weight: var(--theme-font-weight, var(--fontWeight));
|
||||
font-style: var(--theme-font-style, var(--fontStyle, inherit));
|
||||
line-height: var(--theme-line-height, var(--lineHeight));
|
||||
letter-spacing: var(--theme-letter-spacing, var(--letterSpacing));
|
||||
text-transform: var(--theme-text-transform, var(--textTransform));
|
||||
-webkit-text-decoration: var(--theme-text-decoration, var(--textDecoration));
|
||||
text-decoration: var(--theme-text-decoration, var(--textDecoration));
|
||||
}
|
||||
}
|
||||
.tainacan-media-component__swiper-thumbs {
|
||||
|
|
@ -466,7 +472,7 @@
|
|||
transition: font-weight 0.3s ease;
|
||||
|
||||
img {
|
||||
border-radius: var(--borderRadius, 3px);
|
||||
border-radius: var(--theme-border-radius, var(--borderRadius, 3px));
|
||||
border-bottom: 4px solid transparent;
|
||||
margin-bottom: 4px;
|
||||
transition: border 0.3s ease;
|
||||
|
|
@ -475,15 +481,15 @@
|
|||
.swiper-slide-metadata__name {
|
||||
display: block;
|
||||
margin-top: 0.5rem;
|
||||
font-family: var(--fontFamily);
|
||||
font-size: var(--fontSize);
|
||||
font-weight: var(--fontWeight);
|
||||
font-style: var(--fontStyle, inherit);
|
||||
line-height: var(--lineHeight);
|
||||
letter-spacing: var(--letterSpacing);
|
||||
text-transform: var(--textTransform);
|
||||
-webkit-text-decoration: var(--textDecoration);
|
||||
text-decoration: var(--textDecoration);
|
||||
font-family: var(--theme-font-family, var(--fontFamily));
|
||||
font-size: var(--theme-font-size, var(--fontSize));
|
||||
font-weight: var(--theme-font-weight, var(--fontWeight));
|
||||
font-style: var(--theme-font-style, var(--fontStyle, inherit));
|
||||
line-height: var(--theme-line-height, var(--lineHeight));
|
||||
letter-spacing: var(--theme-letter-spacing, var(--letterSpacing));
|
||||
text-transform: var(--theme-text-transform, var(--textTransform));
|
||||
-webkit-text-decoration: var(--theme-text-decoration, var(--textDecoration));
|
||||
text-decoration: var(--theme-text-decoration, var(--textDecoration));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -508,7 +514,7 @@
|
|||
right: calc(50% - 18px);
|
||||
cursor: pointer;
|
||||
font-size: 0;
|
||||
background-color: var(--paletteColor1, #3eaf7c);
|
||||
background-color: var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c));
|
||||
color: white;
|
||||
transition: opacity 0.3s ease, transform 0.3s ease, font-size 0.3s ease;
|
||||
|
||||
|
|
@ -562,7 +568,7 @@
|
|||
|
||||
// Tainacan Gallery above title
|
||||
.tainacan-gallery-above-title {
|
||||
background-color: var(--tainacan-media-background-color, var(--paletteColor7));
|
||||
background-color: var(--tainacan-media-background-color, var(--theme-palette-color-7, var(--paletteColor7)));
|
||||
margin-top: calc(-1 * var(--content-vertical-spacing));
|
||||
margin-bottom: var(--content-vertical-spacing);
|
||||
margin-left: var(--has-boxed, calc(-1 * var(--boxed-content-spacing)));
|
||||
|
|
@ -571,9 +577,9 @@
|
|||
padding-bottom: calc(var(--content-vertical-spacing)/2);
|
||||
|
||||
.tainacan-media-component {
|
||||
--tainacan-media-background: var(--tainacan-media-background-color, var(--paletteColor7));
|
||||
--swiper-navigation-color: var(--tainacan-media-accent-color, --paletteColor1);
|
||||
--swiper-theme-color: var(--tainacan-media-accent-color, --paletteColor1);
|
||||
--tainacan-media-background: var(--tainacan-media-background-color, var(--theme-palette-color-7, var(--paletteColor7)));
|
||||
--swiper-navigation-color: var(--tainacan-media-accent-color, var(--theme-palette-color-1, var(--paletteColor1)));
|
||||
--swiper-theme-color: var(--tainacan-media-accent-color, var(--theme-palette-color-1, var(--paletteColor1)));
|
||||
--tainacan-label-color: var(--tainacan-media-color, --tainacan-label-color);
|
||||
--tainacan-info-color: var(--tainacan-media-color, --tainacan-info-color);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,25 +7,25 @@
|
|||
*/
|
||||
/* Tainacan Gutenberg Blocks colors */
|
||||
:root {
|
||||
--tainacan-block-primary: var(--paletteColor1, #3eaf7c);
|
||||
--tainacan-block-primary: var(--theme-palette-color-1 var(--paletteColor1, #3eaf7c));
|
||||
--tainacan-block-gray0: var(--backgroundColor, #f8f9fb);
|
||||
--tainacan-block-gray1: var(--backgroundColor, #f8f9fb);
|
||||
--tainacan-block-gray2: var(--form-field-border-initial-color, #e0e5eb);
|
||||
--tainacan-block-gray3: var(--form-field-border-initial-color, #e0e5eb);
|
||||
--tainacan-block-gray4: var(--color, rgba(44, 62, 80, 0.9));
|
||||
--tainacan-block-gray5: var(--headingColor, rgba(44, 62, 80, 1));
|
||||
--background-color: var(--paletteColor7);
|
||||
--maxSiteWidth: var(--normal-container-max-width);
|
||||
--tainacan-block-gray2: var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
|
||||
--tainacan-block-gray3: var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
|
||||
--tainacan-block-gray4: var(--theme-text-color, var(--color, rgba(44, 62, 80, 0.9)));
|
||||
--tainacan-block-gray5: var(--theme-heading-color, var(--headingColor, rgba(44, 62, 80, 1)));
|
||||
--background-color: var(--theme-palette-color-7, var(--paletteColor7));
|
||||
--maxSiteWidth: var(--theme-normal-container-max-width, var(--normal-container-max-width));
|
||||
}
|
||||
|
||||
/* Remaining imports */
|
||||
/* Tainacan Items list customization */
|
||||
.theme-items-list {
|
||||
--tainacan-font-family: var(--fontFamily, inherit);
|
||||
--tainacan-base-font-size: var(--fontSize, 1em);
|
||||
--tainacan-font-family: var(--theme-font-family, var(--fontFamily, inherit));
|
||||
--tainacan-base-font-size: var(--theme-font-size, var(--fontSize, 1em));
|
||||
--tainacan-item-hover-background-color: var(--tainacan-item-background-color, white);
|
||||
--tainacan-item-heading-hover-background-color: var(--tainacan-item-background-color, white);
|
||||
--tainacan-input-border-color: var(--form-field-border-initial-color, #e0e5eb);
|
||||
--tainacan-input-border-color: var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
|
||||
--tainacan-skeleton-color: var(--tainacan-item-background-color, white);
|
||||
/* Search control */
|
||||
/* Advanced Search */
|
||||
|
|
@ -50,7 +50,7 @@
|
|||
|
||||
.theme-items-list .search-control {
|
||||
grid-area: searchcontrol;
|
||||
border-radius: 0 0 var(--borderRadius, 3px) var(--borderRadius, 3px);
|
||||
border-radius: 0 0 var(--theme-border-radius, var(--borderRadius, 3px)) var(--theme-border-radius, var(--borderRadius, 3px));
|
||||
padding: 20px 20px 6px 20px !important;
|
||||
margin: 5px 0px;
|
||||
}
|
||||
|
|
@ -67,8 +67,8 @@
|
|||
max-width: 100%;
|
||||
width: var(--maxSiteWidth, 1290px);
|
||||
margin: 0.5rem auto;
|
||||
border-radius: var(--borderRadius, 3px) var(--borderRadius, 3px) 0 0;
|
||||
box-shadow: var(--boxShadow, 0 12px 18px -6px rgba(34, 56, 101, 0.04));
|
||||
border-radius: var(--theme-border-radius, var(--borderRadius, 3px)) var(--theme-border-radius, var(--borderRadius, 3px)) 0 0;
|
||||
box-shadow: var(--theme-box-shadow, var(--boxShadow, 0 12px 18px -6px rgba(34, 56, 101, 0.04)));
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
|
@ -129,8 +129,8 @@
|
|||
.theme-items-list #items-list-area #items-list-results .tainacan-records-container .tainacan-record,
|
||||
.theme-items-list #items-list-area #items-list-results .tainacan-cards-container .tainacan-card,
|
||||
.theme-items-list #items-list-area #items-list-results .tainacan-list-container .tainacan-list {
|
||||
border-radius: var(--borderRadius, 3px);
|
||||
box-shadow: var(--boxShadow, 0px 12px 18px -6px rgba(34, 56, 101, 0.04));
|
||||
border-radius: var(--theme-border-radius, var(--borderRadius, 3px));
|
||||
box-shadow: var(--theme-box-shadow, var(--boxShadow, 0px 12px 18px -6px rgba(34, 56, 101, 0.04)));
|
||||
border: var(--border, none);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
|
@ -192,11 +192,11 @@
|
|||
|
||||
.theme-items-list #items-list-area #items-list-results .tainacan-slide-main-view iframe {
|
||||
border: none;
|
||||
border-radius: var(--borderRadius, 3px);
|
||||
border-radius: var(--theme-border-radius, var(--borderRadius, 3px));
|
||||
}
|
||||
|
||||
.theme-items-list #items-list-area #items-list-results .tainacan-slides-list .swiper-slide img {
|
||||
border-radius: var(--borderRadius, 3px);
|
||||
border-radius: var(--theme-border-radius, var(--borderRadius, 3px));
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
|
|
@ -221,20 +221,21 @@
|
|||
border: 2px solid transparent;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: var(--color);
|
||||
--linkInitialColor: var(--color);
|
||||
color: var(--theme-text-color, var(--color));
|
||||
--linkInitialColor: var(--theme-text-color, var(--color));
|
||||
--theme-link-initial-color: var(--theme-text-color, var(--color));
|
||||
transition: color 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955), background 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-color 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
|
||||
}
|
||||
|
||||
.theme-items-list #items-list-area #items-list-results .pagination-area .pagination .pagination-link:hover {
|
||||
text-decoration: none;
|
||||
border-color: var(--linkHoverColor);
|
||||
color: var(--linkHoverColor);
|
||||
border-color: var(--theme-link-hover-color, var(--linkHoverColor));
|
||||
color: var(--theme-link-hover-color, var(--linkHoverColor));
|
||||
}
|
||||
|
||||
.theme-items-list #items-list-area #items-list-results .pagination-area .pagination .pagination-link.is-current {
|
||||
color: var(--colorActive) !important;
|
||||
background: var(--linkHoverColor);
|
||||
color: var(--theme-text-colorActive, var(--colorActive)) !important;
|
||||
background: var(--theme-link-hover-color, var(--linkHoverColor));
|
||||
}
|
||||
|
||||
.theme-items-list .advanced-search-criteria-title hr {
|
||||
|
|
@ -259,7 +260,7 @@
|
|||
.theme-items-list input[type="time"].input,
|
||||
.theme-items-list input[type="url"].input,
|
||||
.theme-items-list input[type="week"].input {
|
||||
border-radius: var(--borderRadius, 3px) !important;
|
||||
border-radius: var(--theme-border-radius, var(--borderRadius, 3px)) !important;
|
||||
border: 1px solid var(--tainacan-input-border-color);
|
||||
}
|
||||
|
||||
|
|
@ -269,29 +270,29 @@
|
|||
|
||||
/* Extra classes applied from customizer */
|
||||
.page.has-filters-panel-style-boxed #filters-modal .modal-content #filters-items-list {
|
||||
border-radius: var(--borderRadius, 3px);
|
||||
border-radius: var(--theme-border-radius, var(--borderRadius, 3px));
|
||||
background-color: var(--tainacan-item-background-color, white);
|
||||
box-shadow: var(--boxShadow, 0px 12px 18px -6px rgba(34, 56, 101, 0.04));
|
||||
box-shadow: var(--theme-box-shadow, var(--boxShadow, 0px 12px 18px -6px rgba(34, 56, 101, 0.04)));
|
||||
}
|
||||
|
||||
/* Tooltips and Modals are outside of the items list div */
|
||||
body:not(.tainacan-admin-page) .tooltip,
|
||||
body:not(.tainacan-admin-page) .tainacan-modal-content {
|
||||
--tainacan-font-family: var(--fontFamily, inherit);
|
||||
--tainacan-base-font-size: var(--fontSize, 1em);
|
||||
--tainacan-secondary: var(--paletteColor1, #3eaf7c);
|
||||
--tainacan-primary: var(--form-field-border-initial-color, #e0e5eb);
|
||||
--tainacan-font-family: var(--theme-font-family, var(--fontFamily, inherit));
|
||||
--tainacan-base-font-size: var(--theme-font-size, var(--fontSize, 1em));
|
||||
--tainacan-secondary: var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c));
|
||||
--tainacan-primary: var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
|
||||
--tainacan-background-color: var(--backgroundColor, #f8f9fb);
|
||||
--tainacan-input-color: var(--color, rgba(44, 62, 80, 0.9));
|
||||
--tainacan-input-background-color: var(--form-field-initial-background, white);
|
||||
--tainacan-input-border-color: var(--form-field-border-initial-color, #e0e5eb);
|
||||
--tainacan-label-color: var(--color, rgba(44, 62, 80, 0.9));
|
||||
--tainacan-info-color: var(--color, rgba(44, 62, 80, 0.9));
|
||||
--tainacan-heading-color: var(--headingColor, rgba(44, 62, 80, 1));
|
||||
--tainacan-input-color: var(--theme-text-color, var(--color, rgba(44, 62, 80, 0.9)));
|
||||
--tainacan-input-background-color: var(--theme-form-field-background-initial-color, var(--form-field-background-initial, white));
|
||||
--tainacan-input-border-color: var(--theme-form-field-border-initial-color, #e0e5eb);
|
||||
--tainacan-label-color: var(--theme-text-color, var(--color, rgba(44, 62, 80, 0.9)));
|
||||
--tainacan-info-color: var(--theme-text-color, var(--color, rgba(44, 62, 80, 0.9)));
|
||||
--tainacan-heading-color: var(--theme-heading-color, var(--headingColor, rgba(44, 62, 80, 1)));
|
||||
}
|
||||
|
||||
body:not(.tainacan-admin-page) .tainacan-modal-content {
|
||||
border-radius: var(--borderRadius, 6px);
|
||||
border-radius: var(--theme-border-radius, var(--borderRadius, 6px));
|
||||
}
|
||||
|
||||
body:not(.tainacan-admin-page) .tainacan-modal-content .tainacan-modal-title hr {
|
||||
|
|
@ -319,6 +320,9 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
|
|||
--headingColor: var(--tainacan-heading-color, rgba(44, 62, 80, 1));
|
||||
--color: var(--tainacan-label-color, #454647);
|
||||
--linkInitialColor: var(--tainacan-secondary, #3eaf7c);
|
||||
--theme-heading-color: var(--tainacan-heading-color, rgba(44, 62, 80, 1));
|
||||
--theme-text-color: var(--tainacan-label-color, #373839);
|
||||
--theme-link-initial-color: var(--tainacan-secondary, #3eaf7c);
|
||||
}
|
||||
|
||||
.tainacan-collection-header .tainacan-collection-header__box {
|
||||
|
|
@ -348,7 +352,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
|
|||
}
|
||||
|
||||
.tainacan-collection-header .tainacan-collection-header__box .collection-thumbnail img {
|
||||
border-radius: var(--borderRadius, 3px);
|
||||
border-radius: var(--theme-border-radius, var(--borderRadius, 3px));
|
||||
}
|
||||
|
||||
.tainacan-collection-header .tainacan-collection-header__box .page-description,
|
||||
|
|
@ -367,14 +371,14 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
|
|||
|
||||
.page.has-page-header-style-boxed .tainacan-collection-header .tainacan-collection-header__box {
|
||||
width: var(--maxSiteWidth, 1290px);
|
||||
border-radius: var(--borderRadius, 3px) var(--borderRadius, 3px) 0 0;
|
||||
border-radius: var(--theme-border-radius, var(--borderRadius, 3px)) var(--theme-border-radius, var(--borderRadius, 3px)) 0 0;
|
||||
background-color: var(--tainacan-item-background-color, #fff);
|
||||
box-shadow: var(--boxShadow, 0 12px 18px -6px rgba(34, 56, 101, 0.04));
|
||||
box-shadow: var(--theme-box-shadow, var(--boxShadow, 0 12px 18px -6px rgba(34, 56, 101, 0.04)));
|
||||
}
|
||||
|
||||
.page.has-page-header-style-boxed .search-control {
|
||||
background-color: var(--tainacan-item-background-color, white);
|
||||
box-shadow: var(--boxShadow, 0px 12px 18px -6px rgba(34, 56, 101, 0.04));
|
||||
box-shadow: var(--theme-box-shadow, var(--boxShadow, 0px 12px 18px -6px rgba(34, 56, 101, 0.04)));
|
||||
}
|
||||
|
||||
/* Single Item Page */
|
||||
|
|
@ -464,26 +468,32 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
|
|||
|
||||
.tainacan-item-single-page .tainacan-item-single h1 {
|
||||
--fontSize: 30px;
|
||||
--theme-font-size: 30px;
|
||||
}
|
||||
|
||||
.tainacan-item-single-page .tainacan-item-single h2:not(.tainacan-single-item-section) {
|
||||
--fontSize: 22px;
|
||||
--theme-font-size: 22px;
|
||||
}
|
||||
|
||||
.tainacan-item-single-page .tainacan-item-single h3:not(.tainacan-metadata-label) {
|
||||
--fontSize: 20px;
|
||||
--theme-font-size: 20px;
|
||||
}
|
||||
|
||||
.tainacan-item-single-page .tainacan-item-single h4 {
|
||||
--fontSize: 18px;
|
||||
--theme-font-size: 18px;
|
||||
}
|
||||
|
||||
.tainacan-item-single-page .tainacan-item-single h5 {
|
||||
--fontSize: 16px;
|
||||
--theme-font-size: 16px;
|
||||
}
|
||||
|
||||
.tainacan-item-single-page .tainacan-item-single h6 {
|
||||
--fontSize: 14px;
|
||||
--theme-font-size: 14px;
|
||||
}
|
||||
|
||||
.tainacan-item-single-page .tainacan-item-single .tainacan-single-item-section {
|
||||
|
|
@ -570,22 +580,22 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
|
|||
|
||||
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata .tainacan-metadata-value {
|
||||
text-align: var(--metadata-value-alignment, left);
|
||||
font-family: var(--fontFamily);
|
||||
font-size: var(--fontSize);
|
||||
font-weight: var(--fontWeight);
|
||||
font-style: var(--fontStyle, inherit);
|
||||
line-height: var(--lineHeight);
|
||||
letter-spacing: var(--letterSpacing);
|
||||
text-transform: var(--textTransform);
|
||||
-webkit-text-decoration: var(--textDecoration);
|
||||
text-decoration: var(--textDecoration);
|
||||
font-family: var(--theme-font-family, var(--fontFamily));
|
||||
font-size: var(--theme-font-size, var(--fontSize));
|
||||
font-weight: var(--theme-font-weight, var(--fontWeight));
|
||||
font-style: var(--theme-font-style, var(--fontStyle, inherit));
|
||||
line-height: var(--theme-line-height, var(--lineHeight));
|
||||
letter-spacing: var(--theme-letter-spacing, var(--letterSpacing));
|
||||
text-transform: var(--theme-text-transform, var(--textTransform));
|
||||
-webkit-text-decoration: var(--theme-text-decoration, var(--textDecoration));
|
||||
text-decoration: var(--theme-text-decoration, var(--textDecoration));
|
||||
margin-bottom: 0.75rem;
|
||||
padding-bottom: 0.75rem;
|
||||
border-bottom: var(--metadata-value-border, 0px solid rgba(125, 125, 125, 0.5));
|
||||
}
|
||||
|
||||
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata .tainacan-item-section__metadata-thumbnail img {
|
||||
border-radius: var(--borderRadius, 3px);
|
||||
border-radius: var(--theme-border-radius, var(--borderRadius, 3px));
|
||||
}
|
||||
|
||||
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata p:empty {
|
||||
|
|
@ -594,12 +604,12 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
|
|||
}
|
||||
|
||||
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata .multivalue-separator {
|
||||
color: #cbcbcb;
|
||||
color: #a5a5a5;
|
||||
margin: 0 8px;
|
||||
}
|
||||
|
||||
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata .hierarchy-separator {
|
||||
color: #cbcbcb;
|
||||
color: #a5a5a5;
|
||||
}
|
||||
|
||||
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata .metadata-type-geocoordinate > div {
|
||||
|
|
@ -611,7 +621,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
|
|||
display: block;
|
||||
max-height: 1px;
|
||||
width: 45%;
|
||||
background: var(--form-field-border-initial-color, #e0e5eb);
|
||||
background: var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
|
||||
content: none;
|
||||
color: transparent;
|
||||
margin: 0.875rem auto;
|
||||
|
|
@ -621,7 +631,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
|
|||
padding-top: 0.5em;
|
||||
margin-bottom: .75rem;
|
||||
padding-left: 1.5rem;
|
||||
border-left: 1px solid var(--form-field-border-initial-color, #e0e5eb);
|
||||
border-left: 1px solid var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
|
||||
}
|
||||
|
||||
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata .tainacan-compound-group .label {
|
||||
|
|
@ -681,7 +691,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
|
|||
display: block;
|
||||
max-height: 1px;
|
||||
width: calc(100% - 40px);
|
||||
background: var(--form-field-border-initial-color, #e0e5eb);
|
||||
background: var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
|
||||
content: none;
|
||||
color: transparent;
|
||||
margin: 0.5em 0 0.5em 40px;
|
||||
|
|
@ -727,7 +737,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
|
|||
width: 100%;
|
||||
display: none;
|
||||
padding: 2rem 42px 1rem 42px;
|
||||
border-top: 1px solid var(--form-field-border-initial-color, #e0e5eb);
|
||||
border-top: 1px solid var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
|
||||
}
|
||||
|
||||
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--tabs label {
|
||||
|
|
@ -755,7 +765,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
|
|||
|
||||
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--tabs input:checked + label {
|
||||
opacity: 1.0;
|
||||
border-bottom-color: var(--paletteColor1, #3eaf7c);
|
||||
border-bottom-color: var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c));
|
||||
}
|
||||
|
||||
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--tabs input:checked + label + .tainacan-item-section {
|
||||
|
|
@ -781,7 +791,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
|
|||
width: 100%;
|
||||
display: none;
|
||||
padding: 2rem 42px 1rem 42px;
|
||||
border-bottom: 1px solid var(--form-field-border-initial-color, #e0e5eb);
|
||||
border-bottom: 1px solid var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
|
|
@ -793,7 +803,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
|
|||
margin: 0;
|
||||
cursor: pointer;
|
||||
opacity: 0.85;
|
||||
border-bottom: 1px solid var(--form-field-border-initial-color, #e0e5eb);
|
||||
border-bottom: 1px solid var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
|
||||
transition: opacity 0.2s ease;
|
||||
}
|
||||
|
||||
|
|
@ -804,7 +814,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
|
|||
|
||||
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--collapses label .tainacan-icon,
|
||||
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--accordion label .tainacan-icon {
|
||||
color: var(--paletteColor1, #3eaf7c);
|
||||
color: var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c));
|
||||
transform: rotate(0deg);
|
||||
transition: transform 0.2s ease;
|
||||
}
|
||||
|
|
@ -817,7 +827,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
|
|||
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--collapses label:hover,
|
||||
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--accordion label:hover {
|
||||
opacity: 1.0;
|
||||
border-bottom: 1px solid var(--form-field-border-initial-color, #e0e5eb);
|
||||
border-bottom: 1px solid var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
|
||||
}
|
||||
|
||||
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--collapses input,
|
||||
|
|
@ -848,8 +858,8 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
|
|||
|
||||
.tainacan-item-single-page .tainacan-media-component,
|
||||
.tainacan-gallery-above-title .tainacan-media-component {
|
||||
--swiper-theme-color: var(--paletteColor1, #3eaf7c);
|
||||
--swiper-navigation-color: var(--paletteColor1, #3eaf7c);
|
||||
--swiper-theme-color: var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c));
|
||||
--swiper-navigation-color: var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c));
|
||||
--swiper-navigation-size: 2.5rem;
|
||||
--tainacan-media-background: var(--background-color, #ffffff);
|
||||
--tainacan-media-main-carousel-height: var(--document-height, 60vh);
|
||||
|
|
@ -864,15 +874,15 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
|
|||
.tainacan-gallery-above-title .tainacan-media-component .tainacan-media-component__swiper-main .swiper-slide-metadata__name,
|
||||
.tainacan-gallery-above-title .tainacan-media-component .tainacan-media-component__swiper-main .swiper-slide-metadata__caption,
|
||||
.tainacan-gallery-above-title .tainacan-media-component .tainacan-media-component__swiper-main .swiper-slide-metadata__description {
|
||||
font-family: var(--fontFamily);
|
||||
font-size: var(--fontSize);
|
||||
font-weight: var(--fontWeight);
|
||||
font-style: var(--fontStyle, inherit);
|
||||
line-height: var(--lineHeight);
|
||||
letter-spacing: var(--letterSpacing);
|
||||
text-transform: var(--textTransform);
|
||||
-webkit-text-decoration: var(--textDecoration);
|
||||
text-decoration: var(--textDecoration);
|
||||
font-family: var(--theme-font-family, var(--fontFamily));
|
||||
font-size: var(--theme-font-size, var(--fontSize));
|
||||
font-weight: var(--theme-font-weight, var(--fontWeight));
|
||||
font-style: var(--theme-font-style, var(--fontStyle, inherit));
|
||||
line-height: var(--theme-line-height, var(--lineHeight));
|
||||
letter-spacing: var(--theme-letter-spacing, var(--letterSpacing));
|
||||
text-transform: var(--theme-text-transform, var(--textTransform));
|
||||
-webkit-text-decoration: var(--theme-text-decoration, var(--textDecoration));
|
||||
text-decoration: var(--theme-text-decoration, var(--textDecoration));
|
||||
}
|
||||
|
||||
.tainacan-item-single-page .tainacan-media-component .tainacan-media-component__swiper-thumbs,
|
||||
|
|
@ -883,7 +893,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
|
|||
|
||||
.tainacan-item-single-page .tainacan-media-component .tainacan-media-component__swiper-thumbs img,
|
||||
.tainacan-gallery-above-title .tainacan-media-component .tainacan-media-component__swiper-thumbs img {
|
||||
border-radius: var(--borderRadius, 3px);
|
||||
border-radius: var(--theme-border-radius, var(--borderRadius, 3px));
|
||||
border-bottom: 4px solid transparent;
|
||||
margin-bottom: 4px;
|
||||
transition: border 0.3s ease;
|
||||
|
|
@ -893,15 +903,15 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
|
|||
.tainacan-gallery-above-title .tainacan-media-component .tainacan-media-component__swiper-thumbs .swiper-slide-metadata__name {
|
||||
display: block;
|
||||
margin-top: 0.5rem;
|
||||
font-family: var(--fontFamily);
|
||||
font-size: var(--fontSize);
|
||||
font-weight: var(--fontWeight);
|
||||
font-style: var(--fontStyle, inherit);
|
||||
line-height: var(--lineHeight);
|
||||
letter-spacing: var(--letterSpacing);
|
||||
text-transform: var(--textTransform);
|
||||
-webkit-text-decoration: var(--textDecoration);
|
||||
text-decoration: var(--textDecoration);
|
||||
font-family: var(--theme-font-family, var(--fontFamily));
|
||||
font-size: var(--theme-font-size, var(--fontSize));
|
||||
font-weight: var(--theme-font-weight, var(--fontWeight));
|
||||
font-style: var(--theme-font-style, var(--fontStyle, inherit));
|
||||
line-height: var(--theme-line-height, var(--lineHeight));
|
||||
letter-spacing: var(--theme-letter-spacing, var(--letterSpacing));
|
||||
text-transform: var(--theme-text-transform, var(--textTransform));
|
||||
-webkit-text-decoration: var(--theme-text-decoration, var(--textDecoration));
|
||||
text-decoration: var(--theme-text-decoration, var(--textDecoration));
|
||||
}
|
||||
|
||||
@media screen and (min-width: 960px) {
|
||||
|
|
@ -924,7 +934,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
|
|||
right: calc(50% - 18px);
|
||||
cursor: pointer;
|
||||
font-size: 0;
|
||||
background-color: var(--paletteColor1, #3eaf7c);
|
||||
background-color: var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c));
|
||||
color: white;
|
||||
transition: opacity 0.3s ease, transform 0.3s ease, font-size 0.3s ease;
|
||||
}
|
||||
|
|
@ -983,7 +993,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
|
|||
}
|
||||
|
||||
.tainacan-gallery-above-title {
|
||||
background-color: var(--tainacan-media-background-color, var(--paletteColor7));
|
||||
background-color: var(--tainacan-media-background-color, var(--theme-palette-color-7, var(--paletteColor7)));
|
||||
margin-top: calc(-1 * var(--content-vertical-spacing));
|
||||
margin-bottom: var(--content-vertical-spacing);
|
||||
margin-left: var(--has-boxed, calc(-1 * var(--boxed-content-spacing)));
|
||||
|
|
@ -993,9 +1003,9 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
|
|||
}
|
||||
|
||||
.tainacan-gallery-above-title .tainacan-media-component {
|
||||
--tainacan-media-background: var(--tainacan-media-background-color, var(--paletteColor7));
|
||||
--swiper-navigation-color: var(--tainacan-media-accent-color, --paletteColor1);
|
||||
--swiper-theme-color: var(--tainacan-media-accent-color, --paletteColor1);
|
||||
--tainacan-media-background: var(--tainacan-media-background-color, var(--theme-palette-color-7, var(--paletteColor7)));
|
||||
--swiper-navigation-color: var(--tainacan-media-accent-color, var(--theme-palette-color-1, var(--paletteColor1)));
|
||||
--swiper-theme-color: var(--tainacan-media-accent-color, var(--theme-palette-color-1, var(--paletteColor1)));
|
||||
--tainacan-label-color: var(--tainacan-media-color, --tainacan-label-color);
|
||||
--tainacan-info-color: var(--tainacan-media-color, --tainacan-info-color);
|
||||
}
|
||||
|
|
|
|||
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
|
|
@ -14,9 +14,9 @@ $background_color_palette = get_theme_mod($prefix . '_items_list_background_pale
|
|||
'color1' => [ 'color' => 'var(--background-color, #f8f9fb)' ],
|
||||
'color2' => [ 'color' => 'var(--cardBackground, #ffffff)' ],
|
||||
'color3' => [ 'color' => 'var(--cardBackground, #ffffff)' ],
|
||||
'color4' => [ 'color' => 'var(--form-field-initial-background, #ffffff)' ],
|
||||
'color5' => [ 'color' => 'var(--form-field-border-initial-color, #e0e5eb)' ],
|
||||
'color6' => [ 'color' => 'var(--form-field-border-initial-color, #e0e5eb)' ]
|
||||
'color4' => [ 'color' => 'var(--theme-form-field-background-initial-color, var(--form-field-initial-background, #ffffff))' ],
|
||||
'color5' => [ 'color' => 'var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb))' ],
|
||||
'color6' => [ 'color' => 'var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb))' ]
|
||||
]);
|
||||
$page_container_style .= '--tainacan-background-color:' . $background_color_palette['color1']['color'] . ';';
|
||||
$page_container_style .= '--tainacan-item-background-color:' . $background_color_palette['color2']['color'] . ';';
|
||||
|
|
@ -27,11 +27,11 @@ $page_container_style .= '--tainacan-input-border-color:' . $background_color_pa
|
|||
|
||||
$text_color_palette = get_theme_mod($prefix . '_items_list_text_palette',
|
||||
[
|
||||
'color1' => [ 'color' => 'var(--paletteColor1,#3eaf7c)' ],
|
||||
'color2' => [ 'color' => 'var(--headingColor, rgba(44, 62, 80, 1))' ],
|
||||
'color3' => [ 'color' => 'var(--color, #454647)' ],
|
||||
'color4' => [ 'color' => '#555758' ],
|
||||
'color5' => [ 'color' => 'var(--formTextInitialColor, #454647)' ]
|
||||
'color1' => [ 'color' => 'var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c))' ],
|
||||
'color2' => [ 'color' => 'var(--theme-heading-color, var(--headingColor, rgba(44, 62, 80, 1))' ],
|
||||
'color3' => [ 'color' => 'var(--theme-text-color, var(--color, #373839))' ],
|
||||
'color4' => [ 'color' => '#505253' ],
|
||||
'color5' => [ 'color' => 'var(--theme-form-text-initial-color, var(--formTextInitialColor, #373839))' ]
|
||||
]);
|
||||
$page_container_style .= '--tainacan-secondary:' . $text_color_palette['color1']['color'] . ';';
|
||||
$page_container_style .= '--tainacan-heading-color:' . $text_color_palette['color2']['color'] . ';';
|
||||
|
|
|
|||
|
|
@ -15,9 +15,9 @@ $background_color_palette = get_theme_mod($repository_items_prefix . '_items_lis
|
|||
'color1' => [ 'color' => 'var(--background-color, #f8f9fb)' ],
|
||||
'color2' => [ 'color' => 'var(--cardBackground, #ffffff)' ],
|
||||
'color3' => [ 'color' => 'var(--cardBackground, #ffffff)' ],
|
||||
'color4' => [ 'color' => 'var(--form-field-initial-background, #ffffff)' ],
|
||||
'color4' => [ 'color' => 'var(--theme-form-field-background-initial-color, var(--form-field-background-initial-color, #ffffff))' ],
|
||||
'color5' => [ 'color' => 'var(--background-color, #f8f9fb)' ],
|
||||
'color6' => [ 'color' => 'var(--form-field-border-initial-color, #e0e5eb)' ]
|
||||
'color6' => [ 'color' => 'var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb))' ]
|
||||
]);
|
||||
$page_container_style .= '--tainacan-background-color:' . $background_color_palette['color1']['color'] . ';';
|
||||
$page_container_style .= '--tainacan-item-background-color:' . $background_color_palette['color2']['color'] . ';';
|
||||
|
|
@ -28,11 +28,11 @@ $page_container_style .= '--tainacan-input-border-color:' . $background_color_pa
|
|||
|
||||
$text_color_palette = get_theme_mod($repository_items_prefix . '_items_list_text_palette',
|
||||
[
|
||||
'color1' => [ 'color' => 'var(--paletteColor1,#3eaf7c)' ],
|
||||
'color2' => [ 'color' => 'var(--headingColor, rgba(44, 62, 80, 1))' ],
|
||||
'color3' => [ 'color' => 'var(--color, #454647)' ],
|
||||
'color4' => [ 'color' => '#555758' ],
|
||||
'color5' => [ 'color' => 'var(--formTextInitialColor, #454647)' ]
|
||||
'color1' => [ 'color' => 'var(--theme-palette-color-1, var(--paletteColor, #3eaf7c))' ],
|
||||
'color2' => [ 'color' => 'var(--theme-heading-color, var(--headingColor, rgba(44, 62, 80, 1)))' ],
|
||||
'color3' => [ 'color' => 'var(--theme-text-color, var(--color, #373839))' ],
|
||||
'color4' => [ 'color' => '#505253' ],
|
||||
'color5' => [ 'color' => 'var(--theme-form-text-initial-color, var(--form-text-initial-color, #373839))' ]
|
||||
]);
|
||||
$page_container_style .= '--tainacan-secondary:' . $text_color_palette['color1']['color'] . ';';
|
||||
$page_container_style .= '--tainacan-heading-color:' . $text_color_palette['color2']['color'] . ';';
|
||||
|
|
|
|||
|
|
@ -15,9 +15,9 @@ $background_color_palette = get_theme_mod($terms_items_prefix . '_items_list_bac
|
|||
'color1' => [ 'color' => 'var(--background-color, #f8f9fb)' ],
|
||||
'color2' => [ 'color' => 'var(--cardBackground, #ffffff)' ],
|
||||
'color3' => [ 'color' => 'var(--cardBackground, #ffffff)' ],
|
||||
'color4' => [ 'color' => 'var(--form-field-initial-background, #ffffff)' ],
|
||||
'color4' => [ 'color' => 'var(--theme-form-field-background-initial-color, var(--theme-form-field-background-initial-color, #ffffff))' ],
|
||||
'color5' => [ 'color' => 'var(--background-color, #f8f9fb)' ],
|
||||
'color6' => [ 'color' => 'var(--form-field-border-initial-color, #e0e5eb)' ]
|
||||
'color6' => [ 'color' => 'var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb))' ]
|
||||
]);
|
||||
$page_container_style .= '--tainacan-background-color:' . $background_color_palette['color1']['color'] . ';';
|
||||
$page_container_style .= '--tainacan-item-background-color:' . $background_color_palette['color2']['color'] . ';';
|
||||
|
|
@ -28,11 +28,11 @@ $page_container_style .= '--tainacan-input-border-color:' . $background_color_pa
|
|||
|
||||
$text_color_palette = get_theme_mod($terms_items_prefix . '_items_list_text_palette',
|
||||
[
|
||||
'color1' => [ 'color' => 'var(--paletteColor1,#3eaf7c)' ],
|
||||
'color2' => [ 'color' => 'var(--headingColor, rgba(44, 62, 80, 1))' ],
|
||||
'color3' => [ 'color' => 'var(--color, #454647)' ],
|
||||
'color4' => [ 'color' => '#555758' ],
|
||||
'color5' => [ 'color' => 'var(--formTextInitialColor, #454647)' ]
|
||||
'color1' => [ 'color' => 'var(--theme-palette-color-1, var(--paletterColor1, #3eaf7c))' ],
|
||||
'color2' => [ 'color' => 'var(--theme-heading-color, var(--headingColor, rgba(44, 62, 80, 1)))' ],
|
||||
'color3' => [ 'color' => 'var(--theme-text-color, var(--color, #373839))' ],
|
||||
'color4' => [ 'color' => '#505253' ],
|
||||
'color5' => [ 'color' => 'var(--theme-form-text-initial-color, var(--formTextInitialColor, #373839))' ]
|
||||
]);
|
||||
$page_container_style .= '--tainacan-secondary:' . $text_color_palette['color1']['color'] . ';';
|
||||
$page_container_style .= '--tainacan-heading-color:' . $text_color_palette['color2']['color'] . ';';
|
||||
|
|
|
|||
Loading…
Reference in New Issue