--- 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 ``` ```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. ```