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
42 lines
778 B
Plaintext
42 lines
778 B
Plaintext
@import '../../scss/styles';
|
|
|
|
@layer payload-default {
|
|
.dots {
|
|
margin: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
gap: 2px;
|
|
background-color: var(--theme-elevation-150);
|
|
border-radius: $style-radius-m;
|
|
height: calc(var(--base) * 1.2);
|
|
width: calc(var(--base) * 1.2);
|
|
|
|
&:hover {
|
|
background-color: var(--theme-elevation-250);
|
|
}
|
|
|
|
&--no-background {
|
|
background-color: transparent;
|
|
width: auto;
|
|
height: auto;
|
|
|
|
&:hover {
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
|
|
&--horizontal {
|
|
flex-direction: row;
|
|
}
|
|
|
|
> div {
|
|
width: 2px;
|
|
height: 2px;
|
|
border-radius: 100%;
|
|
background-color: currentColor;
|
|
}
|
|
}
|
|
}
|