feat: 💄 update component background gradients
This commit is contained in:
parent
fbcd1b90e5
commit
72e9672681
3 changed files with 14 additions and 11 deletions
|
@ -79,17 +79,18 @@
|
|||
}
|
||||
|
||||
:host .content::before {
|
||||
--gradient-start: var(--clr-quick-info-gradient-start);
|
||||
--gradient-end: var(--clr-quick-info-gradient-end);
|
||||
--gradient-dir: ellipse at bottom right;
|
||||
--gradient-start: var(--clr-quick-info-gradient-end);
|
||||
--gradient-end: var(--clr-quick-info-gradient-start);
|
||||
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: var(--border-thin);
|
||||
|
||||
background: linear-gradient(
|
||||
background: radial-gradient(
|
||||
var(--gradient-dir),
|
||||
var(--gradient-start) 0%,
|
||||
var(--gradient-end) 50%
|
||||
var(--gradient-start) 70%,
|
||||
var(--gradient-end) 100%
|
||||
);
|
||||
|
||||
border-radius: inherit;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue