programming-pages 0.5.16 → 0.5.17

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 67aa6526d70dc18e7f6e81d59bf3ae90be7ddd7852bcd19def90dce99ab5177a
4
- data.tar.gz: '0659ad44b2e2150c4648dba8809c36f5f83a17df6a949c670b2015018856ef97'
3
+ metadata.gz: e1ca3ee665b66482f5d22fd07bad93962addb817a80fdc92e98da35cdfa37219
4
+ data.tar.gz: 6ecb4c5e8695489296135a60322aa60c5cc95116c7d6d4e9a8d9e7c4a71e9be6
5
5
  SHA512:
6
- metadata.gz: 95d2f0253308325425b4603849c5beab0a6ba2302c28f3122740703272194d991466b764a6499e113d23449b76e210526316b167ed1ed04e40b6faff40d13adc
7
- data.tar.gz: dff4f42648b67b4d6e986075894411bbbd787e5a05da1293a8834669dbfb5def482216a3e8f6da14f6bfd750050493398a1fe1899d0bbe49ea01749b41b5a62f
6
+ metadata.gz: 845d4504290b033672a6de75d2bc0168a435f72fd1343bde8aa915765a5226ddca8b28995730c605225a92d4a723e4b9630163e3b9658fec0e75cf046a3963d2
7
+ data.tar.gz: 05d7fd7fce57d603235f5ebfcdd913a845d820e3434e2e33b148831993a75dff22f91dc9f24b8d3b6ad9777b1a4903915bd13b8e2040ece19a3a9477f0bc271a
@@ -11,7 +11,12 @@ params:
11
11
  class=<css-class-string> (optional)
12
12
 
13
13
  {%- endcomment -%}
14
+
14
15
  {%- if include.id -%}
16
+
17
+ {%- comment -%}push prior state{%- endcomment -%}
18
+ {%- assign __svg = svg -%}
19
+
15
20
  {% assign svg = nil -%}
16
21
  {% for set in site.data.icons -%}
17
22
  {% if set[1][include.id] %}{% assign svg = set[1][include.id] %}{% break %}{% endif -%}
@@ -19,4 +24,8 @@ params:
19
24
  {%- if svg -%}
20
25
  <svg version="1.1" class="icon{% if include.class %} {{ include.class }}{% endif %}" role="img" aria-hidden="true" viewBox="{{ svg.viewbox }}"><path d="{{ svg.path }}"/></svg>
21
26
  {%- endif -%}
27
+
28
+ {%- comment -%}pop prior state{%- endcomment -%}
29
+ {%- assign svg = __svg -%}
30
+
22
31
  {%- endif -%}
@@ -0,0 +1,65 @@
1
+ {%- comment -%}
2
+
3
+ log
4
+ sends values to the browser's javascript console via console.log|info|warn|error() or console.table()
5
+
6
+ params:
7
+ lvl='<log|info|warn|error>' (optional, defaults to 'log'; message level)
8
+ msg='<string>' (optional; message to log)
9
+ table=[..] (optional; object to be logged as a table)
10
+ values=[..] (optional; array of values to be logged individually at message level)
11
+ keys=[..] (optional; array of labels to be combined with values and logged as a table)
12
+
13
+ {%- endcomment -%}
14
+
15
+ {%- comment -%}push prior state{%- endcomment -%}
16
+ {%- assign __default_level = default_level -%}
17
+ {%- assign __valid_levels = valid_levels -%}
18
+ {%- assign __lvl = lvl -%}
19
+ {%- assign __n = n -%}
20
+ {%- assign __v = v -%}
21
+
22
+ {%- assign default_level = 'log' -%}
23
+ {%- assign valid_levels = 'log|info|warn|error' | split: '|' -%}
24
+ {%- assign lvl = default_level -%}{%- if valid_levels contains include.lvl %}{% assign lvl = include.lvl %}{% endif -%}
25
+
26
+ <script>
27
+ $(function() {
28
+ {% if include.msg -%}
29
+ console.{{ lvl }}('{{ include.msg | xml_escape }}');
30
+ {% endif -%}
31
+
32
+ {%- if include.values -%}
33
+ {%- if include.keys and include.values.size == include.keys.size -%}
34
+
35
+ {%- assign n = include.keys.size -%}
36
+ let obj = {
37
+ {%- for i in (0..n) -%}
38
+ {% assign v = '""' %}{% unless include.values[i] == '' %}{% capture v %}{{ include.values[i] | jsonify }}{% endcapture %}{% endunless %}
39
+ "{{ include.keys[i] }}" : {{ v }}
40
+ {%- unless forloop.last -%},{%- endunless -%}
41
+ {%- endfor %}
42
+ };
43
+ console.table(obj);
44
+
45
+ {%- else -%}
46
+
47
+ {% for v in include.values -%}
48
+ console.{{ lvl }}({{ v | jsonify }});
49
+ {% endfor -%}
50
+
51
+ {%- endif -%}
52
+ {%- endif -%}
53
+
54
+ {%- if include.table %}
55
+ console.table({{ include.table | jsonify }});
56
+ {%- endif %}
57
+ });
58
+ </script>
59
+
60
+ {%- comment -%}pop prior state{%- endcomment -%}
61
+ {%- assign v = __v -%}
62
+ {%- assign n = __n -%}
63
+ {%- assign lvl = __lvl -%}
64
+ {%- assign valid_levels = __valid_levels -%}
65
+ {%- assign default_level = __default_level -%}
@@ -11,6 +11,13 @@ params:
11
11
  threshold=2 (optional, defaults to 2)
