standardebooks/web
1
0
Fork 0
mirror of https://github.com/standardebooks/web.git synced 2025-07-08 15:50:29 -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.css,
code.marc{
border: 1px solid rgba(255,255,255,.25);
border: 1px solid var(--border);
background: #333;
border-radius: .25rem;
white-space: nowrap;
@ -154,12 +154,14 @@ figure code.css{
code.xml.full,
code.html.full,
code.css.full{
position: relative;
border: none;
display: block;
padding: 1rem;
background: #333;
text-align: left;
color: #fff !important; /* in case code highlighting fails */
border: 1px solid var(--border);
}
code.full{
@ -167,24 +169,32 @@ code.full{
color: #fff !important; /* in case code highlighting fails */
}
code.full::before{
display: block;
border-bottom: 1px dashed var(--sub-text);
padding-bottom: .5rem;
margin-bottom: .5rem;
font-weight: bold;
line-height: 1;
figure.full{
position: relative;
}
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";
}
code.html.full::before{
figure.html.full::after{
content: "HTML";
}
code.css.full::before{
figure.css.full::after{
content: "CSS";
}
@ -338,6 +348,8 @@ figure.corrected::before{
padding: 0 .5rem;
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
border: 1px solid var(--border);
border-right: none;
}
figure.wrong::before{