yuzu/yuzu-emu.github.io
1
0
Fork 0
mirror of https://github.com/yuzu-emu/yuzu-emu.github.io.git synced 2025-06-08 21:37:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update style of multiline code blocks (#240)

Browse source
This commit is contained in:
Ameer J 2021-01-07 15:11:07 -05:00 committed by GitHub
parent 202bc1982c
commit 20f536e8a2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/scss/yuzu/yuzu.scss
View file

@ -4,6 +4,7 @@ $switch-yellow: #e6ff00;
$switch-deeppink: #ff3278; $switch-deeppink: #ff3278;
$switch-lime: #1edc00; $switch-lime: #1edc00;
$switch-gray: #828282; $switch-gray: #828282;
$code-bg: #101010; // code tag background color
@each $name, $color in ("orangered", $switch-orangered), ("deepskyblue", $switch-deepskyblue), @each $name, $color in ("orangered", $switch-orangered), ("deepskyblue", $switch-deepskyblue),
("yellow", $switch-yellow), ("deeppink", $switch-deeppink), ("lime", $switch-lime), ("gray", $switch-gray) { ("yellow", $switch-yellow), ("deeppink", $switch-deeppink), ("lime", $switch-lime), ("gray", $switch-gray) {
@ -103,12 +104,27 @@ a:hover {
line-height: 1.45; line-height: 1.45;
} }
// Fix background color of monospaced text // Fix background color for single line monospaced text
.content :not(pre) > code { .content :not(pre) > code {
background: #101010; background: $code-bg;
} }
code { // Multiline code block container
.content pre {
padding: 16px;
overflow: auto;
line-height: 1.45;
background-color: $code-bg;
border-radius: 6px;
}
// Text color of multilne code block
pre > code {
color: #FFFFFF;
}
// Style of single line code block
:not(pre) > code {
color: #FFFFFF; color: #FFFFFF;
font-size: 0.875em; font-size: 0.875em;
font-weight: 400; font-weight: 400;