Marc Mintel
5397309103
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 20s
Build & Deploy / 🧪 QA (push) Failing after 34s
Build & Deploy / 🏗️ Build (push) Has started running
Build & Deploy / 🚀 Deploy (push) Has been cancelled
Build & Deploy / 🧪 Smoke Test (push) Has been cancelled
Build & Deploy / ⚡ Lighthouse (push) Has been cancelled
Build & Deploy / 🔔 Notify (push) Has been cancelled
65 lines
1.2 KiB
Plaintext
65 lines
1.2 KiB
Plaintext
@layer payload-default {
|
|
.graphic-account {
|
|
vector-effect: non-scaling-stroke;
|
|
overflow: visible;
|
|
position: relative;
|
|
|
|
&__bg {
|
|
fill: var(--theme-elevation-50);
|
|
stroke: var(--theme-elevation-200);
|
|
stroke-width: 1px;
|
|
}
|
|
|
|
&__head,
|
|
&__body {
|
|
fill: var(--theme-elevation-200);
|
|
}
|
|
|
|
&--active {
|
|
.graphic-account {
|
|
&__bg {
|
|
fill: var(--theme-elevation-500);
|
|
stroke: var(--theme-text);
|
|
}
|
|
|
|
&__head,
|
|
&__body {
|
|
fill: var(--theme-text);
|
|
}
|
|
}
|
|
}
|
|
|
|
&:hover:not(.graphic-account--active) {
|
|
.graphic-account {
|
|
&__bg {
|
|
fill: var(--theme-elevation-200);
|
|
stroke: var(--theme-elevation-600);
|
|
}
|
|
|
|
&__head,
|
|
&__body {
|
|
fill: var(--theme-elevation-600);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
[data-theme='light'] {
|
|
.graphic-account {
|
|
&--active {
|
|
.graphic-account {
|
|
&__bg {
|
|
fill: var(--theme-elevation-300);
|
|
stroke: var(--theme-elevation-600);
|
|
}
|
|
|
|
&__head,
|
|
&__body {
|
|
fill: var(--theme-elevation-600);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|