aladdin 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (47) hide show
  1. data/LICENSE +22 -0
  2. data/README.md +43 -0
  3. data/assets/images/foundation/orbit/bullets.jpg +0 -0
  4. data/assets/images/foundation/orbit/left-arrow-small.png +0 -0
  5. data/assets/images/foundation/orbit/left-arrow.png +0 -0
  6. data/assets/images/foundation/orbit/loading.gif +0 -0
  7. data/assets/images/foundation/orbit/mask-black.png +0 -0
  8. data/assets/images/foundation/orbit/pause-black.png +0 -0
  9. data/assets/images/foundation/orbit/right-arrow-small.png +0 -0
  10. data/assets/images/foundation/orbit/right-arrow.png +0 -0
  11. data/assets/images/foundation/orbit/rotator-black.png +0 -0
  12. data/assets/images/foundation/orbit/timer-black.png +0 -0
  13. data/assets/javascripts/foundation/app.js +38 -0
  14. data/assets/javascripts/foundation/jquery.cookie.js +72 -0
  15. data/assets/javascripts/foundation/jquery.event.move.js +580 -0
  16. data/assets/javascripts/foundation/jquery.event.swipe.js +130 -0
  17. data/assets/javascripts/foundation/jquery.foundation.accordion.js +34 -0
  18. data/assets/javascripts/foundation/jquery.foundation.alerts.js +20 -0
  19. data/assets/javascripts/foundation/jquery.foundation.buttons.js +74 -0
  20. data/assets/javascripts/foundation/jquery.foundation.clearing.js +468 -0
  21. data/assets/javascripts/foundation/jquery.foundation.forms.js +486 -0
  22. data/assets/javascripts/foundation/jquery.foundation.joyride.js +639 -0
  23. data/assets/javascripts/foundation/jquery.foundation.magellan.js +85 -0
  24. data/assets/javascripts/foundation/jquery.foundation.mediaQueryToggle.js +27 -0
  25. data/assets/javascripts/foundation/jquery.foundation.navigation.js +55 -0
  26. data/assets/javascripts/foundation/jquery.foundation.orbit.js +897 -0
  27. data/assets/javascripts/foundation/jquery.foundation.reveal.js +794 -0
  28. data/assets/javascripts/foundation/jquery.foundation.tabs.js +43 -0
  29. data/assets/javascripts/foundation/jquery.foundation.tooltips.js +193 -0
  30. data/assets/javascripts/foundation/jquery.foundation.topbar.js +152 -0
  31. data/assets/javascripts/foundation/jquery.js +9440 -0
  32. data/assets/javascripts/foundation/jquery.offcanvas.js +50 -0
  33. data/assets/javascripts/foundation/jquery.placeholder.js +157 -0
  34. data/assets/javascripts/foundation/modernizr.foundation.js +4 -0
  35. data/bin/aladdin +20 -0
  36. data/lib/aladdin.rb +43 -0
  37. data/lib/aladdin/app.rb +89 -0
  38. data/lib/aladdin/render/markdown.rb +40 -0
  39. data/lib/aladdin/render/sanitize.rb +84 -0
  40. data/lib/aladdin/version.rb +4 -0
  41. data/views/haml/index.haml +43 -0
  42. data/views/haml/layout.haml +51 -0
  43. data/views/scss/_settings.scss +242 -0
  44. data/views/scss/app.scss +47 -0
  45. data/views/scss/github.scss +65 -0
  46. data/views/scss/pygment.scss +12 -0
  47. metadata +307 -0
