Add customizer options for card font size min/max/grow

Ich bin unkomfortabel.
This commit is contained in:
Tetrakern 2024-05-30 13:56:07 +02:00
parent 428523af9f
commit 897c3e0830
2 changed files with 99 additions and 0 deletions

View File

@ -2233,6 +2233,99 @@ function fictioneer_add_card_customizer_settings( $manager ) {
)
)
);
// Card font size min modifier
$manager->add_setting(
'card_font_size_min_mod',
array(
'capability' => 'edit_theme_options',
'sanitize_callback' => 'fictioneer_sanitize_float',
'default' => '0'
)
);
$manager->add_control(
new Customizer_Range_Value_Control(
$manager,
'card_font_size_min_mod',
array(
'type' => 'range-value',
'priority' => 10,
'section' => 'cards',
'settings' => 'card_font_size_min_mod',
'label' => __( 'Card Font Size Minimum Offset', 'fictioneer' ),
'description' => __( 'Modifies the lower end of the dynamic card font sizes in fractions of pixels. Default 0.', 'fictioneer' ),
'input_attrs' => array(
'min' => -4,
'max' => 4,
'step' => 0.1,
'suffix' => 'px'
)
)
)
);
// Card font size grow modifier
$manager->add_setting(
'card_font_size_grow_mod',
array(
'capability' => 'edit_theme_options',
'sanitize_callback' => 'fictioneer_sanitize_float',
'default' => '0'
)
);
$manager->add_control(
new Customizer_Range_Value_Control(
$manager,
'card_font_size_grow_mod',
array(
'type' => 'range-value',
'priority' => 10,
'section' => 'cards',
'settings' => 'card_font_size_grow_mod',
'label' => __( 'Card Font Size Grow Offset', 'fictioneer' ),
'description' => __( 'Modifies the calculation of the dynamic card font sizes in fractions of pixels. Default 0.', 'fictioneer' ),
'input_attrs' => array(
'min' => -4,
'max' => 4,
'step' => 0.1,
'suffix' => 'px'
)
)
)
);
// Card font size max modifier
$manager->add_setting(
'card_font_size_max_mod',
array(
'capability' => 'edit_theme_options',
'sanitize_callback' => 'fictioneer_sanitize_float',
'default' => '0'
)
);
$manager->add_control(
new Customizer_Range_Value_Control(
$manager,
'card_font_size_max_mod',
array(
'type' => 'range-value',
'priority' => 10,
'section' => 'cards',
'settings' => 'card_font_size_max_mod',
'label' => __( 'Card Font Size Maximum Offset', 'fictioneer' ),
'description' => __( 'Modifies the upper end of the dynamic card font sizes in fractions of pixels. Default 0.', 'fictioneer' ),
'input_attrs' => array(
'min' => -4,
'max' => 4,
'step' => 0.1,
'suffix' => 'px'
)
)
)
);
}
// =============================================================================

View File

@ -732,6 +732,9 @@ function fictioneer_build_customize_css( $context = null ) {
$card_cover_width_mod = get_theme_mod( 'card_cover_width_mod', 1 );
$card_grid_column_gap_mod = get_theme_mod( 'card_grid_column_gap_mod', 1 );
$card_grid_row_gap_mod = get_theme_mod( 'card_grid_row_gap_mod', 1 );
$card_font_size_min_mod = get_theme_mod( 'card_font_size_min_mod', 0 );
$card_font_size_grow_mod = get_theme_mod( 'card_font_size_grow_mod', 0 );
$card_font_size_max_mod = get_theme_mod( 'card_font_size_max_mod', 0 );
$card_box_shadow = get_theme_mod( 'card_shadow', 'var(--box-shadow-m)' );
$font_primary = fictioneer_get_custom_font( 'primary_font_family_value', 'var(--ff-system)', 'Open Sans' );
$font_secondary = fictioneer_get_custom_font( 'secondary_font_family_value', 'var(--ff-base)', 'Lato' );
@ -764,6 +767,9 @@ function fictioneer_build_customize_css( $context = null ) {
--grid-columns-min: {$card_grid_column_min}px;
--grid-columns-row-gap-multiplier: {$card_grid_row_gap_mod};
--grid-columns-col-gap-multiplier: {$card_grid_column_gap_mod};
--card-font-size-min-mod: {$card_font_size_min_mod}px;
--card-font-size-grow-mod: {$card_font_size_grow_mod}px;
--card-font-size-max-mod: {$card_font_size_max_mod}px;
--ff-base: {$font_primary};
--ff-note: {$font_secondary};
--ff-heading: {$font_heading};