standardebooks/web
1
0
Fork 0
mirror of https://github.com/standardebooks/web.git synced 2025-07-10 00:30:28 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Move code headers to the right and tweak borders in the manual

Browse source
This commit is contained in:
Alex Cabal 2020-09-14 11:12:38 -05:00
parent c892f3b8ff
commit 6772a77930
1 changed files with 23 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

34
www/css/manual.css
View file

@ -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{