r-jekyll-theme 0.1.1
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 +7 -0
- data/LICENSE +21 -0
- data/README.md +55 -0
- data/_config.yml +59 -0
- data/_includes/content/multipage.html +10 -0
- data/_includes/content/singlepage.html +7 -0
- data/_includes/footer.html +17 -0
- data/_includes/glossary.md +21 -0
- data/_includes/head.html +20 -0
- data/_includes/header.html +24 -0
- data/_includes/print/cover_back.html +20 -0
- data/_includes/print/cover_front.html +12 -0
- data/_includes/print/print_button.html +1 -0
- data/_includes/toc/pages.html +21 -0
- data/_includes/toc/sections.html +170 -0
- data/_layouts/default.html +21 -0
- data/_layouts/singlepage_dev.html +20 -0
- data/_sass/_variables.scss +30 -0
- data/_sass/r.scss +40 -0
- data/_sass/r/content/abbr.scss +61 -0
- data/_sass/r/content/code.scss +123 -0
- data/_sass/r/content/image.scss +32 -0
- data/_sass/r/content/link.scss +22 -0
- data/_sass/r/content/list.scss +64 -0
- data/_sass/r/content/note.scss +41 -0
- data/_sass/r/content/paragraph.scss +16 -0
- data/_sass/r/content/quote.scss +27 -0
- data/_sass/r/content/table.scss +76 -0
- data/_sass/r/content/title.scss +64 -0
- data/_sass/r/layout/columns.scss +36 -0
- data/_sass/r/layout/desktop.scss +187 -0
- data/_sass/r/layout/mobile.scss +242 -0
- data/_sass/r/layout/print.scss +204 -0
- data/_sass/r/styling/animations.scss +43 -0
- data/_sass/r/styling/button.scss +26 -0
- data/_sass/r/styling/formatting.scss +10 -0
- data/_sass/r/styling/selection.scss +5 -0
- data/_sass/r/styling/shadow.scss +33 -0
- data/assets/bicycle.jpg +0 -0
- data/assets/favicon.svg +52 -0
- data/assets/icons/500px.svg +83 -0
- data/assets/icons/500px_dark.svg +83 -0
- data/assets/icons/email.svg +52 -0
- data/assets/icons/email_dark.svg +52 -0
- data/assets/icons/github.svg +79 -0
- data/assets/icons/github_dark.svg +79 -0
- data/assets/icons/linkedin.svg +53 -0
- data/assets/icons/linkedin_dark.svg +53 -0
- data/assets/icons/twitter.svg +46 -0
- data/assets/icons/twitter_dark.svg +46 -0
- data/assets/main.scss +3 -0
- metadata +107 -0
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
|
|
4
|
+
{%- include head.html %}
|
|
5
|
+
|
|
6
|
+
<body>
|
|
7
|
+
{%- include print/cover_front.html -%}
|
|
8
|
+
{%- include header.html -%}
|
|
9
|
+
|
|
10
|
+
<main id="page-content" class="content {{ page.outputclass }}">
|
|
11
|
+
|
|
12
|
+
{% include content/multipage.html -%}
|
|
13
|
+
|
|
14
|
+
</main>
|
|
15
|
+
|
|
16
|
+
{%- include footer.html -%}
|
|
17
|
+
{%- include print/cover_back.html -%}
|
|
18
|
+
|
|
19
|
+
</body>
|
|
20
|
+
|
|
21
|
+
</html>
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
|
|
4
|
+
{%- include head.html -%}
|
|
5
|
+
|
|
6
|
+
<body>
|
|
7
|
+
|
|
8
|
+
{%- include header.html -%}
|
|
9
|
+
|
|
10
|
+
<main id="page-content" class="content {{ page.outputclass }}">
|
|
11
|
+
|
|
12
|
+
{%- include content/singlepage.html -%}
|
|
13
|
+
|
|
14
|
+
</main>
|
|
15
|
+
|
|
16
|
+
{%- include footer.html -%}
|
|
17
|
+
|
|
18
|
+
</body>
|
|
19
|
+
|
|
20
|
+
</html>
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
//Typography
|
|
2
|
+
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
|
|
3
|
+
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
|
|
4
|
+
@import url('https://fonts.googleapis.com/css2?family=Lalezar&display=swap');
|
|
5
|
+
@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap');
|
|
6
|
+
@import url('https://fonts.googleapis.com/css2?family=Oxygen+Mono&display=swap');
|
|
7
|
+
|
|
8
|
+
$main-font: 'Oxygen', sans-serif;
|
|
9
|
+
$mono-font: 'Oxygen Mono', monospace;
|
|
10
|
+
$logo-font: 'Lalezar', sans-serif;
|
|
11
|
+
|
|
12
|
+
//Palette
|
|
13
|
+
$primary-color: #5f0f40;
|
|
14
|
+
$secondary-color: #295180;
|
|
15
|
+
|
|
16
|
+
$text-dark: #222222;
|
|
17
|
+
$text-light: #f4f4f4;
|
|
18
|
+
|
|
19
|
+
$background-light: #f4f4f4;
|
|
20
|
+
$background-middle: #e0e0e0;
|
|
21
|
+
$background-dark: #222222;
|
|
22
|
+
|
|
23
|
+
//Placement
|
|
24
|
+
$margin-small: 0.8rem;
|
|
25
|
+
$margin: 1.6rem;
|
|
26
|
+
|
|
27
|
+
//Borders
|
|
28
|
+
$border-thin: solid 0.25rem $primary-color;
|
|
29
|
+
$border: solid 0.5rem $primary-color;
|
|
30
|
+
$border-radius: 0.25rem;
|
data/_sass/r.scss
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
// Variables
|
|
2
|
+
@import "variables";
|
|
3
|
+
|
|
4
|
+
// Layout
|
|
5
|
+
html {
|
|
6
|
+
-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
@media only screen and (min-width: 950px) {
|
|
10
|
+
@import "r/layout/desktop";
|
|
11
|
+
}
|
|
12
|
+
@media only screen and (max-width: 950px) {
|
|
13
|
+
@import "r/layout/mobile";
|
|
14
|
+
}
|
|
15
|
+
@media only print {
|
|
16
|
+
@import "r/layout/print";
|
|
17
|
+
}
|
|
18
|
+
@import "r/layout/columns";
|
|
19
|
+
|
|
20
|
+
// Styling
|
|
21
|
+
@import "r/styling/animations",
|
|
22
|
+
"r/styling/shadow",
|
|
23
|
+
"r/styling/formatting",
|
|
24
|
+
"r/styling/button",
|
|
25
|
+
"r/styling/selection";
|
|
26
|
+
|
|
27
|
+
// Content
|
|
28
|
+
main#page-content {
|
|
29
|
+
@import "r/content/paragraph",
|
|
30
|
+
"r/content/code",
|
|
31
|
+
"r/content/table",
|
|
32
|
+
"r/content/image",
|
|
33
|
+
"r/content/code",
|
|
34
|
+
"r/content/quote",
|
|
35
|
+
"r/content/list",
|
|
36
|
+
"r/content/note",
|
|
37
|
+
"r/content/abbr",
|
|
38
|
+
"r/content/link",
|
|
39
|
+
"r/content/title";
|
|
40
|
+
}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
abbr,
|
|
2
|
+
abbr[title] {
|
|
3
|
+
text-decoration: none;
|
|
4
|
+
font-weight: inherit;
|
|
5
|
+
line-height: inherit;
|
|
6
|
+
font-size: inherit;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
li,
|
|
10
|
+
p {
|
|
11
|
+
abbr,
|
|
12
|
+
abbr[title] {
|
|
13
|
+
text-decoration: none;
|
|
14
|
+
border-bottom: 0.25rem dotted $background-middle;
|
|
15
|
+
font-size: inherit;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
a > abbr,
|
|
20
|
+
a > abbr[title] {
|
|
21
|
+
text-decoration: inherit;
|
|
22
|
+
border-bottom: inherit;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
abbr:hover,
|
|
26
|
+
abbr:focus,
|
|
27
|
+
abbr:active,
|
|
28
|
+
abbr[title]:hover,
|
|
29
|
+
abbr[title]:focus,
|
|
30
|
+
abbr[title]:active {
|
|
31
|
+
color: $primary-color;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
@media only screen and (max-width: 450px), (max-height: 450px) {
|
|
35
|
+
abbr[title] {
|
|
36
|
+
position: relative;
|
|
37
|
+
/* ensure consistent styling across browsers */
|
|
38
|
+
text-decoration: inherit;
|
|
39
|
+
border-bottom: none;
|
|
40
|
+
font-size: inherit;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
abbr[title]:hover::after,
|
|
44
|
+
abbr[title]:focus::after {
|
|
45
|
+
content: attr(title);
|
|
46
|
+
position: absolute;
|
|
47
|
+
left: 0;
|
|
48
|
+
bottom: -2.5em;
|
|
49
|
+
width: auto;
|
|
50
|
+
white-space: nowrap;
|
|
51
|
+
|
|
52
|
+
/* style tooltip */
|
|
53
|
+
background-color: $primary-color;
|
|
54
|
+
color: $text-light;
|
|
55
|
+
border-radius: $border-radius;
|
|
56
|
+
--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
|
|
57
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
58
|
+
font-size: 1.2rem;
|
|
59
|
+
padding: 0.25rem 0.75rem;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
/* Code blocks and code prases */
|
|
2
|
+
code {
|
|
3
|
+
word-wrap: break-word;
|
|
4
|
+
display: inline;
|
|
5
|
+
width: auto;
|
|
6
|
+
padding: 0 0.25rem;
|
|
7
|
+
background-color: $background-middle;
|
|
8
|
+
font-family: $mono-font;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
code * {
|
|
12
|
+
font-family: $mono-font;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
/* Code phrases */
|
|
16
|
+
:not(pre) > code {
|
|
17
|
+
color: $text-dark;
|
|
18
|
+
border-radius: $border-radius;
|
|
19
|
+
font-size: 1.4rem;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
/* Codeblocks */
|
|
23
|
+
pre {
|
|
24
|
+
margin: $margin 0;
|
|
25
|
+
padding: 0;
|
|
26
|
+
display: block;
|
|
27
|
+
border-radius: $border-radius;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@media screen {
|
|
31
|
+
pre {
|
|
32
|
+
max-height: 70vh;
|
|
33
|
+
overflow-y: auto;
|
|
34
|
+
-ms-overflow-style: none;
|
|
35
|
+
scrollbar-width: none;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
pre > code {
|
|
40
|
+
white-space: pre-wrap;
|
|
41
|
+
margin: 0;
|
|
42
|
+
padding: 1rem;
|
|
43
|
+
display: block;
|
|
44
|
+
font-size: 1.3rem;
|
|
45
|
+
line-height: 1.3em;
|
|
46
|
+
}
|
|
47
|
+
pre > code * {
|
|
48
|
+
font-size: 1.3rem;
|
|
49
|
+
}
|
|
50
|
+
.language-python pre code {
|
|
51
|
+
white-space: pre;
|
|
52
|
+
overflow-x: scroll;
|
|
53
|
+
overflow-y: scroll;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
/* Syntax highligt
|
|
57
|
+
.highlight {
|
|
58
|
+
background: #fff;
|
|
59
|
+
|
|
60
|
+
.highlighter-rouge & {
|
|
61
|
+
background: #eef;
|
|
62
|
+
}
|
|
63
|
+
.c { color: #998; font-style: italic } // Comment
|
|
64
|
+
.err { color: #9a031e; background-color: #e3d2d2 } // Error
|
|
65
|
+
.k { font-weight: bold } // Keyword
|
|
66
|
+
.o { font-weight: bold } // Operator
|
|
67
|
+
.cm { color: #998; font-style: italic } // Comment.Multiline
|
|
68
|
+
.cp { color: #999; font-weight: bold } // Comment.Preproc
|
|
69
|
+
.c1 { color: #998; font-style: italic } // Comment.Single
|
|
70
|
+
.cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
|
|
71
|
+
.gd { color: #222222; background-color: #fdd } // Generic.Deleted
|
|
72
|
+
.gd .x { color: #222222; background-color: #faa } // Generic.Deleted.Specific
|
|
73
|
+
.ge { font-style: italic } // Generic.Emph
|
|
74
|
+
.gr { color: #9a031e } // Generic.Error
|
|
75
|
+
.gh { color: #999 } // Generic.Heading
|
|
76
|
+
.gi { color: #222222; background-color: #dfd } // Generic.Inserted
|
|
77
|
+
.gi .x { color: #222222; background-color: #afa } // Generic.Inserted.Specific
|
|
78
|
+
.go { color: #888 } // Generic.Output
|
|
79
|
+
.gp { color: #555 } // Generic.Prompt
|
|
80
|
+
.gs { font-weight: bold } // Generic.Strong
|
|
81
|
+
.gu { color: #aaa } // Generic.Subheading
|
|
82
|
+
.gt { color: #9a031e } // Generic.Traceback
|
|
83
|
+
.kc { font-weight: bold } // Keyword.Constant
|
|
84
|
+
.kd { font-weight: bold } // Keyword.Declaration
|
|
85
|
+
.kp { font-weight: bold } // Keyword.Pseudo
|
|
86
|
+
.kr { font-weight: bold } // Keyword.Reserved
|
|
87
|
+
.kt { color: #458; font-weight: bold } // Keyword.Type
|
|
88
|
+
.m { color: #099 } // Literal.Number
|
|
89
|
+
.s { color: #dd6e42 } // Literal.String
|
|
90
|
+
.na { color: #008080 } // Name.Attribute
|
|
91
|
+
.nb { color: #0086B3 } // Name.Builtin
|
|
92
|
+
.nc { color: #458; font-weight: bold } // Name.Class
|
|
93
|
+
.no { color: #008080 } // Name.Constant
|
|
94
|
+
.ni { color: #800080 } // Name.Entity
|
|
95
|
+
.ne { color: #9a031e; font-weight: bold } // Name.Exception
|
|
96
|
+
.nf { color: #9a031e; font-weight: bold } // Name.Function
|
|
97
|
+
.nn { color: #555 } // Name.Namespace
|
|
98
|
+
.nt { color: #000080 } // Name.Tag
|
|
99
|
+
.nv { color: #295180 } // Name.Variable
|
|
100
|
+
.ow { font-weight: bold } // Operator.Word
|
|
101
|
+
.w { color: #bbb } // Text.Whitespace
|
|
102
|
+
.mf { color: #3d405b } // Literal.Number.Float
|
|
103
|
+
.mh { color: #3d405b } // Literal.Number.Hex
|
|
104
|
+
.mi { color: #3d405b } // Literal.Number.Integer
|
|
105
|
+
.mo { color: #3d405b } // Literal.Number.Oct
|
|
106
|
+
.sb { color: #dd6e42 } // Literal.String.Backtick
|
|
107
|
+
.sc { color: #dd6e42 } // Literal.String.Char
|
|
108
|
+
.sd { color: #dd6e42 } // Literal.String.Doc
|
|
109
|
+
.s2 { color: #dd6e42 } // Literal.String.Double
|
|
110
|
+
.se { color: #dd6e42 } // Literal.String.Escape
|
|
111
|
+
.sh { color: #dd6e42 } // Literal.String.Heredoc
|
|
112
|
+
.si { color: #dd6e42 } // Literal.String.Interpol
|
|
113
|
+
.sx { color: #dd6e42 } // Literal.String.Other
|
|
114
|
+
.sr { color: #009926 } // Literal.String.Regex
|
|
115
|
+
.s1 { color: #dd6e42 } // Literal.String.Single
|
|
116
|
+
.ss { color: #990073 } // Literal.String.Symbol
|
|
117
|
+
.bp { color: #999 } // Name.Builtin.Pseudo
|
|
118
|
+
.vc { color: #295180 } // Name.Variable.Class
|
|
119
|
+
.vg { color: #295180 } // Name.Variable.Global
|
|
120
|
+
.vi { color: #295180 } // Name.Variable.Instance
|
|
121
|
+
.il { color: #295180 } // Literal.Number.Integer.Long
|
|
122
|
+
}
|
|
123
|
+
*/
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/* Images */
|
|
2
|
+
img {
|
|
3
|
+
overflow: auto;
|
|
4
|
+
padding: 0;
|
|
5
|
+
margin: $margin 0;
|
|
6
|
+
max-width: 100%;
|
|
7
|
+
display: block;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
img.center {
|
|
11
|
+
margin: $margin auto;
|
|
12
|
+
display: block;
|
|
13
|
+
}
|
|
14
|
+
.left {
|
|
15
|
+
float: left;
|
|
16
|
+
display: block;
|
|
17
|
+
}
|
|
18
|
+
.right {
|
|
19
|
+
float: right;
|
|
20
|
+
display: block;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
/* Figures */
|
|
24
|
+
figure {
|
|
25
|
+
margin: 0;
|
|
26
|
+
padding: 0;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
figcaption {
|
|
30
|
+
font-weight: bold;
|
|
31
|
+
color: $primary-color;
|
|
32
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
a {
|
|
2
|
+
text-decoration: none;
|
|
3
|
+
color: $secondary-color;
|
|
4
|
+
font-weight: bold;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
a > abbr {
|
|
8
|
+
text-decoration: inherit;
|
|
9
|
+
color: inherit;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
a:hover,
|
|
13
|
+
a:active,
|
|
14
|
+
a:focus {
|
|
15
|
+
text-decoration: underline;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
a:hover > abbr,
|
|
19
|
+
a:active > abbr,
|
|
20
|
+
a:focus > abbr {
|
|
21
|
+
color: inherit;
|
|
22
|
+
}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
/*** Ordered and unordered lists - START */
|
|
2
|
+
ol,
|
|
3
|
+
ul {
|
|
4
|
+
margin: 0;
|
|
5
|
+
}
|
|
6
|
+
li {
|
|
7
|
+
margin: 0.8rem 0;
|
|
8
|
+
font-size: 1.6rem;
|
|
9
|
+
}
|
|
10
|
+
/*** Ordered and unordered lists - END */
|
|
11
|
+
|
|
12
|
+
/*** Special item lists - START */
|
|
13
|
+
ul.items {
|
|
14
|
+
display: flex;
|
|
15
|
+
flex-wrap: wrap;
|
|
16
|
+
margin: 0.8rem 0 0 0;
|
|
17
|
+
padding: 0;
|
|
18
|
+
}
|
|
19
|
+
ul.items > li {
|
|
20
|
+
font-size: 1.3rem;
|
|
21
|
+
list-style: none;
|
|
22
|
+
padding: 0.25em 0.75em;
|
|
23
|
+
margin: 0.8rem 1.6rem 0.8rem 0;
|
|
24
|
+
background-color: $background-middle;
|
|
25
|
+
color: $text-dark;
|
|
26
|
+
border-radius: $border-radius;
|
|
27
|
+
width: auto;
|
|
28
|
+
text-align: center;
|
|
29
|
+
vertical-align: middle;
|
|
30
|
+
display: inline;
|
|
31
|
+
text-decoration: none;
|
|
32
|
+
}
|
|
33
|
+
ul.items * {
|
|
34
|
+
border: none;
|
|
35
|
+
text-decoration: inherit;
|
|
36
|
+
font-size: inherit;
|
|
37
|
+
font-weight: inherit;
|
|
38
|
+
}
|
|
39
|
+
/*** Special item lists - END */
|
|
40
|
+
|
|
41
|
+
/*** Definition lists - START */
|
|
42
|
+
dl {
|
|
43
|
+
display: block;
|
|
44
|
+
margin: $margin 0;
|
|
45
|
+
}
|
|
46
|
+
dd + dt {
|
|
47
|
+
margin-top: $margin;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
dt,
|
|
51
|
+
dd {
|
|
52
|
+
border-left: $border;
|
|
53
|
+
padding: 0 0 0 1.4rem;
|
|
54
|
+
font-size: 1.4rem;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
dt,
|
|
58
|
+
dt * {
|
|
59
|
+
font-weight: bold;
|
|
60
|
+
}
|
|
61
|
+
dd {
|
|
62
|
+
margin: 0 0 0 0;
|
|
63
|
+
}
|
|
64
|
+
/*** Definition lists - END */
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
/* Style note containers */
|
|
2
|
+
.note,
|
|
3
|
+
.note_warning,
|
|
4
|
+
.note_caution,
|
|
5
|
+
.note_tip {
|
|
6
|
+
padding: 0.5rem 1rem;
|
|
7
|
+
background-color: $background-middle;
|
|
8
|
+
display: block;
|
|
9
|
+
border-left: $border;
|
|
10
|
+
font-size: 1.4rem;
|
|
11
|
+
border-radius: $border-radius;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
/* Style note captions */
|
|
15
|
+
.note::before,
|
|
16
|
+
.note_warning::before,
|
|
17
|
+
.note_caution::before,
|
|
18
|
+
.note_tip::before {
|
|
19
|
+
white-space: pre;
|
|
20
|
+
font-size: inherit;
|
|
21
|
+
display: inline-block;
|
|
22
|
+
font-weight: bold;
|
|
23
|
+
font-size: 1.4rem;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
/* Provide note captions */
|
|
27
|
+
.note::before {
|
|
28
|
+
content: "NOTE: ";
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.note_warning::before {
|
|
32
|
+
content: "WARNING: ";
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.note_caution::before {
|
|
36
|
+
content: "CAUTION: ";
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.note_tip::before {
|
|
40
|
+
content: "TIP: ";
|
|
41
|
+
}
|