mirror of
https://github.com/adityatelange/hugo-PaperMod.git
synced 2023-12-21 10:22:58 +01:00
a63112050a
The PaperMod theme uses a border-radius for codeblocks by default. The div that contains the corresponding code element uses the default background color, independent of the selected theme (dark vs. light). This causes an incorrect coloring in the corners of code blocks. This commits overwrites the background color of the surrounding div with the current theme color.
73 lines
1.1 KiB
CSS
73 lines
1.1 KiB
CSS
.main {
|
|
position: relative;
|
|
min-height: calc(100vh - var(--header-height) - var(--footer-height));
|
|
max-width: calc(var(--main-width) + var(--gap) * 2);
|
|
margin: auto;
|
|
padding: var(--gap);
|
|
}
|
|
|
|
.page-header h1 {
|
|
font-size: 40px;
|
|
}
|
|
|
|
.pagination {
|
|
display: flex;
|
|
}
|
|
|
|
.pagination a {
|
|
color: var(--theme);
|
|
font-size: 13px;
|
|
line-height: 36px;
|
|
background: var(--primary);
|
|
border-radius: calc(36px / 2);
|
|
padding: 0 16px;
|
|
}
|
|
|
|
.pagination .next {
|
|
margin-inline-start: auto;
|
|
}
|
|
|
|
.social-icons {
|
|
padding: 12px 0;
|
|
}
|
|
|
|
.social-icons a:not(:last-of-type) {
|
|
margin-inline-end: 12px;
|
|
}
|
|
|
|
.social-icons a svg {
|
|
height: 26px;
|
|
width: 26px;
|
|
}
|
|
|
|
code {
|
|
direction: ltr;
|
|
}
|
|
|
|
div.highlight,
|
|
pre {
|
|
position: relative;
|
|
}
|
|
|
|
div.highlight div {
|
|
background-color: var(--theme) !important;
|
|
}
|
|
|
|
.copy-code {
|
|
display: none;
|
|
position: absolute;
|
|
top: 4px;
|
|
right: 4px;
|
|
color: rgba(255, 255, 255, 0.8);
|
|
background: rgba(78, 78, 78, 0.8);
|
|
border-radius: var(--radius);
|
|
padding: 0 5px;
|
|
font-size: 14px;
|
|
user-select: none;
|
|
}
|
|
|
|
div.highlight:hover .copy-code,
|
|
pre:hover .copy-code {
|
|
display: block;
|
|
}
|