34 lines
686 B
CSS
34 lines
686 B
CSS
.mermaid {
|
|
margin: 24px 0;
|
|
padding: 16px;
|
|
overflow-x: auto;
|
|
border: 1px solid var(--vp-c-divider);
|
|
border-radius: 12px;
|
|
background: var(--vp-c-bg-soft);
|
|
text-align: center;
|
|
white-space: pre;
|
|
}
|
|
|
|
.mermaid svg {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
/* Platform guide screenshots */
|
|
.vp-doc img[src*="/screenshots/"] {
|
|
display: block;
|
|
margin: 1rem auto 0.5rem;
|
|
max-width: 100%;
|
|
border: 1px solid var(--vp-c-divider);
|
|
border-radius: 10px;
|
|
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
|
|
}
|
|
|
|
.vp-doc img[src*="/screenshots/"] + em,
|
|
.vp-doc p:has(+ img[src*="/screenshots/"]) {
|
|
display: block;
|
|
text-align: center;
|
|
color: var(--vp-c-text-2);
|
|
font-size: 0.9em;
|
|
}
|