mirror of
https://github.com/standardebooks/web.git
synced 2025-07-10 00:30:28 -04:00
Move code headers to the right and tweak borders in the manual
This commit is contained in:
parent
c892f3b8ff
commit
6772a77930
1 changed files with 23 additions and 11 deletions
|
@ -132,7 +132,7 @@ code.xml,
|
||||||
code.ietf,
|
code.ietf,
|
||||||
code.css,
|
code.css,
|
||||||
code.marc{
|
code.marc{
|
||||||
border: 1px solid rgba(255,255,255,.25);
|
border: 1px solid var(--border);
|
||||||
background: #333;
|
background: #333;
|
||||||
border-radius: .25rem;
|
border-radius: .25rem;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
@ -154,12 +154,14 @@ figure code.css{
|
||||||
code.xml.full,
|
code.xml.full,
|
||||||
code.html.full,
|
code.html.full,
|
||||||
code.css.full{
|
code.css.full{
|
||||||
|
position: relative;
|
||||||
border: none;
|
border: none;
|
||||||
display: block;
|
display: block;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
background: #333;
|
background: #333;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
color: #fff !important; /* in case code highlighting fails */
|
color: #fff !important; /* in case code highlighting fails */
|
||||||
|
border: 1px solid var(--border);
|
||||||
}
|
}
|
||||||
|
|
||||||
code.full{
|
code.full{
|
||||||
|
@ -167,24 +169,32 @@ code.full{
|
||||||
color: #fff !important; /* in case code highlighting fails */
|
color: #fff !important; /* in case code highlighting fails */
|
||||||
}
|
}
|
||||||
|
|
||||||
code.full::before{
|
figure.full{
|
||||||
display: block;
|
position: relative;
|
||||||
border-bottom: 1px dashed var(--sub-text);
|
|
||||||
padding-bottom: .5rem;
|
|
||||||
margin-bottom: .5rem;
|
|
||||||
font-weight: bold;
|
|
||||||
line-height: 1;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
code.xml.full::before{
|
figure.full::after{
|
||||||
|
float: right;
|
||||||
|
font-weight: bold;
|
||||||
|
line-height: 1;
|
||||||
|
color: rgba(255, 255, 255, 0.25);
|
||||||
|
position: absolute;
|
||||||
|
top: 1rem;
|
||||||
|
right: 1rem;
|
||||||
|
font-family: "Fira Mono", monospace;
|
||||||
|
font-size: .7rem;
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
|
||||||
|
figure.xml.full::after{
|
||||||
content: "XML";
|
content: "XML";
|
||||||
}
|
}
|
||||||
|
|
||||||
code.html.full::before{
|
figure.html.full::after{
|
||||||
content: "HTML";
|
content: "HTML";
|
||||||
}
|
}
|
||||||
|
|
||||||
code.css.full::before{
|
figure.css.full::after{
|
||||||
content: "CSS";
|
content: "CSS";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -338,6 +348,8 @@ figure.corrected::before{
|
||||||
padding: 0 .5rem;
|
padding: 0 .5rem;
|
||||||
border-top-left-radius: .25rem;
|
border-top-left-radius: .25rem;
|
||||||
border-bottom-left-radius: .25rem;
|
border-bottom-left-radius: .25rem;
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
border-right: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
figure.wrong::before{
|
figure.wrong::before{
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue