Fix broken code blocks with complex settings (again)
Additionally, utilize `unset` instead of transparent in more places
This commit is contained in:
@ -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;
|
||||||
|
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
|
@ -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 {
|
||||||
|
@ -24,11 +24,30 @@ pre {
|
|||||||
overflow: auto;
|
overflow: auto;
|
||||||
line-height: normal;
|
line-height: normal;
|
||||||
|
|
||||||
table td {
|
table {
|
||||||
border: none;
|
box-shadow: none;
|
||||||
|
border-radius: 0;
|
||||||
|
background-color: unset;
|
||||||
|
table-layout: auto;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
tr {
|
||||||
|
&:nth-child(even) {
|
||||||
|
background-color: unset;
|
||||||
|
}
|
||||||
|
|
||||||
|
th,
|
||||||
|
td {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
background-color: unset;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// The line number cells
|
// The line number cells
|
||||||
table td:nth-of-type(1) {
|
table td:nth-of-type(1) {
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
@ -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;
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
|
|
||||||
|
@ -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;
|
||||||
|
|
||||||
|
@ -8,8 +8,9 @@ table {
|
|||||||
table-layout: fixed;
|
table-layout: fixed;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
th {
|
tr {
|
||||||
font-weight: bold;
|
&:nth-child(even) {
|
||||||
|
background-color: var(--fg-muted-1);
|
||||||
}
|
}
|
||||||
|
|
||||||
th,
|
th,
|
||||||
@ -17,18 +18,9 @@ table {
|
|||||||
padding: 0.5rem 1rem;
|
padding: 0.5rem 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
tr {
|
|
||||||
&:nth-child(even) {
|
|
||||||
background-color: var(--fg-muted-1);
|
|
||||||
}
|
|
||||||
|
|
||||||
th {
|
th {
|
||||||
background-color: var(--fg-muted-2);
|
background-color: var(--fg-muted-2);
|
||||||
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
td,
|
|
||||||
th {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
@ -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 {
|
||||||
|
Reference in New Issue
Block a user