Some web style updates for pre and code tags with some new fonts. No code changes. (0.42.2)
This commit is contained in:
parent
302caf3ce7
commit
b5864fe4bd
20 changed files with 107 additions and 57 deletions
45
web/_sass/_pre.scss
Normal file
45
web/_sass/_pre.scss
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
pre {
|
||||
//counter-reset: line;
|
||||
-moz-tab-size: 2;
|
||||
tab-size: 2;
|
||||
border-radius: 12px;
|
||||
//color: #363c3e;
|
||||
font-family: "CourierPrimeSans";
|
||||
//font-weight: bold;
|
||||
font-size: $base-font-size;
|
||||
margin: 0 0 0 0;
|
||||
padding: 0 0 0 0.5em;
|
||||
border: 1px $grey-color solid;
|
||||
//overflow: auto;
|
||||
overflow-x:auto;
|
||||
line-height: 1.2em;
|
||||
// https://stackoverflow.com/questions/5840328/styling-each-line-inside-pre-with-css
|
||||
background: $grey-color-dark;
|
||||
background-image: -webkit-linear-gradient($grey-color-dark 50%, $grey-color-light 50%);
|
||||
background-image: -moz-linear-gradient($grey-color-dark 50%, $grey-color-light 50%);
|
||||
background-image: -ms-linear-gradient($grey-color-dark 50%, $grey-color-light 50%);
|
||||
background-image: -o-linear-gradient($grey-color-dark 50%, $grey-color-light 50%);
|
||||
background-image: linear-gradient($grey-color-dark 50%, $grey-color-light 50%);
|
||||
background-position: 0 0;
|
||||
background-repeat: repeat;
|
||||
background-size: 2.4em 2.4em;
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
//pre > code {
|
||||
// margin: 0 0 0 0;
|
||||
// padding: 0 0 0 0;
|
||||
//}
|
||||
|
||||
/*pre.highlight > code:before{
|
||||
content: counter(line);
|
||||
display: inline-block;
|
||||
width: 2.0em;
|
||||
border-right: 1px solid $grey-color;
|
||||
padding-right: .7em;
|
||||
margin-right: .7em;
|
||||
color: #bc6c21;
|
||||
-webkit-user-select: none;
|
||||
text-align: right;
|
||||
}*/
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue