jgdr/content/article/dev-codeblocks.md

75 lines
No EOL
1.5 KiB
Markdown

---
title: "DEV: Codeblock/quote tests Only ⚫ "
date: "2023-07-09T21:12:14+03:00"
author: "anybody"
draft: true
keywords:
- draft
- test
- local
abstract: |
Tests for code block highlighting
---
# CSS Changes
## Code blocks
```
pre {/*edited by anybody*/
padding-left:1rem;
border: 1px red solid;
/*border-top: 1px red solid;
border-bottom: 1px red solid;*/
background-color:#fff5f5;
font-size:75%;
white-space: break-spaces;
/*overflow-wrap = break-word;*/
}
code { /*edited by anybody; added background color same as in pre above*/
background-color: #fff5f5;
}
```
## Right border for tables
```
table{
border-right:1px red solid; /*edit anybody */
}
```
# Code block CSS testing
This is some random text for checking margins against the styles below
> This is a blockquote, that is long enough, lorem ipsum whatever
and codeblocks
```
this is a code block that is a bit long, with manually
set carriage returns.
```
Codeblock with overflow
**It wraps after css edit: `pre {white-space: break-spaces;}`**
```
this is a code block that is a bit long that violates line wrapping, by lorem ipsum / this is a code block that is a bit long that violates line wrapping, by lorem ipsum
```
codeblock with line numbering; add `text {linenos=true}` after <code>```</code>
```text {linenos=true}
line 1
line 2
line 3
```
Overflow text
```
Here is a sentence with a footnote.[^fn]
[^fn]: This is the text of a footnote, used 3 times.
```