Sync styleguide 2026.05.18.1
This commit is contained in:
1 parent
e2e6a40d9a
commit
d0079aa5f7
4 files changed
+26
-26
No files matched your search
@@ -1297,33 +1297,33 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.sg-tooltip-wrap[data-tooltip-placement="bottom"] .sg-tooltip-panel::before {
|
.sg-tooltip-wrap[data-tooltip-placement="bottom"] .sg-tooltip-panel::before {
|
||||||
top: calc(var(--spacing-small) / -2);
|
top: calc(var(--spacing-small) * -1);
|
||||||
left: 50%;
|
left: 50%;
|
||||||
border-width: 0 calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2);
|
border-width: 0 var(--spacing-small) var(--spacing-small);
|
||||||
border-color: transparent transparent var(--surface-tooltip);
|
border-color: transparent transparent var(--surface-tooltip);
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sg-tooltip-wrap[data-tooltip-placement="top"] .sg-tooltip-panel::before {
|
.sg-tooltip-wrap[data-tooltip-placement="top"] .sg-tooltip-panel::before {
|
||||||
bottom: calc(var(--spacing-small) / -2);
|
bottom: calc(var(--spacing-small) * -1);
|
||||||
left: 50%;
|
left: 50%;
|
||||||
border-width: calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2) 0;
|
border-width: var(--spacing-small) var(--spacing-small) 0;
|
||||||
border-color: var(--surface-tooltip) transparent transparent;
|
border-color: var(--surface-tooltip) transparent transparent;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sg-tooltip-wrap[data-tooltip-placement="left"] .sg-tooltip-panel::before {
|
.sg-tooltip-wrap[data-tooltip-placement="left"] .sg-tooltip-panel::before {
|
||||||
top: 50%;
|
top: 50%;
|
||||||
right: calc(var(--spacing-small) / -2);
|
right: calc(var(--spacing-small) * -1);
|
||||||
border-width: calc(var(--spacing-small) / 2) 0 calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2);
|
border-width: var(--spacing-small) 0 var(--spacing-small) var(--spacing-small);
|
||||||
border-color: transparent transparent transparent var(--surface-tooltip);
|
border-color: transparent transparent transparent var(--surface-tooltip);
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sg-tooltip-wrap[data-tooltip-placement="right"] .sg-tooltip-panel::before {
|
.sg-tooltip-wrap[data-tooltip-placement="right"] .sg-tooltip-panel::before {
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: calc(var(--spacing-small) / -2);
|
left: calc(var(--spacing-small) * -1);
|
||||||
border-width: calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2) 0;
|
border-width: var(--spacing-small) var(--spacing-small) var(--spacing-small) 0;
|
||||||
border-color: transparent var(--surface-tooltip) transparent transparent;
|
border-color: transparent var(--surface-tooltip) transparent transparent;
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1822,33 +1822,33 @@ section + section {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.sg-tooltip-wrap[data-tooltip-placement="bottom"] .sg-tooltip-panel::before {
|
.sg-tooltip-wrap[data-tooltip-placement="bottom"] .sg-tooltip-panel::before {
|
||||||
top: calc(var(--spacing-small) / -2);
|
top: calc(var(--spacing-small) * -1);
|
||||||
left: 50%;
|
left: 50%;
|
||||||
border-width: 0 calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2);
|
border-width: 0 var(--spacing-small) var(--spacing-small);
|
||||||
border-color: transparent transparent var(--surface-tooltip);
|
border-color: transparent transparent var(--surface-tooltip);
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sg-tooltip-wrap[data-tooltip-placement="top"] .sg-tooltip-panel::before {
|
.sg-tooltip-wrap[data-tooltip-placement="top"] .sg-tooltip-panel::before {
|
||||||
bottom: calc(var(--spacing-small) / -2);
|
bottom: calc(var(--spacing-small) * -1);
|
||||||
left: 50%;
|
left: 50%;
|
||||||
border-width: calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2) 0;
|
border-width: var(--spacing-small) var(--spacing-small) 0;
|
||||||
border-color: var(--surface-tooltip) transparent transparent;
|
border-color: var(--surface-tooltip) transparent transparent;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sg-tooltip-wrap[data-tooltip-placement="left"] .sg-tooltip-panel::before {
|
.sg-tooltip-wrap[data-tooltip-placement="left"] .sg-tooltip-panel::before {
|
||||||
top: 50%;
|
top: 50%;
|
||||||
right: calc(var(--spacing-small) / -2);
|
right: calc(var(--spacing-small) * -1);
|
||||||
border-width: calc(var(--spacing-small) / 2) 0 calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2);
|
border-width: var(--spacing-small) 0 var(--spacing-small) var(--spacing-small);
|
||||||
border-color: transparent transparent transparent var(--surface-tooltip);
|
border-color: transparent transparent transparent var(--surface-tooltip);
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sg-tooltip-wrap[data-tooltip-placement="right"] .sg-tooltip-panel::before {
|
.sg-tooltip-wrap[data-tooltip-placement="right"] .sg-tooltip-panel::before {
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: calc(var(--spacing-small) / -2);
|
left: calc(var(--spacing-small) * -1);
|
||||||
border-width: calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2) 0;
|
border-width: var(--spacing-small) var(--spacing-small) var(--spacing-small) 0;
|
||||||
border-color: transparent var(--surface-tooltip) transparent transparent;
|
border-color: transparent var(--surface-tooltip) transparent transparent;
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"styleguideVersion": "2026.05.18.1",
|
"styleguideVersion": "2026.05.18.1",
|
||||||
"styleguideCommit": "5b86185",
|
"styleguideCommit": "944d791",
|
||||||
"syncedAtUtc": "2026-09-21T12:28:47Z",
|
"syncedAtUtc": "2026-09-21T12:42:55Z",
|
||||||
"sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide",
|
"sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide",
|
||||||
"mirroredDocsPath": "docs/styleguide"
|
"mirroredDocsPath": "docs/styleguide"
|
||||||
}
|
}
|
||||||
@@ -1822,33 +1822,33 @@ section + section {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.sg-tooltip-wrap[data-tooltip-placement="bottom"] .sg-tooltip-panel::before {
|
.sg-tooltip-wrap[data-tooltip-placement="bottom"] .sg-tooltip-panel::before {
|
||||||
top: calc(var(--spacing-small) / -2);
|
top: calc(var(--spacing-small) * -1);
|
||||||
left: 50%;
|
left: 50%;
|
||||||
border-width: 0 calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2);
|
border-width: 0 var(--spacing-small) var(--spacing-small);
|
||||||
border-color: transparent transparent var(--surface-tooltip);
|
border-color: transparent transparent var(--surface-tooltip);
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sg-tooltip-wrap[data-tooltip-placement="top"] .sg-tooltip-panel::before {
|
.sg-tooltip-wrap[data-tooltip-placement="top"] .sg-tooltip-panel::before {
|
||||||
bottom: calc(var(--spacing-small) / -2);
|
bottom: calc(var(--spacing-small) * -1);
|
||||||
left: 50%;
|
left: 50%;
|
||||||
border-width: calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2) 0;
|
border-width: var(--spacing-small) var(--spacing-small) 0;
|
||||||
border-color: var(--surface-tooltip) transparent transparent;
|
border-color: var(--surface-tooltip) transparent transparent;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sg-tooltip-wrap[data-tooltip-placement="left"] .sg-tooltip-panel::before {
|
.sg-tooltip-wrap[data-tooltip-placement="left"] .sg-tooltip-panel::before {
|
||||||
top: 50%;
|
top: 50%;
|
||||||
right: calc(var(--spacing-small) / -2);
|
right: calc(var(--spacing-small) * -1);
|
||||||
border-width: calc(var(--spacing-small) / 2) 0 calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2);
|
border-width: var(--spacing-small) 0 var(--spacing-small) var(--spacing-small);
|
||||||
border-color: transparent transparent transparent var(--surface-tooltip);
|
border-color: transparent transparent transparent var(--surface-tooltip);
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sg-tooltip-wrap[data-tooltip-placement="right"] .sg-tooltip-panel::before {
|
.sg-tooltip-wrap[data-tooltip-placement="right"] .sg-tooltip-panel::before {
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: calc(var(--spacing-small) / -2);
|
left: calc(var(--spacing-small) * -1);
|
||||||
border-width: calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2) 0;
|
border-width: var(--spacing-small) var(--spacing-small) var(--spacing-small) 0;
|
||||||
border-color: transparent var(--surface-tooltip) transparent transparent;
|
border-color: transparent var(--surface-tooltip) transparent transparent;
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in new issue
Block a user