style checkout page on mobile
This commit is contained in:
@ -408,4 +408,13 @@ body {
|
||||
|
||||
.wc-block-components-form .wc-block-components-text-input input[type=email]:focus, .wc-block-components-form .wc-block-components-text-input input[type=number]:focus, .wc-block-components-form .wc-block-components-text-input input[type=password]:focus, .wc-block-components-form .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-form .wc-block-components-text-input input[type=text]:focus, .wc-block-components-form .wc-block-components-text-input input[type=url]:focus, .wc-block-components-text-input input[type=email]:focus, .wc-block-components-text-input input[type=number]:focus, .wc-block-components-text-input input[type=password]:focus, .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-text-input input[type=text]:focus, .wc-block-components-text-input input[type=url]:focus {
|
||||
color: var(--wp--preset--color--foreground);
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
|
||||
padding-inline: 3rem;
|
||||
}
|
||||
[data-block-name="woocommerce/page-content-wrapper"] {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user