npm-documentation-pagelet/documentation.styl at master · nodejitsu/npm-documentation-pagelet · GitHub

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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
@import syntax
@import code

$light-highlight = #f4f4f4
$med-highlight =  #2980b9
$dark-highlight = #2980b9

//
// Custom markdown code that shouldn't affect the rest of page.
//
.markdown
  color: #444
  font-family: "proxima-nova-1", "proxima-nova-2", sans-serif;
  font-size: 15px
  line-height: 1.7
  position: relative

  .icon
    color: $dark-highlight
    display: block
    margin-top: 24px

    s
      font-size: 48px

    h3
      display: inline-block

  a
    color: #4183C4
    text-decoration: none

    &:hover
      text-decoration: underline

  h1,
  h2,
  h3,
  h3,
  h4,
  h5,
  h6
    margin: 1em 0 15px
    padding: 0
    font-weight: bold
    line-height: 1.7
    cursor: text
    position: relative

  h1
    border-bottom: 1px solid #666
    font-size: 2.5em

  h2
    font-size: 2em
    border-bottom: 1px solid #EEE

  h3
    font-size: 1.5em

  h3[id]
    color: #444

  h4
    font-size: 1.2em

  h5
    font-size: 1em

  h6
    font-size: 1em
    color: #777

  ul,
  ol
    margin: 0
    padding: 0 0 0 30px

  p,
  ul,
  ol,
  dl,
  table,
  blockquote
    margin: 15px 0

  ul ul,
  ul ol,
  ol ol,
  ol ul
    margin-top: 0
    margin-bottom: 0

  code
  pre
  kbd
  samp
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace

  code
    background-color: #FAFAFA
    border-radius: 3px
    border: 1px solid #DDD
    display: inline-block
    line-height: 1.3
    margin: 0
    font-size: 12px
    max-width: 100%
    overflow: auto
    padding: 0
    vertical-align: middle

    &:before
    &:after
      content: "\00a0"  // Extra spacing

  table:not(.rendermetable)
    border-collapse: collapse
    border-spacing: 0

    tr
      background-color: #FFF
      border-top: 1px solid #CCC

      &:nth-child(2n)
        background-color: #F8F8F8

    td,
    th
      border: 1px solid #DDD
      padding: 6px 13px

  dl
    padding: 0

    dt
      font-size: 14px
      font-style: italic
      font-weight: bold
      margin-top: 15px
      padding: 0

    dd
      margin-bottom: 15px
      margin-left: 0
      padding: 0 15px

  blockquote
    border-left: 4px solid #DDD
    padding: 0 15px
    color: #777

    &>:last-child
      margin-bottom: 0px

    &>:first-child
      margin-top: 0px

  pre code
    width: 100%
    background: #FFF
    border-radius: 0
    padding: 12px
    font-size: 15px;
    line-height: 20px;
    margin: 0;
    overflow-x: auto;
    white-space: pre;

    &:before
    &:after
      content: ''

  img
    max-width: 100%