asciibook 0.0.2 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.adoc +18 -48
- data/lib/asciibook/book.rb +14 -11
- data/lib/asciibook/page.rb +38 -1
- data/lib/asciibook/version.rb +1 -1
- data/templates/admonition.html +1 -0
- data/templates/inline_break.html +1 -0
- data/theme/html/html.css +346 -45
- data/theme/html/html.js +134 -4
- data/theme/html/icon.png +0 -0
- data/theme/html/layout.html +137 -38
- data/theme/pdf/pdf.css +2 -1
- data/theme/share/default.css +24 -30
- metadata +4 -8
- data/theme/share/fontawesome/fa-solid-900.eot +0 -0
- data/theme/share/fontawesome/fa-solid-900.ttf +0 -0
- data/theme/share/fontawesome/fa-solid-900.woff +0 -0
- data/theme/share/fontawesome/fa-solid-900.woff2 +0 -0
- data/theme/share/fontawesome/fontawesome.css +0 -4429
- data/theme/share/fontawesome/solid.css +0 -16
data/theme/html/html.js
CHANGED
|
@@ -1,9 +1,45 @@
|
|
|
1
|
-
|
|
1
|
+
function isDesktop() {
|
|
2
|
+
return window.innerWidth > 1280;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
document.addEventListener('DOMContentLoaded', function() {
|
|
6
|
+
// Drawer
|
|
7
|
+
var drawer = document.querySelector('#drawer');
|
|
8
|
+
var drawerToggle = document.querySelector('#drawer-toggle');
|
|
9
|
+
var drawerBackdrop = drawer.querySelector('.drawer-backdrop');
|
|
10
|
+
|
|
11
|
+
drawerToggle.addEventListener('click', function() {
|
|
12
|
+
drawer.classList.toggle('open');
|
|
13
|
+
if (isDesktop()) {
|
|
14
|
+
localStorage.setItem('drawerOpened', drawer.classList.contains('open'));
|
|
15
|
+
}
|
|
16
|
+
})
|
|
17
|
+
|
|
18
|
+
drawerBackdrop.addEventListener('click', function() {
|
|
19
|
+
drawer.classList.remove('open');
|
|
20
|
+
})
|
|
21
|
+
|
|
22
|
+
// restore drawer state
|
|
23
|
+
if (isDesktop() && localStorage.getItem('drawerOpened') == 'true') {
|
|
24
|
+
drawer.classList.add('open');
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
// store drawer offset
|
|
28
|
+
window.addEventListener('beforeunload', function() {
|
|
29
|
+
localStorage.setItem('drawerScrollTop', drawer.querySelector('.drawer-content').scrollTop);
|
|
30
|
+
});
|
|
31
|
+
|
|
32
|
+
// restore drawer offset
|
|
33
|
+
if (localStorage.getItem('drawerScrollTop')) {
|
|
34
|
+
drawer.querySelector('.drawer-content').scrollTop = parseInt(localStorage.getItem('drawerScrollTop'));
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
// Dropdown
|
|
2
38
|
document.querySelectorAll('.dropdown-toggle').forEach(function(element){
|
|
3
|
-
var dropdown = element.closest('.dropdown')
|
|
39
|
+
var dropdown = element.closest('.dropdown');
|
|
4
40
|
|
|
5
41
|
function openMenu() {
|
|
6
|
-
dropdown.classList.add('open')
|
|
42
|
+
dropdown.classList.add('open');
|
|
7
43
|
document.addEventListener('click', closeMenuOutside);
|
|
8
44
|
}
|
|
9
45
|
|
|
@@ -26,4 +62,98 @@
|
|
|
26
62
|
}
|
|
27
63
|
});
|
|
28
64
|
})
|
|
29
|
-
|
|
65
|
+
|
|
66
|
+
// Hot keys
|
|
67
|
+
document.addEventListener('keyup', function(event) {
|
|
68
|
+
switch (event.which) {
|
|
69
|
+
case 37:
|
|
70
|
+
document.querySelector('.paginator-prev').click();
|
|
71
|
+
break;
|
|
72
|
+
case 39:
|
|
73
|
+
document.querySelector('.paginator-next').click();
|
|
74
|
+
break;
|
|
75
|
+
}
|
|
76
|
+
})
|
|
77
|
+
|
|
78
|
+
// Custom style
|
|
79
|
+
document.body.dataset.fontSize = localStorage.getItem('fontSize') || '100';
|
|
80
|
+
document.body.dataset.fontFamily = localStorage.getItem('fontFamily') || 'sans-serif';
|
|
81
|
+
document.body.dataset.background = localStorage.getItem('background') || 'white';
|
|
82
|
+
|
|
83
|
+
function updataFonsSizeText() {
|
|
84
|
+
document.querySelector('#font-size-text').textContent = document.body.dataset.fontSize + '%';
|
|
85
|
+
}
|
|
86
|
+
updataFonsSizeText();
|
|
87
|
+
|
|
88
|
+
function updateFontFamilyButton() {
|
|
89
|
+
document.querySelectorAll('.font-family-options .button').forEach(function(button){
|
|
90
|
+
if (button.dataset.value == document.body.dataset.fontFamily) {
|
|
91
|
+
button.classList.add('active')
|
|
92
|
+
} else {
|
|
93
|
+
button.classList.remove('active')
|
|
94
|
+
}
|
|
95
|
+
});
|
|
96
|
+
}
|
|
97
|
+
updateFontFamilyButton();
|
|
98
|
+
|
|
99
|
+
function updateBackgroundButton() {
|
|
100
|
+
document.querySelectorAll('.background-options .button').forEach(function(button){
|
|
101
|
+
if (button.dataset.value == document.body.dataset.background) {
|
|
102
|
+
button.classList.add('active')
|
|
103
|
+
} else {
|
|
104
|
+
button.classList.remove('active')
|
|
105
|
+
}
|
|
106
|
+
});
|
|
107
|
+
}
|
|
108
|
+
updateBackgroundButton();
|
|
109
|
+
|
|
110
|
+
function updateStyle(key, value) {
|
|
111
|
+
localStorage.setItem(key, value);
|
|
112
|
+
document.body.dataset[key] = value;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
var fontSizeList = [50, 67, 75, 80, 90, 100, 110, 125, 150, 175, 200];
|
|
116
|
+
document.querySelectorAll('.font-size-options .button').forEach(function(element){
|
|
117
|
+
element.addEventListener('click', function() {
|
|
118
|
+
var index = fontSizeList.indexOf(parseInt(document.body.dataset.fontSize));
|
|
119
|
+
|
|
120
|
+
if (index == -1) {
|
|
121
|
+
index = 5;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
switch (this.dataset.action) {
|
|
125
|
+
case 'add':
|
|
126
|
+
index += 1
|
|
127
|
+
break;
|
|
128
|
+
case 'reduce':
|
|
129
|
+
index -= 1
|
|
130
|
+
break;
|
|
131
|
+
default:
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
if (value = fontSizeList[index]) {
|
|
135
|
+
updateStyle('fontSize', value);
|
|
136
|
+
updataFonsSizeText();
|
|
137
|
+
}
|
|
138
|
+
});
|
|
139
|
+
});
|
|
140
|
+
|
|
141
|
+
document.querySelectorAll('.font-family-options .button').forEach(function(element) {
|
|
142
|
+
element.addEventListener('click', function() {
|
|
143
|
+
updateStyle('fontFamily', this.dataset.value);
|
|
144
|
+
updateFontFamilyButton();
|
|
145
|
+
});
|
|
146
|
+
});
|
|
147
|
+
|
|
148
|
+
document.querySelectorAll('.background-options .button').forEach(function(element) {
|
|
149
|
+
element.addEventListener('click', function() {
|
|
150
|
+
updateStyle('background', this.dataset.value);
|
|
151
|
+
updateBackgroundButton();
|
|
152
|
+
});
|
|
153
|
+
});
|
|
154
|
+
|
|
155
|
+
// set default scroll element
|
|
156
|
+
document.querySelector('.main-content').focus();
|
|
157
|
+
|
|
158
|
+
document.body.classList.remove('preload');
|
|
159
|
+
});
|
data/theme/html/icon.png
ADDED
|
Binary file
|
data/theme/html/layout.html
CHANGED
|
@@ -1,60 +1,159 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
2
|
<html>
|
|
3
3
|
<head>
|
|
4
|
-
<meta charset="utf-8"
|
|
4
|
+
<meta charset="utf-8" />
|
|
5
5
|
<title>{{ page.title }} - {{ book.title }}</title>
|
|
6
|
-
<
|
|
6
|
+
<link rel="icon" href="icon.png" />
|
|
7
|
+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
|
8
|
+
|
|
9
|
+
{% if book.attributes.base-url %}
|
|
10
|
+
<meta name="twitter:card" content="summary" />
|
|
11
|
+
<meta property="og:type" content="website" />
|
|
12
|
+
<meta property="og:url" content="{{ book.attributes.base-url }}{{ page.path }}" />
|
|
13
|
+
<meta property="og:title" content="{{ page.title }} - {{ book.title }}" />
|
|
14
|
+
<meta property="og:description" content="{{ page.description }}" />
|
|
15
|
+
{% if page.image_url %}
|
|
16
|
+
{% if page.image_url contains 'http://' or page.image_url contains 'https://' %}
|
|
17
|
+
<meta property="og:image" content="{{ page.image_url }}" />
|
|
18
|
+
{% else %}
|
|
19
|
+
<meta property="og:image" content="{{ book.attributes.base-url }}{{ page.image_url }}" />
|
|
20
|
+
{% endif %}
|
|
21
|
+
{% endif %}
|
|
22
|
+
{% endif %}
|
|
23
|
+
|
|
7
24
|
<link rel="stylesheet" href="normalize.css" />
|
|
8
25
|
<link rel="stylesheet" href="default.css" />
|
|
9
26
|
<link rel="stylesheet" href="highlight.css" />
|
|
10
27
|
<link rel="stylesheet" href="html.css" />
|
|
11
|
-
<script src="html.js"
|
|
28
|
+
<script src="html.js"></script>
|
|
12
29
|
</head>
|
|
13
|
-
<body>
|
|
14
|
-
<div class="
|
|
15
|
-
<div class="
|
|
16
|
-
<
|
|
17
|
-
{
|
|
18
|
-
|
|
30
|
+
<body class="preload">
|
|
31
|
+
<div id="drawer" class="drawer">
|
|
32
|
+
<div class="drawer-content">
|
|
33
|
+
<div class="drawer-menu">
|
|
34
|
+
{% if book.outline.size > 0 %}
|
|
35
|
+
<ol>
|
|
36
|
+
{% for item in book.outline %}
|
|
37
|
+
<li>
|
|
38
|
+
<a class="drawer-menu-item {% if item.path == page.path %} active {% endif %}" href="{{ item.path }}">{{ item.title }}</a>
|
|
39
|
+
{% if item.items.size > 0 %}
|
|
40
|
+
<ol>
|
|
41
|
+
{% for subitem in item.items %}
|
|
42
|
+
<li>
|
|
43
|
+
<a class="drawer-menu-item {% if subitem.path == page.path %} active {% endif %}" href="{{ subitem.path }}">{{ subitem.title }}</a>
|
|
44
|
+
</li>
|
|
45
|
+
{% endfor %}
|
|
46
|
+
</ol>
|
|
47
|
+
{% endif %}
|
|
48
|
+
</li>
|
|
49
|
+
{% endfor %}
|
|
50
|
+
</ol>
|
|
51
|
+
{% endif %}
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
54
|
+
<div class="drawer-backdrop">
|
|
19
55
|
</div>
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
56
|
+
</div>
|
|
57
|
+
<div class="main">
|
|
58
|
+
<div class="toolbar">
|
|
59
|
+
<div class="toolbar-action">
|
|
60
|
+
<button id="drawer-toggle" type="button" class="button button-icon">
|
|
61
|
+
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M4 18h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z"/></svg>
|
|
24
62
|
</button>
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
63
|
+
</div>
|
|
64
|
+
<div class="toolbar-title">
|
|
65
|
+
<a href="index.html">
|
|
66
|
+
{{ book.title }}
|
|
67
|
+
</a>
|
|
68
|
+
</div>
|
|
69
|
+
|
|
70
|
+
<div class="toolbar-action">
|
|
71
|
+
<div class="dropdown">
|
|
72
|
+
<button type="button" class="button button-icon dropdown-toggle">
|
|
73
|
+
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M9 5.5c0 .83.67 1.5 1.5 1.5H14v10.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V7h3.5c.83 0 1.5-.67 1.5-1.5S21.33 4 20.5 4h-10C9.67 4 9 4.67 9 5.5zM4.5 12H6v5.5c0 .83.67 1.5 1.5 1.5S9 18.33 9 17.5V12h1.5c.83 0 1.5-.67 1.5-1.5S11.33 9 10.5 9h-6C3.67 9 3 9.67 3 10.5S3.67 12 4.5 12z"/></svg>
|
|
74
|
+
</button>
|
|
75
|
+
<div class="dropdown-menu">
|
|
76
|
+
<div class="dropdown-group">
|
|
77
|
+
<label>Font Size</label>
|
|
78
|
+
<div class="dropdown-options font-size-options">
|
|
79
|
+
<button type="button" class="button button-icon" data-action="reduce">
|
|
80
|
+
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M18 13H6c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1z"/></svg>
|
|
81
|
+
</button>
|
|
82
|
+
<div id="font-size-text">
|
|
83
|
+
100%
|
|
84
|
+
</div>
|
|
85
|
+
<button type="button" class="button button-icon" data-action="add">
|
|
86
|
+
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z"/></svg>
|
|
87
|
+
</button>
|
|
88
|
+
</div>
|
|
89
|
+
</div>
|
|
90
|
+
<div class="dropdown-group">
|
|
91
|
+
<label>Font Family</label>
|
|
92
|
+
<div class="dropdown-options font-family-options">
|
|
93
|
+
<button type="button" class="button button-text" data-value="serif">Serif</button>
|
|
94
|
+
<button type="button" class="button button-text" data-value="sans-serif">Sans</button>
|
|
95
|
+
</div>
|
|
96
|
+
</div>
|
|
97
|
+
<div class="dropdown-group">
|
|
98
|
+
<label>Background</label>
|
|
99
|
+
<div class="dropdown-options background-options">
|
|
100
|
+
<button type="button" class="button button-icon active" data-value="white">
|
|
101
|
+
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"/></svg>
|
|
102
|
+
</button>
|
|
103
|
+
<button type="button" class="button button-icon" data-value="warm">
|
|
104
|
+
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"/></svg>
|
|
105
|
+
</button>
|
|
106
|
+
<button type="button" class="button button-icon" data-value="dim">
|
|
107
|
+
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"/></svg>
|
|
108
|
+
</button>
|
|
109
|
+
<button type="button" class="button button-icon" data-value="black">
|
|
110
|
+
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"/></svg>
|
|
111
|
+
</button>
|
|
112
|
+
</div>
|
|
113
|
+
</div>
|
|
114
|
+
</div>
|
|
115
|
+
</div>
|
|
116
|
+
</div>
|
|
117
|
+
|
|
118
|
+
<div class="toolbar-action">
|
|
119
|
+
<div class="dropdown">
|
|
120
|
+
<button type="button" class="button button-icon dropdown-toggle" {% if page.outline.size == 0 %} disabled {% endif %}>
|
|
121
|
+
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0zm0 0h24v24H0V0z" fill="none"/><path d="M4 9h12c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0 4h12c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0 4h12c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm15 0h2v-2h-2v2zm0-10v2h2V7h-2zm0 6h2v-2h-2v2z"/></svg>
|
|
122
|
+
</button>
|
|
123
|
+
<div class="dropdown-menu">
|
|
124
|
+
{% if page.outline.size > 0 %}
|
|
125
|
+
<ol>
|
|
126
|
+
{% for item in page.outline %}
|
|
127
|
+
<li>
|
|
128
|
+
<a class="dropdown-menu-item" href="{{ item.path }}">{{ item.title }}</a>
|
|
129
|
+
{% if item.items.size > 0 %}
|
|
130
|
+
<ol>
|
|
131
|
+
{% for subitem in item.items %}
|
|
132
|
+
<li>
|
|
133
|
+
<a class="dropdown-menu-item" href="{{ subitem.path }}">{{ subitem.title }}</a>
|
|
134
|
+
</li>
|
|
135
|
+
{% endfor %}
|
|
136
|
+
</ol>
|
|
137
|
+
{% endif %}
|
|
138
|
+
</li>
|
|
139
|
+
{% endfor %}
|
|
140
|
+
</ol>
|
|
141
|
+
{% endif %}
|
|
142
|
+
</div>
|
|
44
143
|
</div>
|
|
45
144
|
</div>
|
|
46
145
|
</div>
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
146
|
+
<div class="main-content" tabindex="-1">
|
|
147
|
+
<div class="container">
|
|
148
|
+
{{ page.content }}
|
|
149
|
+
</div>
|
|
51
150
|
</div>
|
|
52
151
|
<div class="paginator">
|
|
53
152
|
<a href="{{ page.prev_page.path }}" class="paginator-prev {% if page.prev_page == nil %} disabled {% endif %}">
|
|
54
|
-
<
|
|
153
|
+
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none" opacity=".87"/><path d="M16.62 2.99c-.49-.49-1.28-.49-1.77 0L6.54 11.3c-.39.39-.39 1.02 0 1.41l8.31 8.31c.49.49 1.28.49 1.77 0s.49-1.28 0-1.77L9.38 12l7.25-7.25c.48-.48.48-1.28-.01-1.76z"/></svg>
|
|
55
154
|
</a>
|
|
56
155
|
<a href="{{ page.next_page.path }}" class="paginator-next {% if page.next_page == nil %} disabled {% endif %}">
|
|
57
|
-
<
|
|
156
|
+
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M24 24H0V0h24v24z" fill="none" opacity=".87"/><path d="M7.38 21.01c.49.49 1.28.49 1.77 0l8.31-8.31c.39-.39.39-1.02 0-1.41L9.15 2.98c-.49-.49-1.28-.49-1.77 0s-.49 1.28 0 1.77L14.62 12l-7.25 7.25c-.48.48-.48 1.28.01 1.76z"/></svg>
|
|
58
157
|
</a>
|
|
59
158
|
</div>
|
|
60
159
|
</div>
|
data/theme/pdf/pdf.css
CHANGED
data/theme/share/default.css
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
@import "fontawesome/fontawesome.css";
|
|
2
|
-
@import "fontawesome/solid.css";
|
|
3
|
-
|
|
4
1
|
html {
|
|
5
2
|
}
|
|
6
3
|
|
|
7
4
|
body {
|
|
8
5
|
line-height: 1.5;
|
|
9
6
|
font-size: 1em;
|
|
7
|
+
font-family: sans-serif;
|
|
10
8
|
color: #333;
|
|
11
9
|
}
|
|
12
10
|
|
|
@@ -51,11 +49,16 @@ img {
|
|
|
51
49
|
pre {
|
|
52
50
|
line-height: 1.2;
|
|
53
51
|
margin: 1em 0;
|
|
54
|
-
background
|
|
52
|
+
background: #f8f8f8;
|
|
55
53
|
padding: 1em;
|
|
56
54
|
white-space: pre-wrap;
|
|
57
55
|
}
|
|
58
56
|
|
|
57
|
+
*:not(pre) code {
|
|
58
|
+
background: #f8f8f8;
|
|
59
|
+
padding: 0 4px;
|
|
60
|
+
}
|
|
61
|
+
|
|
59
62
|
.toc ol {
|
|
60
63
|
list-style: none;
|
|
61
64
|
padding: 0;
|
|
@@ -105,6 +108,10 @@ figcaption {
|
|
|
105
108
|
font-style: italic;
|
|
106
109
|
}
|
|
107
110
|
|
|
111
|
+
figure pre {
|
|
112
|
+
margin: 0;
|
|
113
|
+
}
|
|
114
|
+
|
|
108
115
|
.example {
|
|
109
116
|
margin: 1em 0;
|
|
110
117
|
padding: 1em;
|
|
@@ -189,21 +196,14 @@ footer {
|
|
|
189
196
|
.admonition-icon {
|
|
190
197
|
-ms-flex-negative: 0;
|
|
191
198
|
flex-shrink: 0;
|
|
192
|
-
-moz-osx-font-smoothing: grayscale;
|
|
193
|
-
-webkit-font-smoothing: antialiased;
|
|
194
|
-
display: inline-block;
|
|
195
|
-
font-style: normal;
|
|
196
|
-
font-variant: normal;
|
|
197
|
-
text-rendering: auto;
|
|
198
199
|
line-height: 1;
|
|
199
|
-
font-family: 'Font Awesome 5 Free';
|
|
200
200
|
padding: 0.5em;
|
|
201
|
-
font-size: 2em;
|
|
202
|
-
width: 1em;
|
|
203
|
-
text-align: center;
|
|
204
201
|
}
|
|
205
202
|
|
|
206
203
|
.admonition-content {
|
|
204
|
+
-webkit-box-flex: 1;
|
|
205
|
+
-ms-flex-positive: 1;
|
|
206
|
+
flex-grow: 1;
|
|
207
207
|
padding: 0.5em 0 0.5em 1em;
|
|
208
208
|
border-left: 1px solid #ccc;
|
|
209
209
|
}
|
|
@@ -216,29 +216,23 @@ footer {
|
|
|
216
216
|
margin-bottom: 0;
|
|
217
217
|
}
|
|
218
218
|
|
|
219
|
+
.admonition-note .admonition-icon {
|
|
220
|
+
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="40" viewBox="0 0 24 24" width="40" fill="%231976d2"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1zm1-8h-2V7h2v2z"/></svg>');
|
|
219
221
|
|
|
220
|
-
.admonition-important .admonition-icon::before {
|
|
221
|
-
content: "\f06a";
|
|
222
|
-
color: #bf0000;
|
|
223
222
|
}
|
|
224
223
|
|
|
225
|
-
.admonition-
|
|
226
|
-
content: "
|
|
227
|
-
color: #19407c;
|
|
224
|
+
.admonition-tip .admonition-icon {
|
|
225
|
+
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="40" viewBox="0 0 24 24" width="40" fill="%23fbc02d"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M4.25 19.79c.39.39 1.02.39 1.41 0l.39-.39c.39-.39.38-1.02 0-1.4l-.01-.01c-.39-.39-1.02-.39-1.41 0l-.39.39c-.38.4-.38 1.02.01 1.41zM11.99 23H12c.55 0 .99-.44.99-.99v-.96c0-.55-.44-.99-.99-.99h-.01c-.55 0-.99.44-.99.99v.96c0 .55.44.99.99.99zM3.01 11.05H1.99c-.55 0-.99.44-.99.99v.01c0 .55.44.99.99.99H3c.55 0 .99-.44.99-.99v-.01c.01-.55-.43-.99-.98-.99zM15 6.86V3.05c0-.55-.45-1-1-1h-4c-.55 0-1 .45-1 1v3.81c-2.04 1.18-3.32 3.52-2.93 6.13.4 2.61 2.56 4.7 5.18 5.02 3.64.44 6.75-2.4 6.75-5.95 0-2.23-1.21-4.16-3-5.2zm5 5.18v.01c0 .55.44.99.99.99H22c.55 0 .99-.44.99-.99v-.01c0-.55-.44-.99-.99-.99h-1.01c-.55 0-.99.44-.99.99zm-2.06 7.37l.39.39c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41l-.39-.39c-.39-.39-1.02-.38-1.4 0-.4.4-.4 1.02-.01 1.41z"/></svg>');
|
|
228
226
|
}
|
|
229
227
|
|
|
230
|
-
.admonition-
|
|
231
|
-
content: "
|
|
232
|
-
text-shadow: 1px 1px 2px rgba(155,155,0,.8);
|
|
233
|
-
color: #111;
|
|
228
|
+
.admonition-important .admonition-icon {
|
|
229
|
+
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="40" viewBox="0 0 24 24" width="40" fill="%23d32f2f"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 11c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z"/></svg>');
|
|
234
230
|
}
|
|
235
231
|
|
|
236
|
-
.admonition-
|
|
237
|
-
content: "
|
|
238
|
-
color: #bf3400;
|
|
232
|
+
.admonition-warning .admonition-icon {
|
|
233
|
+
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="40" viewBox="0 0 24 24" width="40" fill="%23ffa000"><path d="M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3zM12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z"/></svg>');
|
|
239
234
|
}
|
|
240
235
|
|
|
241
|
-
.admonition-
|
|
242
|
-
content: "
|
|
243
|
-
color: #bf6900;
|
|
236
|
+
.admonition-caution .admonition-icon {
|
|
237
|
+
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="40" viewBox="0 0 24 24" width="40" fill="%23d32f2f"><path d="M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3zM12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z"/></svg>');
|
|
244
238
|
}
|