mirror of
https://github.com/woocommerce/woocommerce-paypal-payments.git
synced 2025-08-31 06:52:50 +08:00
✨ Add a new Notice component
This commit is contained in:
parent
7abf075087
commit
4bb2b1a9b5
3 changed files with 38 additions and 0 deletions
|
@ -69,3 +69,23 @@
|
|||
margin-top: var(--block-action-gap, 16px);
|
||||
}
|
||||
}
|
||||
|
||||
.ppcp--notice {
|
||||
display: block;
|
||||
padding: 10px;
|
||||
margin: 10px 0;
|
||||
line-height: 1.5714285714;
|
||||
font-size: 0.8125rem;
|
||||
background: var(--notice-background);
|
||||
color: var(--notice-text);
|
||||
|
||||
&.type--info {
|
||||
--notice-background: var(--color-success-background);
|
||||
--notice-text: var(--color-success-text);
|
||||
}
|
||||
|
||||
&.type--error {
|
||||
--notice-background: var(--color-failure-background);
|
||||
--notice-text: var(--color-failure-text);
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue