mirror of
https://github.com/oven-sh/bun
synced 2026-02-09 18:38:55 +00:00
117 lines
2.8 KiB
CSS
117 lines
2.8 KiB
CSS
/*
|
|
|
|
TRAINER GALLERY HOLO
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
SHINE LAYERS
|
|
|
|
*/
|
|
|
|
.card[data-rarity="trainer gallery rare holo"] .card__shine,
|
|
.card[data-rarity="rare holo"][data-trainer-gallery="true"] .card__shine,
|
|
.card[data-set="swshp"][data-number="swsh020"] .card__shine {
|
|
|
|
--space: 5%;
|
|
--angle: -22deg;
|
|
--imgsize: 300% 400%;
|
|
|
|
clip-path: var(--clip-borders);
|
|
|
|
background-image:
|
|
repeating-linear-gradient( var(--angle),
|
|
hsla(283, 49%, 60%, 0.75) calc(var(--space)*1),
|
|
hsla(2, 74%, 59%, 0.75) calc(var(--space)*2),
|
|
hsla(53, 67%, 53%, 0.75) calc(var(--space)*3),
|
|
hsla(93, 56%, 52%, 0.75) calc(var(--space)*4),
|
|
hsla(176, 38%, 50%, 0.75) calc(var(--space)*5),
|
|
hsla(228, 100%, 77%, 0.75) calc(var(--space)*6),
|
|
hsla(283, 49%, 61%, 0.75) calc(var(--space)*7)
|
|
);
|
|
|
|
background-blend-mode: color-dodge;
|
|
background-size: var(--imgsize);
|
|
background-position: 0% calc(var(--background-y) * 1), var(--background-x) var(--background-y);
|
|
|
|
filter: brightness(calc((var(--pointer-from-center)*0.3) + 0.5)) contrast(2.3) saturate(1);
|
|
|
|
}
|
|
|
|
.card[data-rarity="trainer gallery rare holo"] .card__shine:after,
|
|
.card[data-rarity="rare holo"][data-trainer-gallery="true"] .card__shine:after,
|
|
.card[data-set="swshp"][data-number="swsh020"] .card__shine:after {
|
|
|
|
content: "";
|
|
|
|
background-image:
|
|
radial-gradient(
|
|
farthest-corner ellipse
|
|
at calc( ((var(--pointer-x)) * 0.5) + 25% ) calc( ((var(--pointer-y)) * 0.5) + 25% ),
|
|
hsl(0, 0%, 100%) 5%,
|
|
hsla(300, 100%, 11%, 0.6) 40%,
|
|
hsl(0, 0%, 22%) 120%
|
|
);
|
|
|
|
background-position: center center;
|
|
background-size: 400% 500%;
|
|
|
|
filter: brightness(calc((var(--pointer-from-center)*0.2) + 0.4)) contrast(.85) saturate(1.1);
|
|
mix-blend-mode: hard-light;
|
|
|
|
}
|
|
|
|
.card[data-rarity="trainer gallery rare holo"] .card__shine:before,
|
|
.card[data-rarity="rare holo"][data-trainer-gallery="true"] .card__shine:before,
|
|
.card[data-set="swshp"][data-number="swsh020"] .card__shine:before {
|
|
content: none;
|
|
display: none;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
GLARE LAYERS
|
|
|
|
*/
|
|
|
|
.card[data-rarity="trainer gallery rare holo"] .card__glare,
|
|
.card[data-rarity="rare holo"][data-trainer-gallery="true"] .card__glare,
|
|
.card[data-set="swshp"][data-number="swsh020"] .card__glare {
|
|
|
|
background-image:
|
|
radial-gradient(
|
|
farthest-corner circle at var(--pointer-x) var(--pointer-y),
|
|
hsla(0, 0%, 100%, 1) 10%,
|
|
hsla(0, 0%, 100%, 0.6) 35%,
|
|
hsla(180, 11%, 35%, 1) 60%
|
|
);
|
|
|
|
mix-blend-mode: soft-light;
|
|
|
|
}
|
|
|
|
|
|
.card[data-rarity="trainer gallery rare holo"] .card__glare:before,
|
|
.card[data-rarity="rare holo"][data-trainer-gallery="true"] .card__glare:before,
|
|
.card[data-rarity="trainer gallery rare holo"] .card__glare:after,
|
|
.card[data-rarity="rare holo"][data-trainer-gallery="true"] .card__glare:after {
|
|
content: none;
|
|
display: none;
|
|
} |