style: improve readability and visual contrast for career page Mermaid diagrams
This commit is contained in:
@@ -469,6 +469,25 @@
|
|||||||
padding-left: 2rem;
|
padding-left: 2rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Mermaid diagram readability and aesthetics */
|
||||||
|
.mermaid .nodeLabel,
|
||||||
|
.mermaid .node text,
|
||||||
|
.mermaid text,
|
||||||
|
.mermaid .node .label {
|
||||||
|
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 1px rgba(0, 0, 0, 0.2) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mermaid .node.decisionNode .nodeLabel,
|
||||||
|
.mermaid .node.decisionNode text,
|
||||||
|
.mermaid .node.decisionNode .label {
|
||||||
|
text-shadow: none !important;
|
||||||
|
color: #1e293b !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mermaid svg {
|
||||||
|
filter: drop-shadow(0px 10px 20px rgba(15, 23, 42, 0.05));
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
@endpush
|
@endpush
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user