12
12
 
13
13
  {%- endcomment -%}
14
+
15
+ {%- comment -%}push prior state{%- endcomment -%}
16
+ {%- assign __t = t -%}
17
+ {%- assign __pkg_long = pkg_long -%}
18
+ {%- assign __pkg_abbr = pkg_abbr -%}
19
+ {%- assign __p = p -%}
20
+
14
21
  {%- assign t = include.threshold | default: 2 -%}
15
22
  {%- assign pkg_long = include.package | split: '.' -%}
16
23
  {%- if pkg_long.size > t -%}
@@ -27,3 +34,9 @@ params:
27
34
  {%- else -%}
28
35
  {%- assign pkg_abbr = include.package -%}
29
36
  {%- endif -%}{{- pkg_abbr -}}
37
+
38
+ {%- comment -%}pop prior state{%- endcomment -%}
39
+ {%- assign p = __p -%}
40
+ {%- assign pkg_abbr = __pkg_abbr -%}
41
+ {%- assign pkg_long = __pkg_long -%}
42
+ {%- assign t = __t -%}
@@ -7,9 +7,16 @@ params:
7
7
  page=<page-object>
8
8
 
9
9
  {%- endcomment -%}
10
+
11
+ {%- comment -%}push prior state{%- endcomment -%}
12
+ {%- assign __url_pieces = url_pieces -%}
13
+
10
14
  {%- assign url_pieces = include.page.url | split: '/' -%}
11
15
  {%- for piece in url_pieces -%}
12
16
  {%- unless piece.size > 0 -%}{%- continue -%}{%- endunless -%}
13
17
  /{{ piece }}
14
18
  {%- break -%}
15
19
  {%- endfor -%}
20
+
21
+ {%- comment -%}pop prior state{%- endcomment -%}
22
+ {%- assign url_pieces = __url_pieces -%}
@@ -11,6 +11,17 @@ params:
11
11
  no_indent=<pipe delimited list of layouts that should not be indented>
12
12
 
13
13
  {%- endcomment -%}
14
+
15
+ {%- comment -%}push prior state{%- endcomment -%}
16
+ {%- assign __no_indenting = no_indenting -%}
17
+ {%- assign __link = link -%}
18
+ {%- assign __url = url -%}
19
+ {%- assign __item_id = item_id -%}
20
+ {%- assign __item_class = item_class -%}
21
+ {%- assign __path_bits = path_bits -%}
22
+ {%- assign __n = n -%}
23
+ {%- assign __indent = indent -%}
24
+
14
25
  {% assign no_indenting = include.no_indent | split: '|' %}
15
26
  {% for doc in include.doc_list %}
16
27
  {% capture link %}{{ doc.title }}{% endcapture %}
@@ -27,3 +38,13 @@ params:
27
38
  {% endunless %}
28
39
  <a{{ item_id }} class="very tight smaller text {{ item_class }}" href="{{ site.baseurl }}{{ url }}">{{ link }}</a>
29
40
  {% endfor %}
41
+
42
+ {%- comment -%}pop prior state{%- endcomment -%}
43
+ {%- assign indent = __indent -%}
44
+ {%- assign n = __n -%}
45
+ {%- assign path_bits = __path_bits -%}
46
+ {%- assign item_class = __item_class -%}
47
+ {%- assign item_id = __item_id -%}
48
+ {%- assign url = __url -%}
49
+ {%- assign link = __link -%}
50
+ {%- assign no_indenting = __no_indenting -%}
data/_layouts/base.html CHANGED
@@ -9,13 +9,13 @@ layout: compress
9
9
  <meta charset="utf-8">
10
10
  <meta name="viewport" content="width=device-width, initial-scale=1">
11
11
  <title>{{ page.title }}</title>
