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
57 lines
987 B
Plaintext
57 lines
987 B
Plaintext
@import '../../../scss/styles.scss';
|
|
|
|
@layer payload-default {
|
|
.droppable-button {
|
|
@include btn-reset;
|
|
font-weight: 600;
|
|
font-family: inherit;
|
|
&:hover {
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
.folderBreadcrumbs {
|
|
display: flex;
|
|
|
|
&__crumb,
|
|
&__crumb-item.droppable-button {
|
|
@extend %h4;
|
|
font-weight: 600;
|
|
letter-spacing: unset;
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 0;
|
|
|
|
&:has(.icon--folder) {
|
|
height: calc(var(--base) * 1.6);
|
|
.btn__label {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
&__crumb-item.droppable-button--hover {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
&__crumb-chevron {
|
|
position: relative;
|
|
top: 1px;
|
|
|
|
.stroke {
|
|
stroke: var(--theme-elevation-250);
|
|
}
|
|
}
|
|
}
|
|
|
|
@include mid-break {
|
|
.folderBreadcrumbs {
|
|
&__crumb,
|
|
&__crumb-item {
|
|
font-size: var(--base);
|
|
}
|
|
}
|
|
}
|
|
}
|