arsenetar/pelican-red
1
0
Fork 0
mirror of https://github.com/arsenetar/pelican-red.git synced 2026-01-23 23:21:38 +00:00
Code Releases Activity

Update styles for new components and add code highlighting container styles

Browse Source 
Container styles needed a javascript hack as of now since a block style
element is needed for overflow to work correctly.  app.js adds a div
wrapper around the highlighed code (with line numbers) to allow overflow
to work correctly.
This commit is contained in:
Andrew Senetar
2013-07-29 05:53:34 -04:00
parent 725cb8893f
commit b5bdbaf332
5 changed files with 191 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
static/sass/voltaicideas/pelican-red/_pygments.scss Normal file
View File

@@ -0,0 +1,52 @@
.codehilite{
font-size: emCalc(14px);
padding: emCalc(7px);
background-color: lighten($secondary-color, 8%);
border: 1px solid $secondary-color;
font-family: 'Source Code Pro', 'Consolas', Monaco, monospace;
overflow: auto;
margin-bottom: emCalc(16px);
pre{
tab-size: 4;
white-space: pre;
font-family: inherit;
}
}
div.codehilitewrapper{
overflow-x: auto;
overflow-y: hidden;
border: 1px solid $secondary-color;
margin-bottom: 1.25em;
table.codehilitetable{
margin: 0;
border: none;
}
}
table.codehilitetable{
td{ font-size: 1em; }
width: 100%;
.linenos{
width: emCalc(30px);
padding: 0;
.linenodiv{
padding: emCalc(7px);
overflow: auto;
font-family: 'Source Code Pro', 'Consolas', Monaco, monospace;
pre{
font-family: inherit;
}
}
}
.code{
padding: 0;
.codehilite{
border-bottom: none;
border-top: none;
border-right: none;
margin: 0;
}
}
}