GitList
Raw Blame History 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
   103
 
$pre-bg: image-url('noise.png') top left;
.highlight, html .gist .gist-file .gist-syntax .gist-highlight {
  .line-numbers {
    text-align: right;
    font-size: .8em;
    line-height: 1.45em;
    background: $base02 $pre-bg !important;
    border-right: 1px solid darken($base03, 2) !important;
    @include box-shadow(lighten($base02, 2) -1px 0 inset);
    text-shadow: darken($base02, 10) 0 -1px;
    span { color: $base01 !important; }
    padding: .8em !important;
    @include border-radius(0);
  }
}
html .gist .gist-file {
  margin-bottom: 1.5em;
  position: relative;
  border: none;
  padding-top: image-height("code_bg.png") !important;
  .gist-syntax {
    border-bottom: 1px solid darken($base03, 2) !important;
    .gist-highlight{
      background: $base03 !important;
      pre {
        @extend .pre-code;
      }
    }
  }
  .gist-meta {
   padding: .6em 0.8em;
   border: 1px solid lighten($base02, 2) !important;
   color: $base01;
   font-size: .7em !important;
   background: $base02 $pre-bg;
   @extend .sans;
   line-height: 1.5em;
    a {
      color: mix($base1, $base01) !important;
      @include hover-link;
      &:hover { color: $base1 !important; }
    }
    a[href*='#file'] {
      position: absolute; top: 0; left:0; right:-10px;
      color: #474747 !important;
      @extend .code-title;
      &:hover { color: $link-color !important; }
    }
    a[href*=raw]{
      @extend .download-source;
      top: .4em;
    }
  }
}
pre {
  background: $base03 $pre-bg;
  @include border-radius(.4em);
  @extend .mono;
  border: 1px solid $base02;
  line-height: 1.45em;
  font-size: .8em;
  margin-bottom: 1.5em;
  padding: .8em 1em;
  color: $base1;
  overflow: auto;
}
h3.filename {
  @extend .code-title;
  + pre { @include border-top-radius(0px); }
}
 
p code {
  @extend .mono;
  display: inline-block;
  white-space: no-wrap;
  background: #fff;
  font-size: .9em;
  line-height: 1.5em;
  color: #555;
  border: 1px solid #ddd;
  @include border-radius(.4em);
  padding: 0 .3em;
  margin: -1px 0;
}
 
.pre-code {
  @include selection(adjust-color($base03, $lightness: 23%, $saturation: -65%), $text-shadow: $base03 0 1px);
  overflow: scroll;
  overflow-y: hidden;
  display: block;
  padding: .8em !important;
  overflow-x: auto;
  line-height: 1.45em;
  background: $base03 $pre-bg !important;
  color: $base1 !important;
  span { color: $base1 !important; }
  span { font-style: normal !important; font-weight: normal !important; }
 
  .c      { color: $base01 !important; font-style: italic !important; }                     /* Comment */
  .cm     { color: $base01 !important; font-style: italic !important; }                     /* Comment.Multiline */
  .cp     { color: $base01 !important; font-style: italic !important;  }                     /* Comment.Preproc */
  .c1     { color: $base01 !important; font-style: italic !important; }                     /* Comment.Single */
  .cs     { color: $base01 !important; font-weight: bold !important; font-style: italic !important; }   /* Comment.Special */