Updates to pre/code config
This ensures that code blocks look good at all screen sizes.
This commit is contained in:
parent
eca9eb7f13
commit
d7ea1174ff
3 changed files with 16 additions and 14 deletions
|
@ -1,3 +1,7 @@
|
||||||
|
2022-10-11
|
||||||
|
|
||||||
|
* Don't clip gist contents (CSS fix)
|
||||||
|
|
||||||
2022-09-24
|
2022-09-24
|
||||||
|
|
||||||
* Replace Redirector extension with LibRedirect
|
* Replace Redirector extension with LibRedirect
|
||||||
|
|
|
@ -7,17 +7,22 @@ p.meta {
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.gist {
|
pre {
|
||||||
width: 55%;
|
background-color: rgba(127, 127, 127, 0.1);
|
||||||
|
margin-right: 1em;
|
||||||
|
padding: 1em;
|
||||||
|
padding-left: 2em;
|
||||||
|
overflow-x: scroll;
|
||||||
}
|
}
|
||||||
|
|
||||||
.gist > code {
|
pre > code {
|
||||||
width: 100% !important;
|
margin-left: 0;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 760px) {
|
@media (max-width: 760px) {
|
||||||
.gist {
|
pre {
|
||||||
width: 100%;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -38,10 +43,3 @@ figure iframe {
|
||||||
footer p span {
|
footer p span {
|
||||||
margin-right: 1em;
|
margin-right: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
pre {
|
|
||||||
background-color: rgba(127, 127, 127, 0.1);
|
|
||||||
padding: 1em;
|
|
||||||
overflow-x: scroll;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
|
@ -1,3 +1,3 @@
|
||||||
module Scribe
|
module Scribe
|
||||||
VERSION = "2022-09-24"
|
VERSION = "2022-10-11"
|
||||||
end
|
end
|
||||||
|
|
Loading…
Reference in a new issue