klise 1.0.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 +59 -0
- data/_includes/anchor_headings.html +105 -0
- data/_includes/author.html +9 -0
- data/_includes/comments.html +10 -0
- data/_includes/footer.html +38 -0
- data/_includes/header.html +164 -0
- data/_includes/navbar.html +211 -0
- data/_includes/navigation.html +16 -0
- data/_includes/pagination.html +21 -0
- data/_layouts/404.html +26 -0
- data/_layouts/compress.html +4 -0
- data/_layouts/default.html +18 -0
- data/_layouts/home.html +14 -0
- data/_layouts/page.html +23 -0
- data/_layouts/post.html +74 -0
- data/_sass/klise/_base.scss +360 -0
- data/_sass/klise/_dark.scss +245 -0
- data/_sass/klise/_fonts.scss +712 -0
- data/_sass/klise/_layout.scss +371 -0
- data/_sass/klise/_miscellaneous.scss +41 -0
- data/_sass/klise/_post.scss +261 -0
- data/_sass/klise/_syntax.scss +185 -0
- data/_sass/main.scss +63 -0
- metadata +153 -0
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<nav class="post-nav">
|
|
2
|
+
{% if page.previous %}
|
|
3
|
+
<a
|
|
4
|
+
class="post-nav-item post-nav-prev"
|
|
5
|
+
href="{{ page.previous | relative_url }}"
|
|
6
|
+
>
|
|
7
|
+
<div class="nav-arrow">Previous</div>
|
|
8
|
+
<span class="post-title">{{ page.previous.title }}</span>
|
|
9
|
+
</a>
|
|
10
|
+
{% endif %} {% if page.next %}
|
|
11
|
+
<a class="post-nav-item post-nav-next" href="{{ page.next | relative_url }}">
|
|
12
|
+
<div class="nav-arrow">Next</div>
|
|
13
|
+
<span class="post-title">{{ page.next.title }}</span>
|
|
14
|
+
</a>
|
|
15
|
+
{% endif %}
|
|
16
|
+
</nav>
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
<!-- NOTE: unused file, but u can use if necessary -->
|
|
2
|
+
<!-- <div class="pagination">
|
|
3
|
+
{% if paginator.previous_page %}
|
|
4
|
+
<a
|
|
5
|
+
class="page-previous"
|
|
6
|
+
href="{{ paginator.previous_page_path }}"
|
|
7
|
+
class="previous"
|
|
8
|
+
>
|
|
9
|
+
<span aria-hidden="true">←</span> NEWER POSTS
|
|
10
|
+
</a>
|
|
11
|
+
{% endif %}
|
|
12
|
+
<span class="page_number"
|
|
13
|
+
>PAGE {{ paginator.page }} OF {{ paginator.total_pages }}</span
|
|
14
|
+
>
|
|
15
|
+
{% if paginator.next_page %}
|
|
16
|
+
<a class="page-next" href="{{ paginator.next_page_path }}" class="next"
|
|
17
|
+
>OLDER POSTS
|
|
18
|
+
<span aria-hidden="true">→</span>
|
|
19
|
+
</a>
|
|
20
|
+
{% endif %}
|
|
21
|
+
</div> -->
|
data/_layouts/404.html
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: compress
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<!DOCTYPE html>
|
|
6
|
+
<html lang="{{ page.lang | default: site.lang | default: " en " }}">
|
|
7
|
+
|
|
8
|
+
{% include header.html %}
|
|
9
|
+
<body>
|
|
10
|
+
{% include navbar.html %}
|
|
11
|
+
<div class="wrapper">
|
|
12
|
+
<main aria-label="Content">
|
|
13
|
+
<div class="not-found">
|
|
14
|
+
<div class="container">
|
|
15
|
+
<div class="title">404</div>
|
|
16
|
+
<p class="phrase">😕 Hmm... Seems you lost from my journey.</p>
|
|
17
|
+
<a class="solution" href="{{ site.url }}">back home</a>
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|
|
20
|
+
</main>
|
|
21
|
+
{% include footer.html %}
|
|
22
|
+
</div>
|
|
23
|
+
|
|
24
|
+
</body>
|
|
25
|
+
|
|
26
|
+
</html>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
---
|
|
2
|
+
---
|
|
3
|
+
|
|
4
|
+
{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if site.compress_html.comments.size == 2 %}{% assign _comment_befores = _content | split: site.compress_html.comments.first %}{% for _comment_before in _comment_befores %}{% assign _comment_content = _comment_before | split: site.compress_html.comments.last | first %}{% if _comment_content %}{% capture _comment %}{{ site.compress_html.comments.first }}{{ _comment_content }}{{ site.compress_html.comments.last }}{% endcapture %}{% assign _content = _content | remove: _comment %}{% endif %}{% endfor %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% case _pres.size %}{% when 2 %}{% capture _content %}{{ _content }}<pre{{ _pres.first }}</pre>{{ _pres.last | split: " " | join: " " }}{% endcapture %}{% when 1 %}{% capture _content %}{{ _content }}{{ _pres.last | split: " " | join: " " }}{% endcapture %}{% endcase %}{% endfor %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{{ _content }}{% endif %}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: compress
|
|
3
|
+
---
|
|
4
|
+
<!DOCTYPE html>
|
|
5
|
+
<html lang="{{ page.lang | default: site.lang | default: " en " }}">
|
|
6
|
+
{% include header.html %}
|
|
7
|
+
|
|
8
|
+
<body data-theme="{{ site.mode }}">
|
|
9
|
+
{% include navbar.html %}
|
|
10
|
+
<div class="wrapper">
|
|
11
|
+
{% include author.html %}
|
|
12
|
+
<main aria-label="Content">
|
|
13
|
+
{{ content }}
|
|
14
|
+
</main>
|
|
15
|
+
{% include footer.html %}
|
|
16
|
+
</div>
|
|
17
|
+
</body>
|
|
18
|
+
</html>
|
data/_layouts/home.html
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
home: true
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
<h3 class="posts-item-note" aria-label="Recent Posts">Recent Posts</h3>
|
|
7
|
+
{%- for post in site.posts limit: site.number_of_posts -%}
|
|
8
|
+
<article class="post-item">
|
|
9
|
+
<span class="post-item-date">{{ post.date | date: "%b %d, %Y" }}</span>
|
|
10
|
+
<h4 class="post-item-title">
|
|
11
|
+
<a href="{{ post.url }}">{{ post.title | escape }}</a>
|
|
12
|
+
</h4>
|
|
13
|
+
</article>
|
|
14
|
+
{%- endfor -%}
|
data/_layouts/page.html
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: compress
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<!DOCTYPE html>
|
|
6
|
+
<html lang="{{ page.lang | default: site.lang | default: " en " }}">
|
|
7
|
+
|
|
8
|
+
{% include header.html %}
|
|
9
|
+
|
|
10
|
+
<body data-theme="{{ site.mode }}">
|
|
11
|
+
{% include navbar.html %}
|
|
12
|
+
<div class="wrapper">
|
|
13
|
+
<header class="header">
|
|
14
|
+
<h1 class="header-title center" itemprop="headline">{{ page.title | escape }}.</h1>
|
|
15
|
+
</header>
|
|
16
|
+
<main class="page-content" aria-label="Content">
|
|
17
|
+
{% include anchor_headings.html html=content anchorClass="anchor-head" beforeHeading=true h_min=4 h_max=4 %}
|
|
18
|
+
</main>
|
|
19
|
+
{% include footer.html %}
|
|
20
|
+
</div>
|
|
21
|
+
</body>
|
|
22
|
+
|
|
23
|
+
</html>
|
data/_layouts/post.html
ADDED
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: compress
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<!DOCTYPE html>
|
|
6
|
+
<html lang="{{ page.lang | default: site.lang | default: "en" }}">
|
|
7
|
+
|
|
8
|
+
{% include header.html %}
|
|
9
|
+
|
|
10
|
+
<body data-theme="{{ site.mode }}">
|
|
11
|
+
{% include navbar.html %}
|
|
12
|
+
<div class="wrapper post">
|
|
13
|
+
<main class="page-content" aria-label="Content">
|
|
14
|
+
<article itemscope itemtype="https://schema.org/BlogPosting">
|
|
15
|
+
|
|
16
|
+
<header class="header">
|
|
17
|
+
{% if page.tags and page.tags != empty %}
|
|
18
|
+
<div class="tags">
|
|
19
|
+
{% assign tags = page.tags %}
|
|
20
|
+
<span itemprop="keywords">
|
|
21
|
+
{% for tag in tags %}
|
|
22
|
+
<a class="tag"
|
|
23
|
+
href="/tags/#{{tag | downcase | slugify}}">{{tag | upcase }}</a>{% unless forloop.last %},{% endunless %}
|
|
24
|
+
{% endfor %}
|
|
25
|
+
</span>
|
|
26
|
+
</div>
|
|
27
|
+
{% endif %}
|
|
28
|
+
<h1 class="header-title" itemprop="headline">{{ page.title | escape }}</h1>
|
|
29
|
+
{% if page.date %}
|
|
30
|
+
<div class="post-meta">
|
|
31
|
+
<time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
|
|
32
|
+
{{ page.date | date: "%b %d, %Y" }}
|
|
33
|
+
</time>
|
|
34
|
+
<span itemprop="author" itemscope itemtype="https://schema.org/Person">
|
|
35
|
+
<span itemprop="name">{{ site.author.name }}</span>
|
|
36
|
+
</span>
|
|
37
|
+
<time hidden datetime="{{ page.modified | date_to_xmlschema }}" itemprop="dateModified">
|
|
38
|
+
{{ page.date | date: "%b %d, %Y" }}
|
|
39
|
+
</time>
|
|
40
|
+
<span hidden itemprop="publisher" itemtype="Person">{{ site.author.name }}</span>
|
|
41
|
+
<span hidden itemprop="image">{{ page.image }}</span>
|
|
42
|
+
<span hidden itemprop="mainEntityOfPage">{{ page.excerpt }}</span>
|
|
43
|
+
</div>
|
|
44
|
+
{% endif %}
|
|
45
|
+
</header>
|
|
46
|
+
|
|
47
|
+
<div class="page-content" itemprop="articleBody">
|
|
48
|
+
{% include anchor_headings.html html=content anchorClass="anchor-head" beforeHeading=true h_min=1 h_max=4 %}
|
|
49
|
+
{% if page.tweet %}
|
|
50
|
+
<p>Comments this article on
|
|
51
|
+
<a href="https://twitter.com/{{site.twitter}}/status/{{page.tweet}}">Twitter</a>.
|
|
52
|
+
</p>
|
|
53
|
+
{% endif %}
|
|
54
|
+
</div>
|
|
55
|
+
</article>
|
|
56
|
+
|
|
57
|
+
{% if page.comments %}
|
|
58
|
+
{% include comments.html%}
|
|
59
|
+
{% endif %}
|
|
60
|
+
|
|
61
|
+
</main>
|
|
62
|
+
|
|
63
|
+
{% if page.modified %}
|
|
64
|
+
<small class="post-updated-at">updated_at {{page.modified | date: "%d-%m-%Y"}}</small>
|
|
65
|
+
{% endif %}
|
|
66
|
+
{% if page.next or page.previous %}
|
|
67
|
+
{% include navigation.html %}
|
|
68
|
+
{% endif %}
|
|
69
|
+
|
|
70
|
+
{% include footer.html %}
|
|
71
|
+
</div>
|
|
72
|
+
</body>
|
|
73
|
+
|
|
74
|
+
</html>
|
|
@@ -0,0 +1,360 @@
|
|
|
1
|
+
// Reset some basic elements
|
|
2
|
+
* {
|
|
3
|
+
-webkit-transition: background-color 75ms ease-in, border-color 75ms ease-in;
|
|
4
|
+
-moz-transition: background-color 75ms ease-in, border-color 75ms ease-in;
|
|
5
|
+
-ms-transition: background-color 75ms ease-in, border-color 75ms ease-in;
|
|
6
|
+
-o-transition: background-color 75ms ease-in, border-color 75ms ease-in;
|
|
7
|
+
transition: background-color 75ms ease-in, border-color 75ms ease-in;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
html {
|
|
11
|
+
overflow-x: hidden;
|
|
12
|
+
width: 100%;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
body,
|
|
16
|
+
h1,
|
|
17
|
+
h2,
|
|
18
|
+
h3,
|
|
19
|
+
h4,
|
|
20
|
+
h5,
|
|
21
|
+
h6,
|
|
22
|
+
p,
|
|
23
|
+
blockquote,
|
|
24
|
+
pre,
|
|
25
|
+
hr,
|
|
26
|
+
dl,
|
|
27
|
+
dd,
|
|
28
|
+
ol,
|
|
29
|
+
ul,
|
|
30
|
+
figure {
|
|
31
|
+
margin: 0;
|
|
32
|
+
padding: 0;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
// Basic styling
|
|
36
|
+
body {
|
|
37
|
+
min-height: 100vh;
|
|
38
|
+
overflow-x: hidden;
|
|
39
|
+
position: relative;
|
|
40
|
+
color: $text-base-color;
|
|
41
|
+
background-color: $white;
|
|
42
|
+
font: $normal-weight #{$base-font-size}/#{$base-line-height} $sans-family;
|
|
43
|
+
-webkit-text-size-adjust: 100%;
|
|
44
|
+
-webkit-font-smoothing: antialiased;
|
|
45
|
+
-webkit-font-feature-settings: "kern" 1;
|
|
46
|
+
-moz-font-feature-settings: "kern" 1;
|
|
47
|
+
-o-font-feature-settings: "kern" 1;
|
|
48
|
+
font-feature-settings: "kern" 1;
|
|
49
|
+
font-kerning: normal;
|
|
50
|
+
box-sizing: border-box;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
// Set `margin-bottom` to maintain vertical rhythm
|
|
54
|
+
h1,
|
|
55
|
+
h2,
|
|
56
|
+
h3,
|
|
57
|
+
h4,
|
|
58
|
+
h5,
|
|
59
|
+
h6,
|
|
60
|
+
p,
|
|
61
|
+
blockquote,
|
|
62
|
+
pre,
|
|
63
|
+
ul,
|
|
64
|
+
ol,
|
|
65
|
+
dl,
|
|
66
|
+
figure,
|
|
67
|
+
%vertical-rhythm {
|
|
68
|
+
margin-top: $spacing-full - 20;
|
|
69
|
+
margin-bottom: $spacing-full - 20;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
// strong | bold
|
|
73
|
+
strong,
|
|
74
|
+
b {
|
|
75
|
+
font-weight: $bold-weight;
|
|
76
|
+
color: $black;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
// horizontal rule
|
|
80
|
+
hr {
|
|
81
|
+
border-bottom: 0;
|
|
82
|
+
border-style: solid;
|
|
83
|
+
border-color: $light;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
// kbd tag
|
|
87
|
+
kbd {
|
|
88
|
+
-moz-border-radius: 3px;
|
|
89
|
+
-webkit-border-radius: 3px;
|
|
90
|
+
border: 1px solid $light;
|
|
91
|
+
border-radius: 2px;
|
|
92
|
+
color: $black;
|
|
93
|
+
display: inline-block;
|
|
94
|
+
font-size: $small-font-size;
|
|
95
|
+
line-height: 1.4;
|
|
96
|
+
font-family: $mono-family;
|
|
97
|
+
margin: 0 0.1em;
|
|
98
|
+
font-weight: $bold-weight;
|
|
99
|
+
padding: 0.01em 0.4em;
|
|
100
|
+
text-shadow: 0 1px 0 $white;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
// Image
|
|
104
|
+
img {
|
|
105
|
+
max-width: 100%;
|
|
106
|
+
vertical-align: middle;
|
|
107
|
+
-webkit-user-drag: none;
|
|
108
|
+
margin: 0 auto;
|
|
109
|
+
text-align: center;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
// Figure
|
|
113
|
+
figure {
|
|
114
|
+
position: relative;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
// Image inside Figure tag
|
|
118
|
+
figure > img {
|
|
119
|
+
display: block;
|
|
120
|
+
position: relative;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
// Image caption
|
|
124
|
+
figcaption {
|
|
125
|
+
font-size: 13px;
|
|
126
|
+
text-align: center;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
// List
|
|
130
|
+
ul {
|
|
131
|
+
list-style: none;
|
|
132
|
+
li {
|
|
133
|
+
display: list-item;
|
|
134
|
+
text-align: -webkit-match-parent;
|
|
135
|
+
}
|
|
136
|
+
li::before {
|
|
137
|
+
content: "\FE63";
|
|
138
|
+
display: inline-block;
|
|
139
|
+
top: -1px;
|
|
140
|
+
width: 1.2em;
|
|
141
|
+
position: relative;
|
|
142
|
+
margin-left: -1.3em;
|
|
143
|
+
font-weight: 700;
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
ol {
|
|
148
|
+
list-style: none;
|
|
149
|
+
counter-reset: li;
|
|
150
|
+
li {
|
|
151
|
+
position: relative;
|
|
152
|
+
counter-increment: li;
|
|
153
|
+
&::before {
|
|
154
|
+
content: counter(li);
|
|
155
|
+
display: inline-block;
|
|
156
|
+
width: 1em;
|
|
157
|
+
margin-right: 0.5em;
|
|
158
|
+
margin-left: -1.6em;
|
|
159
|
+
text-align: right;
|
|
160
|
+
direction: rtl;
|
|
161
|
+
font-weight: $bold-weight;
|
|
162
|
+
font-size: $small-font-size;
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
ul,
|
|
168
|
+
ol {
|
|
169
|
+
margin-top: 0;
|
|
170
|
+
margin-left: $spacing-full;
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
li {
|
|
174
|
+
padding-bottom: 1px;
|
|
175
|
+
padding-top: 1px;
|
|
176
|
+
|
|
177
|
+
&:before {
|
|
178
|
+
color: $black;
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
> ul,
|
|
182
|
+
> ol {
|
|
183
|
+
margin-bottom: 2px;
|
|
184
|
+
margin-top: 0;
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
// Headings
|
|
189
|
+
h1,
|
|
190
|
+
h2,
|
|
191
|
+
h3,
|
|
192
|
+
h4,
|
|
193
|
+
h5,
|
|
194
|
+
h6 {
|
|
195
|
+
color: $black;
|
|
196
|
+
font-weight: $bold-weight;
|
|
197
|
+
& + ul,
|
|
198
|
+
& + ol {
|
|
199
|
+
margin-top: 10px;
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
@include media-query($on-mobile) {
|
|
203
|
+
scroll-margin-top: 65px;
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
// Headings with link
|
|
208
|
+
h1 > a,
|
|
209
|
+
h2 > a,
|
|
210
|
+
h3 > a,
|
|
211
|
+
h4 > a,
|
|
212
|
+
h5 > a,
|
|
213
|
+
h6 > a {
|
|
214
|
+
text-decoration: none;
|
|
215
|
+
border: none;
|
|
216
|
+
|
|
217
|
+
&:hover {
|
|
218
|
+
text-decoration: none;
|
|
219
|
+
border: none;
|
|
220
|
+
}
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
// Link
|
|
224
|
+
a {
|
|
225
|
+
color: inherit;
|
|
226
|
+
text-decoration-color: $smoke;
|
|
227
|
+
|
|
228
|
+
&:hover {
|
|
229
|
+
color: $text-link-blue;
|
|
230
|
+
}
|
|
231
|
+
|
|
232
|
+
&:focus {
|
|
233
|
+
outline: 3px solid rgba(0, 54, 199, 0.6);
|
|
234
|
+
outline-offset: 2px;
|
|
235
|
+
}
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
// Del
|
|
239
|
+
del {
|
|
240
|
+
color: inherit;
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
// Em
|
|
244
|
+
em {
|
|
245
|
+
color: inherit;
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
// Blockquotes
|
|
249
|
+
blockquote {
|
|
250
|
+
color: $gray;
|
|
251
|
+
font-style: italic;
|
|
252
|
+
text-align: center;
|
|
253
|
+
opacity: 0.9;
|
|
254
|
+
border-top: 1px solid $light;
|
|
255
|
+
border-bottom: 1px solid $light;
|
|
256
|
+
padding: 10px;
|
|
257
|
+
margin-left: 10px;
|
|
258
|
+
margin-right: 10px;
|
|
259
|
+
font-size: 1em;
|
|
260
|
+
|
|
261
|
+
> :last-child {
|
|
262
|
+
margin-bottom: 0;
|
|
263
|
+
margin-top: 0;
|
|
264
|
+
}
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
// Wrapper
|
|
268
|
+
.wrapper {
|
|
269
|
+
max-width: -webkit-calc(#{$narrow-size} - (#{$spacing-full} * 2));
|
|
270
|
+
max-width: calc(#{$narrow-size} - (#{$spacing-full} * 2));
|
|
271
|
+
position: relative;
|
|
272
|
+
margin-right: auto;
|
|
273
|
+
margin-left: auto;
|
|
274
|
+
padding-right: $spacing-full;
|
|
275
|
+
padding-left: $spacing-full;
|
|
276
|
+
@extend %clearfix;
|
|
277
|
+
|
|
278
|
+
@include media-query($on-mobile) {
|
|
279
|
+
max-width: -webkit-calc(#{$narrow-size} - (#{$spacing-full}));
|
|
280
|
+
max-width: calc(#{$narrow-size} - (#{$spacing-full}));
|
|
281
|
+
padding-right: $spacing-full - 10;
|
|
282
|
+
padding-left: $spacing-full - 10;
|
|
283
|
+
|
|
284
|
+
&.blurry {
|
|
285
|
+
animation: 0.2s ease-in forwards blur;
|
|
286
|
+
-webkit-animation: 0.2s ease-in forwards blur;
|
|
287
|
+
}
|
|
288
|
+
}
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
// Underline
|
|
292
|
+
u {
|
|
293
|
+
text-decoration-color: #d2c7c7;
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
// Small
|
|
297
|
+
small {
|
|
298
|
+
font-size: $small-font-size;
|
|
299
|
+
}
|
|
300
|
+
|
|
301
|
+
// Superscript
|
|
302
|
+
sup {
|
|
303
|
+
border-radius: 10%;
|
|
304
|
+
top: -3px;
|
|
305
|
+
left: 2px;
|
|
306
|
+
font-size: small;
|
|
307
|
+
position: relative;
|
|
308
|
+
margin-right: 2px;
|
|
309
|
+
}
|
|
310
|
+
|
|
311
|
+
// Table
|
|
312
|
+
.overflow-table {
|
|
313
|
+
overflow-x: auto;
|
|
314
|
+
}
|
|
315
|
+
|
|
316
|
+
table {
|
|
317
|
+
width: 100%;
|
|
318
|
+
margin-top: $spacing-half;
|
|
319
|
+
border-collapse: collapse;
|
|
320
|
+
font-size: $small-font-size;
|
|
321
|
+
|
|
322
|
+
thead {
|
|
323
|
+
font-weight: $bold-weight;
|
|
324
|
+
color: $black;
|
|
325
|
+
border-bottom: 1px solid $light;
|
|
326
|
+
}
|
|
327
|
+
|
|
328
|
+
th,
|
|
329
|
+
td,
|
|
330
|
+
tr {
|
|
331
|
+
border: 1px solid $light;
|
|
332
|
+
padding: 2px 7px;
|
|
333
|
+
}
|
|
334
|
+
}
|
|
335
|
+
|
|
336
|
+
// Clearfix
|
|
337
|
+
%clearfix:after {
|
|
338
|
+
content: "";
|
|
339
|
+
display: table;
|
|
340
|
+
clear: both;
|
|
341
|
+
}
|
|
342
|
+
|
|
343
|
+
// When mouse block a text set this color
|
|
344
|
+
mark,
|
|
345
|
+
::selection {
|
|
346
|
+
background: #fffba0;
|
|
347
|
+
color: $black;
|
|
348
|
+
}
|
|
349
|
+
|
|
350
|
+
// Github Gist clear border
|
|
351
|
+
.gist {
|
|
352
|
+
table {
|
|
353
|
+
border: 0;
|
|
354
|
+
|
|
355
|
+
tr,
|
|
356
|
+
td {
|
|
357
|
+
border: 0;
|
|
358
|
+
}
|
|
359
|
+
}
|
|
360
|
+
}
|