hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix broken code blocks with complex settings (again)

Browse Source 
Additionally, utilize `unset` instead of transparent in more places
This commit is contained in:
daudix
2024-07-21 19:59:23 +03:00
parent ddf9e2fb77
commit 67201978bb
8 changed files with 37 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
content/demo/index.md
View File

@ -72,19 +72,14 @@ let highlight = true;
```scss, linenos, linenostart=10, hl_lines=3-4 8-9, hide_lines=2 7 ```scss, linenos, linenostart=10, hl_lines=3-4 8-9, hide_lines=2 7
pre mark { pre mark {
// If you want your highlights to take the full width
display: block; display: block;
color: currentcolor; color: currentcolor;
} }
pre table td:nth-of-type(1) { pre table td:nth-of-type(1) {
// Select a colour matching your theme
color: #6b6b6b; color: #6b6b6b;
font-style: italic; font-style: italic;
} }
``` ```

2
sass/_buttons.scss
View File

@ -34,7 +34,7 @@
&.colored { &.colored {
box-shadow: none; box-shadow: none;
background-color: transparent; background-color: unset;
color: var(--primary-color); color: var(--primary-color);
&:hover { &:hover {

40
sass/_code.scss
View File

@ -24,9 +24,28 @@ pre {
overflow: auto; overflow: auto;
line-height: normal; line-height: normal;
table td { table {
border: none; box-shadow: none;
padding: 0; border-radius: 0;
background-color: unset;
table-layout: auto;
overflow: hidden;
tr {
&:nth-child(even) {
background-color: unset;
}
th,
td {
padding: 0;
}
th {
background-color: unset;
font-weight: normal;
}
}
} }
// The line number cells // The line number cells
@ -46,21 +65,6 @@ pre {
color: var(--fg-color); // Unset mark color from primary color to text color color: var(--fg-color); // Unset mark color from primary color to text color
} }
table {
box-shadow: none;
border-radius: 0;
border-collapse: collapse;
width: 100%;
table-layout: auto;
overflow: auto;
tr {
&:nth-child(even) {
background-color: unset;
}
}
}
// The line numbers already provide some kind of left/right padding // The line numbers already provide some kind of left/right padding
&[data-linenos] { &[data-linenos] {
padding: 1rem 0; padding: 1rem 0;

4
sass/_comments.scss
View File

@ -101,7 +101,7 @@
&.op { &.op {
box-shadow: none; box-shadow: none;
background-color: transparent; background-color: unset;
color: var(--primary-color); color: var(--primary-color);
&:hover { &:hover {
@ -162,7 +162,7 @@
.faves { .faves {
transition: var(--transition); transition: var(--transition);
border-radius: 999px; border-radius: 999px;
background-color: transparent; background-color: unset;
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
font-variant-numeric: tabular-nums; font-variant-numeric: tabular-nums;
text-decoration: none; text-decoration: none;

2
sass/_nav.scss
View File

@ -156,7 +156,7 @@
cursor: pointer; cursor: pointer;
border: none; border: none;
border-radius: 999px; border-radius: 999px;
background-color: transparent; background-color: unset;
font-weight: bold; font-weight: bold;
font-size: 1rem; font-size: 1rem;

2
sass/_pre-container.scss
View File

@ -26,7 +26,7 @@
cursor: pointer; cursor: pointer;
border: none; border: none;
border-radius: var(--rounded-corner-small); border-radius: var(--rounded-corner-small);
background-color: transparent; background-color: unset;
padding: 0.5rem; padding: 0.5rem;
line-height: 0; line-height: 0;

20
sass/_table.scss
View File

@ -8,27 +8,19 @@ table {
table-layout: fixed; table-layout: fixed;
overflow: hidden; overflow: hidden;
th {
font-weight: bold;
}
th,
td {
padding: 0.5rem 1rem;
}
tr { tr {
&:nth-child(even) { &:nth-child(even) {
background-color: var(--fg-muted-1); background-color: var(--fg-muted-1);
} }
th,
td {
padding: 0.5rem 1rem;
}
th { th {
background-color: var(--fg-muted-2); background-color: var(--fg-muted-2);
font-weight: bold;
} }
} }
} }
td,
th {
padding: 0;
}

4
sass/_typography.scss
View File

@ -115,11 +115,11 @@ progress {
} }
&:indeterminate::-moz-progress-bar { &:indeterminate::-moz-progress-bar {
background-color: transparent; background-color: unset;
} }
&::-webkit-progress-bar { &::-webkit-progress-bar {
background-color: transparent; background-color: unset;
} }
&::-moz-progress-bar { &::-moz-progress-bar {