Add Styling for Github Code blob + Line numbers

This commit is contained in:
lidlanca 2014-09-28 00:37:21 -04:00
parent 46d8db3d70
commit 1cc3c8ff15
1 changed files with 50 additions and 0 deletions

View File

@ -147,3 +147,53 @@ blockquote {
border-left: 5px solid darken(scale-color-diff(), 12%);
}
}
// -- Onebox Github Code Blob --
pre.onebox code ol.lines li:before {
position: absolute;
display:inline-block;
width:35px;
left: -40px;
background: #F7F7F7;
color:#AFAFAF;
text-align:right;
padding-right:5px;
font-size:12px;
line-height: 1.9em;
content: counter(li-counter);
counter-increment: li-counter;
}
pre.onebox code ol{
margin-left:0px;
line-height:1.5em;
}
pre.onebox code li{
background-color:#fff;
padding-left:5px;
}
pre.onebox code ol.lines{
position:relative;
margin-left: 40px;
}
pre.onebox code ol.lines li {
list-style-type: none;
padding-left: 5px;
margin-left: 0px;
border-left: 1px solid #CFCFCF;
border-bottom:1px solid #E8E8E8;
min-height: 1.5em; //show empty li lines
}
pre.onebox code li.selected{
background-color:#F8EEC7
}
pre.onebox code {
white-space: normal;
}