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

Improve responsiveness of manual and fix broken font definitions

Browse source
This commit is contained in:
Alex Cabal 2020-09-15 18:50:29 -05:00
parent ada834c365
commit b444b26414
3 changed files with 32 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

4
www/css/core.css
View file

@ -49,14 +49,14 @@
@font-face{
font-family: "Fira Mono";
src: local("Fira Mono");
src: local("Fira Mono"), url("/fonts/fira-mono.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face{
font-family: "Fira Mono";
src: local("Fira Mono");
src: local("Fira Mono"), url("/fonts/fira-mono-bold.woff2") format("woff2");
font-weight: bold;
font-style: normal;
}

34
www/css/manual.css
View file

@ -179,10 +179,10 @@ figure.full::after{
line-height: 1;
color: rgba(255, 255, 255, 0.25);
position: absolute;
top: 1rem;
right: 1rem;
top: .5rem;
right: .5rem;
font-family: "Fira Mono", monospace;
font-size: .7rem;
font-size: .5rem;
z-index: 100;
}
@ -200,7 +200,6 @@ figure.css.full::after{
code{
font-family: "Fira Mono", monospace;
font-size: .7rem;
}
code.terminal{
@ -680,6 +679,33 @@ figure code.css{
}
}
@media(max-width: 1100px){
.manual ol ol ul, .manual ol ol p, .manual ol ol figure,
.manual > article > section > section section{
margin-left: 0;
}
.manual > article > section > section[id] > section > ol > li aside.number,
.manual > article > section > section[id] > section > aside.number{
margin-left: -10.5rem;
}
.manual > article > section > section[id] > section > section > ol > li aside.number,
.manual > article > section > section[id] > section > section > aside.number{
margin-left: 0;
}
.manual > article > section > section[id] > ol ol > li aside.number::after,
.manual > article > section > section[id] section > ol > li aside.number::after,
.manual > article > section > section[id] section > aside.number::after{
display: none;
}
.manual > article > section > section{
padding-left: 2rem;
}
}
@media(max-width: 1000px){
main.manual > article{
margin-left: 2rem;

0
www/fonts/fira-mono-regular.woff2 → www/fonts/fira-mono.woff2
View file