source code width bug fix I hope
This commit is contained in:
parent
51b8f1a65a
commit
55d29eecd4
1 changed files with 9 additions and 4 deletions
|
@ -40,6 +40,7 @@ a:hover {
|
||||||
/*https://pearsonified.com/golden-ratio-typography-intro/*/
|
/*https://pearsonified.com/golden-ratio-typography-intro/*/
|
||||||
/*https://grtcalculator.com/*/
|
/*https://grtcalculator.com/*/
|
||||||
max-width: 55em;
|
max-width: 55em;
|
||||||
|
|
||||||
border-radius: 0.5rem;
|
border-radius: 0.5rem;
|
||||||
|
|
||||||
/* needed due to being flex itself*/
|
/* needed due to being flex itself*/
|
||||||
|
@ -64,6 +65,14 @@ blockquote {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* div element with this class can be a bitch so need to select those as well as pre*/
|
||||||
|
.sourceCode {
|
||||||
|
max-width: -moz-available;
|
||||||
|
max-width: -webkit-fill-available;;
|
||||||
|
max-width: fill-available;
|
||||||
|
width: fit-content;
|
||||||
|
}
|
||||||
|
|
||||||
pre {
|
pre {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
min-height: 2em;
|
min-height: 2em;
|
||||||
|
@ -71,10 +80,6 @@ pre {
|
||||||
* previously a cludge of 75 em this is now a cludge of 2 different vendor extensions
|
* previously a cludge of 75 em this is now a cludge of 2 different vendor extensions
|
||||||
*
|
*
|
||||||
* */
|
* */
|
||||||
max-width: -moz-available;
|
|
||||||
max-width: -webkit-fill-available;;
|
|
||||||
max-width: fill-available;
|
|
||||||
width: fit-content;
|
|
||||||
overflow:scroll;
|
overflow:scroll;
|
||||||
/*background: #444;*/
|
/*background: #444;*/
|
||||||
border-radius: 0.5rem;
|
border-radius: 0.5rem;
|
||||||
|
|
Loading…
Reference in a new issue