Add 'thin' button style
This commit is contained in:
parent
76d94516e8
commit
067e4002b0
@ -8,3 +8,21 @@ function custom_stylesheet() {
|
||||
}
|
||||
|
||||
add_action( 'wp_enqueue_scripts', 'custom_stylesheet' );
|
||||
|
||||
add_action( 'init', 'lex_scotland_block_styles');
|
||||
|
||||
function lex_scotland_block_styles() {
|
||||
register_block_style( 'core/button', array(
|
||||
'name' => 'thin',
|
||||
'label' => __( 'Thin', 'lex-scotland' ),
|
||||
'inline_style' => '
|
||||
.wp-block-button.is-style-thin .wp-element-button {
|
||||
padding: 8px 16px;
|
||||
background: var(--wp--preset--color--light-green);
|
||||
color: var(--wp--preset--color--contrast);
|
||||
border-radius: 0;
|
||||
font-size: var(--wp--preset--font-size--small);
|
||||
}
|
||||
'
|
||||
) );
|
||||
}
|
Loading…
Reference in New Issue
Block a user