12
- <style type="text/css">svg.icon{width:1em;height:1em}</style>
12
+ <style>svg.icon{width:1em;height:1em}</style>
13
13
  <link rel="preload" as="style" href="{{ site.baseurl }}/assets/site.css" onload="this.onload=null;this.rel='stylesheet';">
14
14
  <noscript><link rel="stylesheet" href="{{ site.baseurl }}/assets/site.css"></noscript>
15
15
  <script>
16
16
  {% include scripts/loadcss/loadcss-2.0.1.min.js %}
17
17
  </script>
18
- <script src="{{ site.baseurl }}/assets/site.js" type="text/javascript" charset="utf-8"></script>
18
+ <script src="{{ site.baseurl }}/assets/site.js"></script>
19
19
  <link rel="icon" href="{{ site.baseurl }}/favicon.png">
20
20
  </head>
21
21
 
data/_layouts/page.html CHANGED
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  layout: base
3
- theme_version: 0.5.16
3
+ theme_version: 0.5.17
4
4
  theme_url: https://github.com/pixeldroid/programming-pages
5
5
  ---
6
6
 
@@ -47,7 +47,7 @@ theme_url: https://github.com/pixeldroid/programming-pages
47
47
  {% include elements/help.html %}
48
48
  </div>
49
49
 
50
- <script type="text/javascript">
50
+ <script>
51
51
  {% include scripts/indices.js %}
52
52
  {% include scripts/search.js %}
53
53
  {% include scripts/page.js %}
@@ -2,6 +2,8 @@
2
2
  layout: compress
3
3
  ---
4
4
 
5
+ {% comment %} #TODO: use sass distribution of SUI {% endcomment %}
6
+
5
7
  {% include styles/semantic-ui/_version.css %}
6
8
  {% include styles/semantic-ui/site.min.css %}
7
9
  {% include styles/semantic-ui/reset.min.css %}
@@ -29,11 +31,13 @@ layout: compress
29
31
  {% include styles/semantic-ui/table.min.css %}
30
32
  {% include styles/semantic-ui/transition.min.css %}
31
33
 
32
- {% capture _css %}
33
- {% include styles/programming-pages/emoji.css %}
34
- {% include styles/programming-pages/kbd.css %}
35
- {% include styles/programming-pages/svg-icons.css %}
34
+ @import "emoji";
35
+ @import "kbd";
36
+ @import "svg-icons";
37
+ @import "syntax";
38
+
39
+ {% comment %} not scss, needs liquid processing {% endcomment %}
36
40
  {% include styles/programming-pages/tweaks.css %}
37
- {% include themes/syntax.css %}
41
+
42
+ {% comment %} allow user to override any theme css {% endcomment %}
38
43
  {% include styles/custom.css %}
39
- {% endcapture %}{{ _css | scssify }}
data/screenshot.png CHANGED
Binary file
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: programming-pages
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.5.16
4
+ version: 0.5.17
5
5
  platform: ruby
6
6
  authors:
7
7
  - pixeldroid
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2019-03-03 00:00:00.000000000 Z
11
+ date: 2019-05-21 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: github-pages
@@ -16,14 +16,14 @@ dependencies:
16
16
  requirements:
17
17
  - - '='
18
18
  - !ruby/object:Gem::Version
19
- version: '196'
19
+ version: '198'
20
20
  type: :runtime
21
21
  prerelease: false
22
22
  version_requirements: !ruby/object:Gem::Requirement
23
23
  requirements:
24
24
  - - '='
25
25
  - !ruby/object:Gem::Version
26
- version: '196'
26
+ version: '198'
27
27
  - !ruby/object:Gem::Dependency
28
28
  name: bundler
29
29
  requirement: !ruby/object:Gem::Requirement
@@ -70,6 +70,7 @@ files:
70
70
  - _includes/elements/search.html
71
71
  - _includes/elements/title.html
72
72
  - _includes/icon.liquid
73
+ - _includes/log.liquid
73
74
  - _includes/ordered_child_list.liquid
74
75
  - _includes/package_shortener.liquid
75
76
  - _includes/page_root.liquid
@@ -93,9 +94,6 @@ files:
93
94
  - _includes/scripts/semantic-ui/tab.min.js
94
95
  - _includes/scripts/semantic-ui/transition.min.js
95
96
  - _includes/styles/custom.css
96
- - _includes/styles/programming-pages/emoji.css
97
- - _includes/styles/programming-pages/kbd.css
98
- - _includes/styles/programming-pages/svg-icons.css
99
97
  - _includes/styles/programming-pages/tweaks.css
100
98
  - _includes/styles/semantic-ui/_version.css
