Add customizer options for card font size min/max/grow
Ich bin unkomfortabel.
This commit is contained in:
parent
428523af9f
commit
897c3e0830
@ -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'
|
||||
)
|
||||
)
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
// =============================================================================
|
||||
|
@ -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};
|
||||
|
Loading…
x
Reference in New Issue
Block a user