Browse code

fixed github line numbering issue, fixed a few bugs in code block styling

Brandon Mathis authored on 27/09/2011 at 05:57:45
Showing 2 changed files
... ...
@@ -1,4 +1,5 @@
1 1
 .highlight, html .gist .gist-file .gist-syntax .gist-highlight {
2
+  table td.code { width: 100%; }
2 3
   .line-numbers {
3 4
     text-align: right;
4 5
     font-size: 13px;
... ...
@@ -85,19 +86,21 @@ h3.filename {
85 85
   + pre { @include border-top-radius(0px); }
86 86
 }
87 87
 
88
-p code,
89
-li code {
90
-  @extend .mono;
91
-  display: inline-block;
92
-  white-space: no-wrap;
93
-  background: #fff;
94
-  font-size: .8em;
95
-  line-height: 1.5em;
96
-  color: #555;
97
-  border: 1px solid #ddd;
98
-  @include border-radius(.4em);
99
-  padding: 0 .3em;
100
-  margin: -1px 0;
88
+p, li {
89
+  code {
90
+    @extend .mono;
91
+    display: inline-block;
92
+    white-space: no-wrap;
93
+    background: #fff;
94
+    font-size: .8em;
95
+    line-height: 1.5em;
96
+    color: #555;
97
+    border: 1px solid #ddd;
98
+    @include border-radius(.4em);
99
+    padding: 0 .3em;
100
+    margin: -1px 0;
101
+  }
102
+  pre code { font-size: 1em !important; background: none; border: none; }
101 103
 }
102 104
 
103 105
 .pre-code {
... ...
@@ -216,6 +219,7 @@ figure.code {
216 216
     margin-bottom: 0;
217 217
   }
218 218
 }
219
+
219 220
 .code-title {
220 221
   text-align: center;
221 222
   font-size: 13px;
... ...
@@ -243,3 +247,4 @@ figure.code {
243 243
   text-shadow: #cbcccc 0 1px 0;
244 244
   padding-left: 3em;
245 245
 }
246
+
... ...
@@ -58,7 +58,7 @@ function addCodeLineNumbers() {
58 58
         lineNumbers = '<pre class="line-numbers">',
59 59
         tableMiddle = '</pre></td><td class="code">',
60 60
         tableEnd = '</td></tr></tbody></table>',
61
-        count = $('span.line', code).length;
61
+        count = $('.line', code).length;
62 62
     for (var i=1;i<=count; i++) {
63 63
       lineNumbers += '<span class="line-number">'+i+'</span>\n';
64 64
     }