101
99
  - _includes/styles/semantic-ui/breadcrumb.min.css
@@ -122,7 +120,6 @@ files:
122
120
  - _includes/styles/semantic-ui/tab.min.css
123
121
  - _includes/styles/semantic-ui/table.min.css
124
122
  - _includes/styles/semantic-ui/transition.min.css
125
- - _includes/themes/syntax.css
126
123
  - _layouts/base.html
127
124
  - _layouts/compress.html
128
125
  - _layouts/example.html
@@ -131,8 +128,8 @@ files:
131
128
  - _layouts/page.html
132
129
  - assets/fonts/progp-symbol.woff2
133
130
  - assets/fonts/progp_symbol.svg
134
- - assets/site.css
135
131
  - assets/site.js
132
+ - assets/site.scss
136
133
  - favicon.png
137
134
  - index.md
138
135
  - screenshot.png
@@ -1,16 +0,0 @@
1
- /*
2
- * Emoji sizes to match semantic ui vocabulary and leverage souce being 128px x 128px
3
- */
4
-
5
- img.emoji {
6
- width: auto;
7
- vertical-align: middle;
8
- height: 1.25em; /* medium */
9
- }
10
- .ui.mini > img.emoji { height: 1.5em; }
11
- .ui.tiny > img.emoji { height: 1.25em; }
12
- .ui.small > img.emoji { height: 1.125em; }
13
- .ui.large > img.emoji { height: 1.5em; }
14
- .ui.big > img.emoji { height: 1.75em; }
15
- .ui.huge > img.emoji { height: 2em; }
16
- .ui.massive > img.emoji { height: 3em; }
@@ -1,20 +0,0 @@
1
- /*!
2
- * Remixed from StackOverflow <kbd> css, user Jin
3
- * https://meta.superuser.com/questions/4788/css-for-the-new-kbd-style
4
- * https://creativecommons.org/licenses/by-sa/3.0/
5
- */
6
- kbd {
7
- background-color: #f7f7f7;
8
- border-radius: 3px;
9
- border: 1px solid #ccc;
10
- box-shadow: 0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
11
- color: #333;
12
- display: inline-block;
13
- font-family: Arial,Helvetica,sans-serif;
14
- font-size: 75%;
15
- line-height: 140%;
16
- margin: 0 .1em;
17
- padding: .1em .6em;
18
- text-shadow: 0 1px 0 #fff;
19
- user-select: none;
20
- }
@@ -1,520 +0,0 @@
1
- /*!
2
- * svg-based version of:
3
- * # Semantic UI 2.3.1 - Icon
4
- * http://github.com/semantic-org/semantic-ui/
5
- *
6
- * Released under the MIT license
7
- * http://opensource.org/licenses/MIT
8
- */
9
-
10
- /*******************************
11
-
12
- Changes from Semantic-UI font-based icons:
13
-
14
- 1. no icon font, no references to font files or font properties
15
- 2. css is defined for <svg> tags, not <i> tags
16
- 3. no icon symbols are defined in css; all icons are defined in svg.html as symbol definitions
17
-
18
- specifically, by commented section:
19
-
20
- - Icon : tweaked to remove font references
21
- - Types : same
22
- - States : same
23
- - Variations : same
24
- - Groups : same
25
- - Icons : removed (see _data/svg_icons.yml for all symbol definitions and ids)
26
- - Outline Icons : removed (see _data/svg_icons.yml for all symbol definitions and ids)
27
- - Brand Icons : removed (see _data/svg_icons.yml for all symbol definitions and ids)
28
-
29
- Usage:
30
-
31
- font: <i class="info circle icon"></i>
32
- svg : {% include icon.liquid id='info-circle' %}
33
-
34
- Why?
35
-
36
- - https://blog.github.com/2016-02-22-delivering-octicons-with-svg/
37
- - https://css-tricks.com/icon-fonts-vs-svg/
38
-
39
- *******************************/
40
-
41
-
42
- /*******************************
43
- SVG Icon
44
- *******************************/
45
-
46
- svg.icon {
47
- display: inline-block;
48
- position: relative;
49
- top: .18em;
50
- width: 1.18em;
51
- height: 1em;
52
- opacity: 1;
53
- margin: 0;
54
- fill: currentColor;
55
- speak: none;
56
- }
57
-
58
- svg.icon:before {
59
- background: none !important;
60
- }
61
-
62
-
63
- /*******************************
64
- Types
65
- *******************************/
66
-
67
-
68
- /*--------------
69
- Loading
70
- ---------------*/
71
-
72
- svg.icon.loading {
73
- height: 1em;
74
- line-height: 1;
75
- -webkit-animation: icon-loading 2s linear infinite;
76
- animation: icon-loading 2s linear infinite;
77
- }
78
- @-webkit-keyframes icon-loading {
79
- from {
80
- -webkit-transform: rotate(0deg);
81
- transform: rotate(0deg);
82
- }
83
- to {
84
- -webkit-transform: rotate(360deg);
85
- transform: rotate(360deg);
86
- }
87
- }
88
- @keyframes icon-loading {
89
- from {
90
- -webkit-transform: rotate(0deg);
91
- transform: rotate(0deg);
92
- }
93
- to {
94
- -webkit-transform: rotate(360deg);
95
- transform: rotate(360deg);
96
- }
97
- }
98
-
99
-
100
- /*******************************
101
- States
102
- *******************************/
103
-
104
- svg.icon.hover {
105
- opacity: 1 !important;
106
- }
107
- svg.icon.active {
108
- opacity: 1 !important;
109
- }
110
- svg.emphasized.icon {
111
- opacity: 1 !important;
112
- }
113
- svg.disabled.icon {
114
- opacity: 0.45 !important;
115
- }
116
-
117
-
118
- /*******************************
119
- Variations
120
- *******************************/
121
-
122
-
123
- /*-------------------
124
- Fitted
125
- --------------------*/
126
-
127
- svg.fitted.icon {
128
- width: auto;
129
- margin: 0em !important;
130
- }
131
-
132
- /*-------------------
133
- Link
134
- --------------------*/
135
-
136
- svg.link.icon,
137
- svg.link.icons {
138
- cursor: pointer;
139
- opacity: 0.8;
140
- -webkit-transition: opacity 0.1s ease;
141
- transition: opacity 0.1s ease;
142
- }
143
- svg.link.icon:hover,
144
- svg.link.icons:hover {
145
- opacity: 1 !important;
146
- }
147
-
148
- /*-------------------
149
- Circular
150
- --------------------*/
151
-
152
- svg.circular.icon {
153
- border-radius: 500em !important;
154
- line-height: 1 !important;
155
- padding: 0.5em 0.5em !important;
156
- -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
157
- box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
158
- width: 2em !important;
159
- height: 2em !important;
160
- }
161
- svg.circular.inverted.icon {
162
- border: none;
163
- -webkit-box-shadow: none;
164
- box-shadow: none;
165
- }
166
-
167
- /*-------------------
168
- Flipped
169
- --------------------*/
170
-
171
- svg.flipped.icon,
172
- svg.horizontally.flipped.icon {
173
- -webkit-transform: scale(-1, 1);
174
- transform: scale(-1, 1);
175
- }
176
- svg.vertically.flipped.icon {
177
- -webkit-transform: scale(1, -1);
178
- transform: scale(1, -1);
179
- }
180
-
181
- /*-------------------
182
- Rotated
183
- --------------------*/
184
-
185
- svg.rotated.icon,
186
- svg.right.rotated.icon,
187
- svg.clockwise.rotated.icon {
188
- -webkit-transform: rotate(90deg);
189
- transform: rotate(90deg);
190
- }
191
- svg.left.rotated.icon,
192
- svg.counterclockwise.rotated.icon {
193
- -webkit-transform: rotate(-90deg);
194
- transform: rotate(-90deg);
195
- }
196
-
197
- /*-------------------
198
- Bordered
199
- --------------------*/
200
-
201
- svg.bordered.icon {
202
- line-height: 1;
203
- vertical-align: baseline;
204
- width: 2em;
205
- height: 2em;
206
- padding: 0.5em 0em !important;
207
- -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
208
- box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
209
- }
210
- svg.bordered.inverted.icon {
211
- border: none;
212
- -webkit-box-shadow: none;
213
- box-shadow: none;
214
- }
215
-
216
- /*-------------------
217
- Inverted
218
- --------------------*/
219
-
220
-
221
- /* Inverted Shapes */
222
- svg.inverted.bordered.icon,
223
- svg.inverted.circular.icon {
224
- background-color: #1B1C1D !important;
225
- color: #FFFFFF !important;
226
- }
227
- svg.inverted.icon {
228
- color: #FFFFFF;
229
- }
230
-
231
- /*-------------------
232
- Colors
233
- --------------------*/
234
-
235
-
236
- /* Red */
237
- svg.red.icon {
238
- color: #DB2828 !important;
239
- }
240
- svg.inverted.red.icon {
241
- color: #FF695E !important;
242
- }
243
- svg.inverted.bordered.red.icon,
244
- svg.inverted.circular.red.icon {
245
- background-color: #DB2828 !important;
246
- color: #FFFFFF !important;
247
- }
248
-
249
- /* Orange */
250
- svg.orange.icon {
251
- color: #F2711C !important;
252
- }
253
- svg.inverted.orange.icon {
254
- color: #FF851B !important;
255
- }
256
- svg.inverted.bordered.orange.icon,
257
- svg.inverted.circular.orange.icon {
258
- background-color: #F2711C !important;
259
- color: #FFFFFF !important;
260
- }
261
-
262
- /* Yellow */
263
- svg.yellow.icon {
264
- color: #FBBD08 !important;
265
- }
266
- svg.inverted.yellow.icon {
267
- color: #FFE21F !important;
268
- }
269
- svg.inverted.bordered.yellow.icon,
270
- svg.inverted.circular.yellow.icon {
271
- background-color: #FBBD08 !important;
272
- color: #FFFFFF !important;
273
- }
274
-
275
- /* Olive */
276
- svg.olive.icon {
277
- color: #B5CC18 !important;
278
- }
279
- svg.inverted.olive.icon {
280
- color: #D9E778 !important;
281
- }
282
- svg.inverted.bordered.olive.icon,
283
- svg.inverted.circular.olive.icon {
284
- background-color: #B5CC18 !important;
285
- color: #FFFFFF !important;
286
- }
287
-
288
- /* Green */
289
- svg.green.icon {
290
- color: #21BA45 !important;
291
- }
292
- svg.inverted.green.icon {
293
- color: #2ECC40 !important;
294
- }
295
- svg.inverted.bordered.green.icon,
296
- svg.inverted.circular.green.icon {
297
- background-color: #21BA45 !important;
298
- color: #FFFFFF !important;
299
- }
300
-
301
- /* Teal */
302
- svg.teal.icon {
303
- color: #00B5AD !important;
304
- }
305
- svg.inverted.teal.icon {
306
- color: #6DFFFF !important;
307
- }
308
- svg.inverted.bordered.teal.icon,
309
- svg.inverted.circular.teal.icon {
310
- background-color: #00B5AD !important;
311
- color: #FFFFFF !important;
312
- }
313
-
314
- /* Blue */
315
- svg.blue.icon {
316
- color: #2185D0 !important;
317
- }
318
- svg.inverted.blue.icon {
319
- color: #54C8FF !important;
320
- }
321
- svg.inverted.bordered.blue.icon,
322
- svg.inverted.circular.blue.icon {
323
- background-color: #2185D0 !important;
324
- color: #FFFFFF !important;
325
- }
326
-
327
- /* Violet */
328
- svg.violet.icon {
329
- color: #6435C9 !important;
330
- }
331
- svg.inverted.violet.icon {
332
- color: #A291FB !important;
333
- }
334
- svg.inverted.bordered.violet.icon,
335
- svg.inverted.circular.violet.icon {
336
- background-color: #6435C9 !important;
337
- color: #FFFFFF !important;
338
- }
339
-
340
- /* Purple */
341
- svg.purple.icon {
342
- color: #A333C8 !important;
343
- }
344
- svg.inverted.purple.icon {
345
- color: #DC73FF !important;
346
- }
347
- svg.inverted.bordered.purple.icon,
348
- svg.inverted.circular.purple.icon {
349
- background-color: #A333C8 !important;
350
- color: #FFFFFF !important;
351
- }
352
-
353
- /* Pink */
354
- svg.pink.icon {
355
- color: #E03997 !important;
356
- }
357
- svg.inverted.pink.icon {
358
- color: #FF8EDF !important;
359
- }
360
- svg.inverted.bordered.pink.icon,
361
- svg.inverted.circular.pink.icon {
362
- background-color: #E03997 !important;
363
- color: #FFFFFF !important;
364
- }
365
-
366
- /* Brown */
367
- svg.brown.icon {
368
- color: #A5673F !important;
369
- }
370
- svg.inverted.brown.icon {
371
- color: #D67C1C !important;
372
- }
373
- svg.inverted.bordered.brown.icon,
374
- svg.inverted.circular.brown.icon {
375
- background-color: #A5673F !important;
376
- color: #FFFFFF !important;
377
- }
378
-
379
- /* Grey */
380
- svg.grey.icon {
381
- color: #767676 !important;
382
- }
383
- svg.inverted.grey.icon {
384
- color: #DCDDDE !important;
385
- }
386
- svg.inverted.bordered.grey.icon,
387
- svg.inverted.circular.grey.icon {
388
- background-color: #767676 !important;
389
- color: #FFFFFF !important;
390
- }
391
-
392
- /* Black */
393
- svg.black.icon {
394
- color: #1B1C1D !important;
395
- }
396
- svg.inverted.black.icon {
397
- color: #545454 !important;
398
- }
399
- svg.inverted.bordered.black.icon,
400
- svg.inverted.circular.black.icon {
401
- background-color: #1B1C1D !important;
402
- color: #FFFFFF !important;
403
- }
404
-
405
- /*-------------------
406
- Sizes
407
- --------------------*/
408
-
409
- svg.mini.icon,
410
- svg.mini.icons {
411
- line-height: 1;
412
- font-size: 0.4em;
413
- }
414
- svg.tiny.icon,
415
- svg.tiny.icons {
416
- line-height: 1;
417
- font-size: 0.5em;
418
- }
419
- svg.small.icon,
420
- svg.small.icons {
421
- line-height: 1;
422
- font-size: 0.75em;
423
- }
424
- svg.icon,
425
- svg.icons {
426
- font-size: 1em;
427
- }
428
- svg.large.icon,
429
- svg.large.icons {
430
- line-height: 1;
431
- vertical-align: middle;
432
- font-size: 1.5em;
433
- }
434
- svg.big.icon,
435
- svg.big.icons {
436
- line-height: 1;
437
- vertical-align: middle;
438
- font-size: 2em;
439
- }
440
- svg.huge.icon,
441
- svg.huge.icons {
442
- line-height: 1;
443
- vertical-align: middle;
444
- font-size: 4em;
445
- }
446
- svg.massive.icon,
447
- svg.massive.icons {
448
- line-height: 1;
449
- vertical-align: middle;
450
- font-size: 8em;
451
- }
452
-
453
-
454
- /*******************************
455
- Groups
456
- *******************************/
457
-
458
- svg.icons {
459
- display: inline-block;
460
- position: relative;
461
- line-height: 1;
462
- }
463
- svg.icons .icon {
464
- position: absolute;
465
- top: 50%;
466
- left: 50%;
467
- -webkit-transform: translateX(-50%) translateY(-50%);
468
- transform: translateX(-50%) translateY(-50%);
469
- margin: 0em;
470
- margin: 0;
471
- }
472
- svg.icons .icon:first-child {
473
- position: static;
474
- width: auto;
475
- height: auto;
476
- vertical-align: top;
477
- -webkit-transform: none;
478
- transform: none;
479
- margin-right: 0.25rem;
480
- }
481
-
482
- /* Corner Icon */
483
- svg.icons .corner.icon {
484
- top: auto;
485
- left: auto;
486
- right: 0;
487
- bottom: 0;
488
- -webkit-transform: none;
489
- transform: none;
490
- font-size: 0.45em;
491
- text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
492
- }
493
- svg.icons .top.right.corner.icon {
494
- top: 0;
495
- left: auto;
496
- right: 0;
497
- bottom: auto;
498
- }
499
- svg.icons .top.left.corner.icon {
500
- top: 0;
501
- left: 0;
502
- right: auto;
503
- bottom: auto;
504
- }
505
- svg.icons .bottom.left.corner.icon {
506
- top: auto;
507
- left: 0;
508
- right: auto;
509
- bottom: 0;
510
- }
511
- svg.icons .bottom.right.corner.icon {
512
- top: auto;
513
- left: auto;
514
- right: 0;
515
- bottom: 0;
516
- }
517
- svg.icons .inverted.corner.icon {
518
- text-shadow: -1px -1px 0 #1B1C1D, 1px -1px 0 #1B1C1D, -1px 1px 0 #1B1C1D, 1px 1px 0 #1B1C1D;
519
- }
520
-
@@ -1,85 +0,0 @@
1
- /*!
2
- * monokai original author: Wimer Hazenberg
3
- * theme modified from: https://github.com/richleland/pygments-css/blob/master/monokai.css
4
- * rules synced with rouge token types (see: https://github.com/jneen/rouge/blob/master/lib/rouge/token.rb)
5
- */
6
- pre.highlight {
7
- background-color: #272822;
8
- color: #f8f8f2;
9
- padding: .5em;
10
- border-radius: .5em;
11
- }
12
-
13
- .highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
14
- .highlight .c { color: #75715e } /* Comment */
15
- .highlight .c1 { color: #75715e } /* Comment.Single */
16
- .highlight .cd { color: #75715e } /* Comment.Doc */
17
- .highlight .cm { color: #75715e } /* Comment.Multiline */
18
- .highlight .cp { color: #75715e } /* Comment.Preproc */
19
- .highlight .cs { color: #75715e } /* Comment.Special */
20
- .highlight .err { color: #960050; background-color: #1e0010 } /* Error */
21
- .highlight .g { color: #66d9ef } /* Generic */
22
- .highlight .gd { color: #f92672 } /* Generic.Deleted */
23
- .highlight .ge { font-style: italic } /* Generic.Emph */
24
- .highlight .gh { color: #75715e } /* Generic.Heading */
25
- .highlight .gi { color: #a6e22e } /* Generic.Inserted */
26
- .highlight .gl { color: #66efd9 } /* Generic.Lineno */
27
- .highlight .go { color: #66d9ef } /* Generic.Output */
28
- .highlight .gp { color: #66efd9 } /* Generic.Prompt */
29
- .highlight .gr { color: #960050; background-color: #1e0010 } /* Generic.Error */
30
- .highlight .gs { font-weight: bold } /* Generic.Strong */
31
- .highlight .gt { color: #66efd9 } /* Generic.Traceback */
32
- .highlight .gu { color: #75715e } /* Generic.Subheading */
33
- .highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */
34
- .highlight .k { color: #66d9ef } /* Keyword */
35
- .highlight .kc { color: #66d9ef } /* Keyword.Constant */
36
- .highlight .kd { color: #66d9ef } /* Keyword.Declaration */
37
- .highlight .kn { color: #f92672 } /* Keyword.Namespace */
38
- .highlight .kp { color: #66d9ef } /* Keyword.Pseudo */
39
- .highlight .kr { color: #66d9ef } /* Keyword.Reserved */
40
- .highlight .kt { color: #66d9ef } /* Keyword.Type */
41
- .highlight .kv { color: #66d9ef } /* Keyword.Variable */
42
- .highlight .l { color: #ae81ff } /* Literal */
43
- .highlight .ld { color: #e6db74 } /* Literal.Date */
44
- .highlight .m { color: #ae81ff } /* Literal.Number */
45
- .highlight .mb { color: #ae81ff } /* Literal.Number.Bin */
46
- .highlight .mf { color: #ae81ff } /* Literal.Number.Float */
47
- .highlight .mh { color: #ae81ff } /* Literal.Number.Hex */
48
- .highlight .mi { color: #ae81ff } /* Literal.Number.Integer */
49
- .highlight .mo { color: #ae81ff } /* Literal.Number.Oct */
50
- .highlight .mx { color: #ae81ff } /* Literal.Number.Other */
51
- .highlight .n { color: #f8f8f2 } /* Name */
52
- .highlight .na { color: #a6e22e } /* Name.Attribute */
53
- .highlight .nb { color: #f8f8f2 } /* Name.Builtin */
54
- .highlight .nc { color: #a6e22e } /* Name.Class */
55
- .highlight .nd { color: #a6e22e } /* Name.Decorator */
56
- .highlight .ne { color: #a6e22e } /* Name.Exception */
57
- .highlight .nf { color: #a6e22e } /* Name.Function */
58
- .highlight .ni { color: #f8f8f2 } /* Name.Entity */
59
- .highlight .nl { color: #f8f8f2 } /* Name.Label */
60
- .highlight .nn { color: #f8f8f2 } /* Name.Namespace */
61
- .highlight .no { color: #66d9ef } /* Name.Constant */
62
- .highlight .nt { color: #f92672 } /* Name.Tag */
63
- .highlight .nv { color: #f8f8f2 } /* Name.Variable */
64
- .highlight .nx { color: #a6e22e } /* Name.Other */
65
- .highlight .o { color: #f92672 } /* Operator */
66
- .highlight .ow { color: #f92672 } /* Operator.Word */
67
- .highlight .p { color: #f8f8f2 } /* Punctuation */
68
- .highlight .pi { color: #f8f8f2 } /* Punctuation.Indicator */
69
- .highlight .py { color: #f8f8f2 } /* Name.Property */
70
- .highlight .s { color: #e6db74 } /* Literal.String */
71
- .highlight .s1 { color: #e6db74 } /* Literal.String.Single */
72
- .highlight .s2 { color: #e6db74 } /* Literal.String.Double */
73
- .highlight .sb { color: #e6db74 } /* Literal.String.Backtick */
74
- .highlight .sc { color: #e6db74 } /* Literal.String.Char */
75
- .highlight .sd { color: #e6db74 } /* Literal.String.Doc */
76
- .highlight .se { color: #ae81ff } /* Literal.String.Escape */
77
- .highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */
78
- .highlight .si { color: #e6db74 } /* Literal.String.Interpol */
79
- .highlight .sr { color: #e6db74 } /* Literal.String.Regex */
80
- .highlight .ss { color: #e6db74 } /* Literal.String.Symbol */
81
- .highlight .sx { color: #e6db74 } /* Literal.String.Other */
82
- .highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */
83
- .highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */
84
- .highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */
85
- .highlight .w { color: #f8f8f2 } /* Text.Whitespace */