mirror of
https://github.com/adulau/brouilleursdeblanc.git
synced 2024-11-21 09:37:12 +00:00
Rename _pygments.scss to _syntax.scss
- Include Rouge in Pygments examples
This commit is contained in:
parent
acd39347b6
commit
c3928c81cd
5 changed files with 10 additions and 47 deletions
|
@ -68,12 +68,12 @@ HTML and <abbr title="cascading stylesheets">CSS<abbr> are our tools. Mauris a a
|
||||||
| cell1 | cell2 | cell3 |
|
| cell1 | cell2 | cell3 |
|
||||||
| cell4 | cell5 | cell6 |
|
| cell4 | cell5 | cell6 |
|
||||||
|=====
|
|=====
|
||||||
| Foot1 | Foot2 | Foot3
|
| Foot1 | Foot2 | Foot3 |
|
||||||
{: rules="groups"}
|
{: .table}
|
||||||
|
|
||||||
## Code Snippets
|
## Code Snippets
|
||||||
|
|
||||||
Syntax highlighting via Pygments
|
Syntax highlighting via Pygments and Rouge
|
||||||
|
|
||||||
{% highlight css %}
|
{% highlight css %}
|
||||||
#container {
|
#container {
|
||||||
|
@ -83,7 +83,7 @@ Syntax highlighting via Pygments
|
||||||
}
|
}
|
||||||
{% endhighlight %}
|
{% endhighlight %}
|
||||||
|
|
||||||
Non Pygments code example
|
Non Pygments/Rouge code example
|
||||||
|
|
||||||
<div id="awesome">
|
<div id="awesome">
|
||||||
<p>This is great isn't it?</p>
|
<p>This is great isn't it?</p>
|
||||||
|
|
|
@ -16,15 +16,15 @@ Syntax highlighting is a feature that displays source code, in different colors
|
||||||
|
|
||||||
[^1]: <http://en.wikipedia.org/wiki/Syntax_highlighting>
|
[^1]: <http://en.wikipedia.org/wiki/Syntax_highlighting>
|
||||||
|
|
||||||
### Pygments Code Blocks
|
### Pygments or Rouge Code Blocks
|
||||||
|
|
||||||
To modify styling and highlight colors edit `/_sass/_pygments.scss`.
|
To modify styling and highlight colors edit `/_sass/_syntax.scss`.
|
||||||
|
|
||||||
{% highlight css %}
|
{% highlight css %}
|
||||||
#container {
|
#container {
|
||||||
float: left;
|
float: left;
|
||||||
margin: 0 -240px 0 0;
|
margin: 0 -240px 0 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
{% endhighlight %}
|
{% endhighlight %}
|
||||||
|
|
||||||
|
|
|
@ -70,43 +70,6 @@ ins {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// Tables
|
|
||||||
table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
margin: ((0px + $doc-line-height) / 2) 0;
|
|
||||||
margin: ((0rem + ($doc-line-height / $doc-font-size)) / 2) 0;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
tbody {
|
|
||||||
tr:hover > td, tr:hover > th {
|
|
||||||
background-color: $table-hover-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
thead {
|
|
||||||
tr:first-child td {
|
|
||||||
border-bottom: 2px solid $table-border-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
th {
|
|
||||||
padding: (0px + $doc-line-height) / 2;
|
|
||||||
padding: (0rem + ($doc-line-height / $doc-font-size)) / 2;
|
|
||||||
font-family: $alt-font;
|
|
||||||
font-weight: bold;
|
|
||||||
text-align: left;
|
|
||||||
background-color: $table-header-color;
|
|
||||||
border-bottom: 1px solid darken($border-color, 15%);
|
|
||||||
}
|
|
||||||
td {
|
|
||||||
border-bottom: 1px solid $border-color;
|
|
||||||
padding: (0px + $doc-line-height) / 2;
|
|
||||||
padding: (0rem + ($doc-line-height / $doc-font-size)) / 2;
|
|
||||||
@include font-size(18);
|
|
||||||
}
|
|
||||||
tr, td, th {
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Links
|
// Links
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
|
|
|
@ -19,7 +19,7 @@ sitemap: false
|
||||||
@import "mixins";
|
@import "mixins";
|
||||||
@import "reset";
|
@import "reset";
|
||||||
@import "site";
|
@import "site";
|
||||||
@import "pygments";
|
@import "syntax";
|
||||||
@import "coderay";
|
@import "coderay";
|
||||||
@import "elements";
|
@import "elements";
|
||||||
@import "forms";
|
@import "forms";
|
||||||
|
|
Loading…
Reference in a new issue