data/lib/aladdin/version.rb ADDED
@@ -0,0 +1,4 @@
1
+ module Aladdin
2
+ # Version number.
3
+ VERSION = "0.0.1"
4
+ end
data/views/haml/index.haml ADDED
@@ -0,0 +1,43 @@
1
+ .row
2
+ .eight.columns
3
+ %h3 The Grid
4
+
5
+ .row
6
+ .twelve.columns
7
+ .panel
8
+ %p This is a twelve column section in a row. Each of these includes a div.panel element so you can see where the columns are - it's not required at all for the grid.
9
+
10
+ .row
11
+ .six.columns
12
+ .panel
13
+ %p Six columns
14
+ .six.columns
15
+ .panel
16
+ %p Six columns
17
+
18
+ .row
19
+ .four.columns
20
+ .panel
21
+ %p Four columns
22
+ .four.columns
23
+ .panel
24
+ %p Four columns
25
+ .four.columns
26
+ .panel
27
+ %p Four columns
28
+
29
+ %h3 Tabs
30
+ %dl.tabs
31
+ %dd.active
32
+ %a{href: '#simple1'} Simple Tab 1
33
+ %dd
34
+ %a{href: '#simple2'} Simple Tab 2
35
+ %dd
36
+ %a{href: '#simple3'} Simple Tab 3
37
+
38
+ %ul.tabs-content
39
+ %li.active#simple1Tab This is simple tab 1's content. Pretty neat, huh?
40
+ %li#simple2Tab This is simple tab 2's content. Now you see it!
41
+ %li#simple3Tab This is simple tab 3's content. It's, you know...okay.
42
+
43
+ =markdown(:index)
data/views/haml/layout.haml ADDED
@@ -0,0 +1,51 @@
1
+ !!! 5
2
+
3
+ -# paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
4
+ /[if IE 8]
5
+ <html class='no-js lt-ie9' lang='en'>
6
+ :plain
7
+ <!--[if gt IE 8]><!--><html class='no-js' lang='en'><!--<![endif]-->
8
+
9
+ %head
10
+ %meta{charset: 'utf-8'}
11
+ %meta{name: 'viewport', content: 'width=device-width'}
12
+
13
+ %title Welcome to Foundation
14
+ %link{rel: 'stylesheet', href:'stylesheets/app.css'}
15
+ %link{rel: 'stylesheet', href:'stylesheets/pygment.css'}
16
+ %link{rel: 'stylesheet', href:'stylesheets/github.css'}
17
+ %script{src: 'javascripts/foundation/modernizr.foundation.js'}
18
+
19
+ %body
20
+
21
+ .row
22
+ .twelve.columns
23
+ %h1 Genie Tutorial
24
+ %hr/
25
+
26
+ .row
27
+ .twelve.columns
28
+ =yield
29
+
30
+ %script{src: 'javascripts/foundation/jquery.js'}
31
+ %script{src: 'javascripts/foundation/jquery.cookie.js'}
32
+ %script{src: 'javascripts/foundation/jquery.event.move.js'}
33
+ %script{src: 'javascripts/foundation/jquery.event.swipe.js'}
34
+ %script{src: 'javascripts/foundation/jquery.foundation.accordion.js'}
35
+ %script{src: 'javascripts/foundation/jquery.foundation.alerts.js'}
36
+ %script{src: 'javascripts/foundation/jquery.foundation.buttons.js'}
37
+ %script{src: 'javascripts/foundation/jquery.foundation.clearing.js'}
38
+ %script{src: 'javascripts/foundation/jquery.foundation.forms.js'}
39
+ %script{src: 'javascripts/foundation/jquery.foundation.joyride.js'}
40
+ %script{src: 'javascripts/foundation/jquery.foundation.magellan.js'}
41
+ %script{src: 'javascripts/foundation/jquery.foundation.mediaQueryToggle.js'}
42
+ %script{src: 'javascripts/foundation/jquery.foundation.navigation.js'}
43
+ %script{src: 'javascripts/foundation/jquery.foundation.orbit.js'}
44
+ %script{src: 'javascripts/foundation/jquery.foundation.reveal.js'}
45
+ %script{src: 'javascripts/foundation/jquery.foundation.tabs.js'}
46
+ %script{src: 'javascripts/foundation/jquery.foundation.tooltips.js'}
47
+ %script{src: 'javascripts/foundation/jquery.foundation.topbar.js'}
48
+ %script{src: 'javascripts/foundation/jquery.placeholder.js'}
49
+
50
+ :plain
51
+ </html>
data/views/scss/_settings.scss ADDED
@@ -0,0 +1,242 @@
1
+ @import "foundation/common/ratios";
2
+
3
+ // Settings file containing Foundation defaults
4
+
5
+ // Grid Settings
6
+
7
+ // $rowWidth: 1000px;
8
+ // $columnGutter: 30px;
9
+ // $totalColumns: 12;
10
+ // $mobileTotalColumns: 4;
11
+ // $blockGridElements: 12; // Highest number of block grid elements, Maximum of 24 supported
12
+
13
+ // Colors Settings
14
+
15
+ // $mainColor: #2ba6cb;
16
+ // $secondaryColor: #e9e9e9;
17
+ // $alertColor: #c60f13;
18
+ // $successColor: #5da423;
19
+ // $txtColor: #222;
20
+ // $highlightColor: #ffff99;
21
+ // $black: #000;
22
+ // $white: #fff;
23
+ // $shinyEdge: rgba(#fff, .5);
24
+ // $darkEdge: rgba(#000, .2);
25
+
26
+ // Font Settings
27
+
28
+ // $headerFontFamily: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
29
+ // $headerFontWeight: bold;
30
+ // $headerFontStyle: normal;
31
+ // $headerFontColor: #222;
32
+ // $bodyFontFamily: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
33
+ // $bodyFontWeight: normal;
34
+ // $bodyFontStyle: normal;
35
+ // $bodyFontColor: $txtColor;
36
+
37
+ // Text Direction Settings
38
+
39
+ // $textDirection: ltr; // Controls default global text direction, 'rtl' or 'ltr'
40
+
41
+ // Button Settings
42
+
43
+ // $buttonRadius: 3px;
44
+ // $btnBase: 10px;
45
+
46
+ // $tinyBtnBase: $btnBase - 5;
47
+ // $smallBtnBase: $btnBase - 3;
48
+ // $largeBtnBase: $btnBase + 5;
49
+
50
+ // Form Settings
51
+
52
+ // $formSpacing: 12px;
53
+ // $labelFontWeight: 500;
54
+ // $labelFontColor: lighten(#000, 30%);
55
+ // $labelBtmMargin: 3px;
56
+ // $inputFontColor: rgba(0,0,0,0.75);
57
+ // $inputFontSize: 14px;
58
+ // $inputBgColor: #fff;
59
+ // $inputFocusBgColor: darken(#fff, 2%);
60
+ // $inputBorderColor: darken(#fff, 20%);
61
+ // $inputFocusBorderColor: darken(#fff, 30%);
62
+ // $inputBorderStyle: solid;
63
+ // $inputBorderWidth: 1px;
64
+ // $inputBorderRadius: 2px;
65
+ // $fieldsetBorderRadius: 3px;
66
+
67
+ // Custom Form Settings
68
+
69
+ // $custFormBorderColor: #ccc;
70
+ // $custFormBgColor: #fff;
71
+ // $custCheckColor: #222;
72
+ // $custSelectCurrentFontColor: #141414;
73
+ // $custSelectBgColor: #fff;
74
+ // $custSelectBorderColor: #ddd;
75
+ // $custSelectTriangleColor: #aaa;
76
+ // $custSelectTriangleColorOpen: #222;
77
+ // $custSelectDropHeight: 200px;
78
+ // $custDropdownBgColor: #fff;
79
+ // $custDropdownBorderColor: darken(#fff, 20%);
80
+ // $custDropdownFontColor: #555;
81
+ // $custDropdownSelectedBgColor: lighten(#2ba6cb, 40%);
82
+ // $custDropdownSelectedFontColor: #000;
83
+ // $custFormDisabledBgColor: #ddd;
84
+
85
+ // Tab Settings
86
+
87
+ // $tabHeight: 40px;
88
+ // $tabTermFontSize: 12px;
89
+
90
+ // Nav Bar Settings
91
+
92
+ // $navBarHeight: 40px;
93
+ // $navFlyoutBaseWidth: 250px;
94
+
95
+ // Top Bar Settings
96
+
97
+ // $topBarBgColor: #222;
98
+ // $topBarHeight: 45px;
99
+ // $topBarHeightMobile: 45px;
100
+ // $topBarBtmMargin: 30px;
101
+ // $topBarTitleWeight: bold;
102
+ // $topBarTitleSize: 17px;
103
+ // $topBarLinkColor: #fff;
104
+ // $topBarLinkWeight: bold;
105
+ // $topBarLinkSize: 13px;
106
+ // $topBarDropBgColor: #222;
107
+ // $topBarDropLinkColor: #fff;
108
+ // $topBarDropToggleSize: 5px;
109
+ // $topBarDropToggleColor: #fff;
110
+ // $topBarDropToggleAlpha: 0.5;
111
+ // $topBarSearchWidth: 200px;
112
+ // $topBarBreakPoint: 940px; // Change to 9999px for always mobile layout
113
+ // $topBarNavToggleSize: 8px;
114
+
115
+ // UI Settings
116
+
117
+ // $thumbRadius: 3px;
118
+ // $progBarHeight: 25px;
119
+ // $progBarBorderColor: darken(#fff, 20%);
120
+ // $progBarBorderSize: 1px;
121
+ // $progBarPad: 2px;
122
+ // $linkListBottomMargin: 17px -22px;
123
+ // $tableBorderRadius: 3px;
124
+
125
+ // Tooltip Settings
126
+
127
+ // $hasTipBorderBottom: dotted 1px #ccc;
128
+ // $hasTipFontWeight: bold;
129
+ // $hasTipFontColor: #333;
130
+ // $hasTipBorderBottomHover: dotted 1px darken($mainColor, 20%);
131
+ // $hasTipFontColorHover: $mainColor;
132
+ // $tooltipBackgroundColor: #000;
133
+ // $tooltipBackgroundOpacity: 0.85;
134
+ // $tooltipFontSize: 12px;
135
+ // $tooltipFontWeight: bold;
136
+ // $tooltipFontColor: #fff;
137
+ // $tapToCloseFontSize: 10;
138
+ // $tapToCloseFontWeight: normal;
139
+ // $tapToCloseFontColor: #888;
140
+ // $tooltipFontSizeScreenSm: 14;
141
+ // $tooltipBgOpacityScreenSm: 0.85;
142
+ // $tooltipBorderRadius: 4px;
143
+
144
+ // Pricing Table Settings
145
+
146
+ // $priceTableBorder: solid 1px #ddd;
147
+ // $priceTitleBgColor: #ddd;
148
+ // $priceTitlePadding: 15px 20px;
149
+ // $priceTitleAlign: center;
150
+ // $priceTitleColor: #333;
151
+ // $priceTitleWeight: bold;
152
+ // $priceTitleSize: 16px;
153
+
154
+ // $priceMoneyBgColor: #eee;
155
+ // $priceMoneyPadding: 15px 20px;
156
+ // $priceMoneyAlign: center;
157
+ // $priceMoneyColor: #333;
158
+ // $priceMoneyWeight: normal;
159
+ // $priceMoneySize: 20px;
160
+
161
+ // $priceBgColor: #fff;
162
+ // $priceDescColor: #777;
163
+ // $priceDescPadding: 15px;
164
+ // $priceDescAlign: center;
165
+ // $priceDescFontSize: 12px;
166
+ // $priceDescWeight: normal;
167
+ // $priceDescLineHeight: 1.4;
168
+ // $priceDescBtmBorder: dotted 1px #ddd;
169
+
170
+ // $priceItemColor: #333;
171
+ // $priceItemPadding: 15px;
172
+ // $priceItemAlign: center;
173
+ // $priceItemFontSize: 14px;
174
+ // $priceItemWeight: normal;
175
+ // $priceItemBtmBorder: dotted 1px #ddd;
176
+
177
+ // $priceCtaBgColor: #f5f5f5;
178
+ // $priceCtaAlign: center;
179
+ // $priceCtaPadding: 20px;
180
+
181
+ // Orbit Settings
182
+
183
+ // $orbitCaptionBgColorOldBrowser: #000;
184
+ // $orbitCaptionBgColor: rgba(0,0,0,.6);
185
+ // $orbitCaptionFontColor: #fff;
186
+ // $orbitBulletNavColor: #999;
187
+ // $orbitBulletNavColorActive: #222;
188
+ // $orbitHasThumbBorderColor: #000;
189
+ // $orbitHasThumbBorderWidth: 2px;
190
+ // $orbitHasThumbBorderStyle: solid;
191
+ // $orbitSlideNumBgColor: rgba(0,0,0,0.7);
192
+ // $orbitSlideNumFontColor: #fff;
193
+ // $orbitSlideNumPadding: 5px;
194
+
195
+ // Clearing Settings
196
+
197
+ // $clearingBg: rgba(0,0,0,0.8);
198
+ // $clearingOldBrowserBg: rgb(0,0,0);
199
+ // $clearingCaptionBg: rgba(0,0,0,0.7);
200
+ // $clearingCaptionOldBrowserBg: rgb(0,0,0);
201
+ // $clearingCaptionFontColor: #fff;
202
+ // $clearingCloseColor: #fff;
203
+ // $clearingArrowColor: #fff;
204
+ // $clearingArrowSize: 16px;
205
+ // $clearingCarouselBg: rgba(0,0,0,0.75);
206
+ // $clearingCarouselOldBrowserBg: rgb(0,0,0);
207
+ // $clearingCarouselHeight: 150px;
208
+ // $clearingActiveImgHeight: 75%;
209
+ // $clearingCarouselThumbWidth: 175px;
210
+ // $clearingCarouselThumbActiveBorder: 4px solid rgb(255,255,255);
211
+ // $clearingImgBg: rgba(0,0,0,0.75);
212
+ // $clearingImgOldBrowserBg: rgb(0,0,0);
213
+
214
+ // Joyride Settings
215
+
216
+ // $tipBg: rgba(0,0,0,0.8);
217
+ // $tipBgIE8: #000;
218
+ // $tipFontColor: #fff;
219
+ // $tipHeaderWeight: bold;
220
+ // $tipDefaultWidth: 300px;
221
+ // $tipBorderRadius: 4px;
222
+ // $tipPadding: 18px 20px 24px;
223
+ // $tipNubSize: 14px;
224
+ // $tipFontSize: 14px;
225
+ // $tipTimerWidth: 50px;
226
+ // $tipTimerHeight: 3px;
227
+ // $tipTimerBorder: solid 1px #555;
228
+ // $tipTimerColor: #666;
229
+ // $tipCloseColor: #777;
230
+ // $tipCloseSize: 20px;
231
+ // $tipCloseWeight: normal;
232
+ // $tipScreenFill: rgba(0,0,0,0.5);
233
+
234
+ // Modular Scale Settings
235
+
236
+ // $ratio: $golden; // THIS IS DEFAULT IN MODULAR-SCALE
237
+ // $baseFontSize: 14px;
238
+ // $importantModNum: 44px;
239
+ // $base-size: $baseFontSize $importantModNum;
240
+ // Produced the following list of values: 14, 17, 23, 27, 37, 44, 59, 71, 95, 115;
241
+ // http://www.modularscale.com by Tim Brown
242
+ // https://github.com/scottkellum/modular-scale by scottkellum
data/views/scss/app.scss ADDED
@@ -0,0 +1,47 @@
1
+ // You custom settings file to override Foundation defaults
2
+ @import "settings";
3
+
4
+ // Comment out this import if you are customizing you imports below
5
+ @import "foundation";
6
+
7
+ // ----------------------------------------
8
+ // Import specific parts of Foundation by commenting the import "foundation"
9
+ // and uncommenting what you want below. You must uncomment the following if customizing
10
+
11
+ // @import "compass/css3";
12
+ // @import "foundation/settings";
13
+ // @import "foundation/functions/all";
14
+
15
+ // Control which mixins you have access too
16
+
17
+ // @import "foundation/mixins/clearfix";
18
+ // @import "foundation/mixins/css-triangle";
19
+ // @import "foundation/mixins/font-size";
20
+
21
+ // Must include next two for semantic grid to work
22
+
23
+ // @import "foundation/mixins/respond-to";
24
+ // @import "foundation/mixins/semantic-grid";
25
+
26
+ // @import "modular-scale";
27
+ // @import "foundation/common/globals";
28
+
29
+ // Must include the grid for any responsiveness
30
+
31
+ // @import "foundation/components/grid";
32
+
33
+ // Control which common styles get compiled
34
+
35
+ // @import "foundation/common/typography";
36
+ // @import "foundation/common/forms";
37
+
38
+ // Control which components you get if customizing
39
+
40
+ // @import "foundation/components/modules/buttons";
41
+ // @import "foundation/components/modules/tabs";
42
+ // @import "foundation/components/modules/ui";
43
+ // @import "foundation/components/modules/topbar";
44
+ // @import "foundation/components/modules/navbar";
45
+ // @import "foundation/components/modules/orbit";
46
+ // @import "foundation/components/modules/reveal";
47
+ // @import "foundation/components/modules/offcanvas";
data/views/scss/github.scss ADDED
@@ -0,0 +1,65 @@
1
+ /*
2
+ * Taken from https://github.com/richleland/pygments-css/, but it probably
3
+ * belongs to GitHub.
4
+ */
5
+ .hll { background-color: #ffffcc }
6
+ .c { color: #999988; font-style: italic } /* Comment */
7
+ .err { color: #a61717; background-color: #e3d2d2 } /* Error */
8
+ .k { color: #000000; font-weight: bold } /* Keyword */
9
+ .o { color: #000000; font-weight: bold } /* Operator */
10
+ .cm { color: #999988; font-style: italic } /* Comment.Multiline */
11
+ .cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */
12
+ .c1 { color: #999988; font-style: italic } /* Comment.Single */
13
+ .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
14
+ .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
15
+ .ge { color: #000000; font-style: italic } /* Generic.Emph */
16
+ .gr { color: #aa0000 } /* Generic.Error */
17
+ .gh { color: #999999 } /* Generic.Heading */
18
+ .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
19
+ .go { color: #888888 } /* Generic.Output */
20
+ .gp { color: #555555 } /* Generic.Prompt */
21
+ .gs { font-weight: bold } /* Generic.Strong */
22
+ .gu { color: #aaaaaa } /* Generic.Subheading */
23
+ .gt { color: #aa0000 } /* Generic.Traceback */
24
+ .kc { color: #000000; font-weight: bold } /* Keyword.Constant */
25
+ .kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
26
+ .kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
27
+ .kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
28
+ .kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
29
+ .kt { color: #445588; font-weight: bold } /* Keyword.Type */
30
+ .m { color: #009999 } /* Literal.Number */
31
+ .s { color: #d01040 } /* Literal.String */
32
+ .na { color: #008080 } /* Name.Attribute */
33
+ .nb { color: #0086B3 } /* Name.Builtin */
34
+ .nc { color: #445588; font-weight: bold } /* Name.Class */
35
+ .no { color: #008080 } /* Name.Constant */
36
+ .nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */
37
+ .ni { color: #800080 } /* Name.Entity */
38
+ .ne { color: #990000; font-weight: bold } /* Name.Exception */
39
+ .nf { color: #990000; font-weight: bold } /* Name.Function */
40
+ .nl { color: #990000; font-weight: bold } /* Name.Label */
41
+ .nn { color: #555555 } /* Name.Namespace */
42
+ .nt { color: #000080 } /* Name.Tag */
43
+ .nv { color: #008080 } /* Name.Variable */
44
+ .ow { color: #000000; font-weight: bold } /* Operator.Word */
45
+ .w { color: #bbbbbb } /* Text.Whitespace */
46
+ .mf { color: #009999 } /* Literal.Number.Float */
47
+ .mh { color: #009999 } /* Literal.Number.Hex */
48
+ .mi { color: #009999 } /* Literal.Number.Integer */
49
+ .mo { color: #009999 } /* Literal.Number.Oct */
50
+ .sb { color: #d01040 } /* Literal.String.Backtick */
51
+ .sc { color: #d01040 } /* Literal.String.Char */
52
+ .sd { color: #d01040 } /* Literal.String.Doc */
53
+ .s2 { color: #d01040 } /* Literal.String.Double */
54
+ .se { color: #d01040 } /* Literal.String.Escape */
55
+ .sh { color: #d01040 } /* Literal.String.Heredoc */
56
+ .si { color: #d01040 } /* Literal.String.Interpol */
57
+ .sx { color: #d01040 } /* Literal.String.Other */
58
+ .sr { color: #009926 } /* Literal.String.Regex */
59
+ .s1 { color: #d01040 } /* Literal.String.Single */
60
+ .ss { color: #990073 } /* Literal.String.Symbol */
61
+ .bp { color: #999999 } /* Name.Builtin.Pseudo */
62
+ .vc { color: #008080 } /* Name.Variable.Class */
63
+ .vg { color: #008080 } /* Name.Variable.Global */
64
+ .vi { color: #008080 } /* Name.Variable.Instance */
65
+ .il { color: #009999 } /* Literal.Number.Integer.Long */