Add more buttons styles and demo notifications setup.

This commit is contained in:
Madeorsk 2024-07-14 16:05:06 +02:00
parent f949f3e191
commit a42385bfc1
Signed by: Madeorsk
SSH key fingerprint: SHA256:J9G0ofIOLKf7kyS2IfrMqtMaPdfsk1W02+oGueZzDDU
2 changed files with 13 additions and 3 deletions

View file

@ -492,6 +492,16 @@ export function DemoApp()
<button>Open a modal</button>
</Card>
<h2>Notifications</h2>
<Card>
<button>Information notification</button>
<button className={"success"}>Success notification</button>
<button className={"warning"}>Warning notification</button>
<button className={"error"}>Error notification</button>
<button className={"flat"}>Generic notification</button>
</Card>
</Application>
);
}

View file

@ -63,7 +63,7 @@ a.button, button, input[type="submit"], input[type="reset"]
}
}
&.green, &.validation, &.ok, &.positive, &.good
&.green, &.validation, &.ok, &.positive, &.good, &.success
{
border-color: var(--green-darker);
background: var(--green);
@ -94,7 +94,7 @@ a.button, button, input[type="submit"], input[type="reset"]
}
}
&.orange, &.cancel, &.back, &.return
&.orange, &.cancel, &.back, &.return, &.warning
{
border-color: var(--orange-darker);
background: var(--orange);
@ -125,7 +125,7 @@ a.button, button, input[type="submit"], input[type="reset"]
}
}
&.red, &.delete, &.remove, &.close, &.no, &.negative, &.bad
&.red, &.delete, &.remove, &.close, &.no, &.negative, &.bad, &.error
{
border-color: var(--red-darker);
background: var(--red);