Website: update article styles (#6986)

* add table and mermaid diagram styles

* Update basic-article.less
This commit is contained in:
Eric 2022-07-29 17:33:57 -05:00 committed by GitHub
parent f6b0019ac3
commit d935af2a64
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -96,7 +96,7 @@
li::marker {
color: @core-vibrant-blue;
}
code:not(.nohighlight) {
code:not(.nohighlight):not(.mermaid) {
background: #F1F0FF;
padding: 4px 8px;
font-family: @code-font;
@ -121,6 +121,17 @@
background: #F9FAFC;
white-space: break-spaces;
}
code.mermaid:not([data-processed='true']) {
opacity: 0;
}
code.mermaid {
color: @core-fleet-black-75;
margin-bottom: 16px 0px 32px;
font-family: @code-font;
display: inline-block;
margin-left: auto;
margin-right: auto;
}
blockquote {
margin: 16px 0 32px;
background: #F7F7FC;
@ -142,6 +153,24 @@
font-size: 16px;
}
}
table {
table-layout: auto;
border: 1px solid @border-lt-gray;
border-collapse: collapse;
font-size: 16px;
line-height: 28px;
margin-bottom: 16px;
max-width: 100%;
th {
font-weight: @bold;
border: 1px solid @border-lt-gray;
padding: 8px 7px 7px 8px;
}
td {
border: 1px solid @border-lt-gray;
padding: 8px 7px 7px 8px;
}
}
iframe {
align-self: center;
}