umbrel-docs 0.0.8
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +72 -0
- data/Rakefile +1 -0
- data/_includes/css/custom.scss.liquid +1 -0
- data/_includes/css/just-the-docs.scss.liquid +7 -0
- data/_includes/fix_linenos.html +65 -0
- data/_includes/footer_custom.html +3 -0
- data/_includes/head.html +28 -0
- data/_includes/head_custom.html +0 -0
- data/_includes/header_custom.html +0 -0
- data/_includes/js/custom.js +0 -0
- data/_includes/nav.html +100 -0
- data/_includes/title.html +5 -0
- data/_includes/vendor/anchor_headings.html +152 -0
- data/_layouts/about.html +5 -0
- data/_layouts/default.html +202 -0
- data/_layouts/home.html +5 -0
- data/_layouts/page.html +5 -0
- data/_layouts/post.html +5 -0
- data/_layouts/table_wrappers.html +7 -0
- data/_layouts/vendor/compress.html +10 -0
- data/_sass/base.scss +108 -0
- data/_sass/buttons.scss +118 -0
- data/_sass/code.scss +340 -0
- data/_sass/color_schemes/dark.scss +17 -0
- data/_sass/color_schemes/light.scss +0 -0
- data/_sass/content.scss +231 -0
- data/_sass/custom/custom.scss +0 -0
- data/_sass/labels.scss +37 -0
- data/_sass/layout.scss +205 -0
- data/_sass/modules.scss +20 -0
- data/_sass/navigation.scss +219 -0
- data/_sass/print.scss +40 -0
- data/_sass/search.scss +323 -0
- data/_sass/support/_functions.scss +9 -0
- data/_sass/support/_variables.scss +153 -0
- data/_sass/support/mixins/_buttons.scss +27 -0
- data/_sass/support/mixins/_layout.scss +34 -0
- data/_sass/support/mixins/_typography.scss +84 -0
- data/_sass/support/mixins/mixins.scss +3 -0
- data/_sass/support/support.scss +3 -0
- data/_sass/tables.scss +58 -0
- data/_sass/typography.scss +64 -0
- data/_sass/utilities/_colors.scss +239 -0
- data/_sass/utilities/_layout.scss +95 -0
- data/_sass/utilities/_lists.scss +17 -0
- data/_sass/utilities/_spacing.scss +165 -0
- data/_sass/utilities/_typography.scss +91 -0
- data/_sass/utilities/utilities.scss +5 -0
- data/_sass/vendor/normalize.scss/README.md +7 -0
- data/_sass/vendor/normalize.scss/normalize.scss +349 -0
- data/assets/css/just-the-docs-dark.scss +3 -0
- data/assets/css/just-the-docs-default.scss +8 -0
- data/assets/css/just-the-docs-light.scss +3 -0
- data/assets/images/just-the-docs.png +0 -0
- data/assets/images/search.svg +1 -0
- data/assets/js/just-the-docs.js +471 -0
- data/assets/js/vendor/lunr.min.js +6 -0
- data/assets/js/zzzz-search-data.json +72 -0
- data/bin/just-the-docs +16 -0
- data/lib/tasks/search.rake +86 -0
- metadata +182 -0
data/_layouts/about.html
ADDED
@@ -0,0 +1,202 @@
|
|
1
|
+
---
|
2
|
+
layout: table_wrappers
|
3
|
+
---
|
4
|
+
|
5
|
+
<!DOCTYPE html>
|
6
|
+
|
7
|
+
<html lang="{{ site.lang | default: 'en-US' }}">
|
8
|
+
{% include head.html %}
|
9
|
+
<body>
|
10
|
+
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
|
11
|
+
<symbol id="svg-link" viewBox="0 0 24 24">
|
12
|
+
<title>Link</title>
|
13
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link">
|
14
|
+
<path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>
|
15
|
+
</svg>
|
16
|
+
</symbol>
|
17
|
+
<symbol id="svg-search" viewBox="0 0 24 24">
|
18
|
+
<title>Search</title>
|
19
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search">
|
20
|
+
<circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line>
|
21
|
+
</svg>
|
22
|
+
</symbol>
|
23
|
+
<symbol id="svg-menu" viewBox="0 0 24 24">
|
24
|
+
<title>Menu</title>
|
25
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu">
|
26
|
+
<line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line>
|
27
|
+
</svg>
|
28
|
+
</symbol>
|
29
|
+
<symbol id="svg-arrow-right" viewBox="0 0 24 24">
|
30
|
+
<title>Expand</title>
|
31
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right">
|
32
|
+
<polyline points="9 18 15 12 9 6"></polyline>
|
33
|
+
</svg>
|
34
|
+
</symbol>
|
35
|
+
<symbol id="svg-doc" viewBox="0 0 24 24">
|
36
|
+
<title>Document</title>
|
37
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file">
|
38
|
+
<path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline>
|
39
|
+
</svg>
|
40
|
+
</symbol>
|
41
|
+
</svg>
|
42
|
+
|
43
|
+
<div class="side-bar">
|
44
|
+
<div class="site-header">
|
45
|
+
<a href="{{ '/' | absolute_url }}" class="site-title lh-tight">{% include title.html %}</a>
|
46
|
+
<a href="#" id="menu-button" class="site-button">
|
47
|
+
<svg viewBox="0 0 24 24" class="icon"><use xlink:href="#svg-menu"></use></svg>
|
48
|
+
</a>
|
49
|
+
</div>
|
50
|
+
<nav role="navigation" aria-label="Main" id="site-nav" class="site-nav">
|
51
|
+
{% if site.just_the_docs.collections %}
|
52
|
+
{% assign collections_size = site.just_the_docs.collections | size %}
|
53
|
+
{% for collection_entry in site.just_the_docs.collections %}
|
54
|
+
{% assign collection_key = collection_entry[0] %}
|
55
|
+
{% assign collection_value = collection_entry[1] %}
|
56
|
+
{% assign collection = site[collection_key] %}
|
57
|
+
{% if collection_value.nav_exclude != true %}
|
58
|
+
{% if collections_size > 1 %}
|
59
|
+
<div class="nav-category">{{ collection_value.name }}</div>
|
60
|
+
{% endif %}
|
61
|
+
{% include nav.html pages=collection %}
|
62
|
+
{% endif %}
|
63
|
+
{% endfor %}
|
64
|
+
{% else %}
|
65
|
+
{% include nav.html pages=site.html_pages %}
|
66
|
+
{% endif %}
|
67
|
+
</nav>
|
68
|
+
<footer class="site-footer">
|
69
|
+
This site uses <a href="https://github.com/AaronDewes/just-the-umbrel-docs">Umbrel Docs</a>, a fork of <a href="https://github.com/pmarsceill/just-the-docs">Just the Docs</a>, a documentation theme for Jekyll.
|
70
|
+
</footer>
|
71
|
+
</div>
|
72
|
+
<div class="main" id="top">
|
73
|
+
<div id="main-header" class="main-header">
|
74
|
+
{% if site.search_enabled != false %}
|
75
|
+
<div class="search">
|
76
|
+
<div class="search-input-wrap">
|
77
|
+
<input type="text" id="search-input" class="search-input" tabindex="0" placeholder="Search {{ site.title }}" aria-label="Search {{ site.title }}" autocomplete="off">
|
78
|
+
<label for="search-input" class="search-label"><svg viewBox="0 0 24 24" class="search-icon"><use xlink:href="#svg-search"></use></svg></label>
|
79
|
+
</div>
|
80
|
+
<div id="search-results" class="search-results"></div>
|
81
|
+
</div>
|
82
|
+
{% endif %}
|
83
|
+
{% include header_custom.html %}
|
84
|
+
{% if site.aux_links %}
|
85
|
+
<nav aria-label="Auxiliary" class="aux-nav">
|
86
|
+
<ul class="aux-nav-list">
|
87
|
+
{% for link in site.aux_links %}
|
88
|
+
<li class="aux-nav-list-item">
|
89
|
+
<a href="{{ link.last }}" class="site-button"
|
90
|
+
{% if site.aux_links_new_tab %}
|
91
|
+
target="_blank" rel="noopener noreferrer"
|
92
|
+
{% endif %}
|
93
|
+
>
|
94
|
+
{{ link.first }}
|
95
|
+
</a>
|
96
|
+
</li>
|
97
|
+
{% endfor %}
|
98
|
+
</ul>
|
99
|
+
</nav>
|
100
|
+
{% endif %}
|
101
|
+
</div>
|
102
|
+
<div id="main-content-wrap" class="main-content-wrap">
|
103
|
+
{% unless page.url == "/" %}
|
104
|
+
{% if page.parent %}
|
105
|
+
{%- for node in pages_list -%}
|
106
|
+
{%- if node.parent == nil -%}
|
107
|
+
{%- if page.parent == node.title or page.grand_parent == node.title -%}
|
108
|
+
{%- assign first_level_url = node.url | absolute_url -%}
|
109
|
+
{%- endif -%}
|
110
|
+
{%- if node.has_children -%}
|
111
|
+
{%- assign children_list = pages_list | where: "parent", node.title -%}
|
112
|
+
{%- for child in children_list -%}
|
113
|
+
{%- if page.url == child.url or page.parent == child.title -%}
|
114
|
+
{%- assign second_level_url = child.url | absolute_url -%}
|
115
|
+
{%- endif -%}
|
116
|
+
{%- endfor -%}
|
117
|
+
{%- endif -%}
|
118
|
+
{%- endif -%}
|
119
|
+
{%- endfor -%}
|
120
|
+
<nav aria-label="Breadcrumb" class="breadcrumb-nav">
|
121
|
+
<ol class="breadcrumb-nav-list">
|
122
|
+
{% if page.grand_parent %}
|
123
|
+
<li class="breadcrumb-nav-list-item"><a href="{{ first_level_url }}">{{ page.grand_parent }}</a></li>
|
124
|
+
<li class="breadcrumb-nav-list-item"><a href="{{ second_level_url }}">{{ page.parent }}</a></li>
|
125
|
+
{% else %}
|
126
|
+
<li class="breadcrumb-nav-list-item"><a href="{{ first_level_url }}">{{ page.parent }}</a></li>
|
127
|
+
{% endif %}
|
128
|
+
<li class="breadcrumb-nav-list-item"><span>{{ page.title }}</span></li>
|
129
|
+
</ol>
|
130
|
+
</nav>
|
131
|
+
{% endif %}
|
132
|
+
{% endunless %}
|
133
|
+
<div id="main-content" class="main-content" role="main">
|
134
|
+
{% if site.heading_anchors != false %}
|
135
|
+
{% include vendor/anchor_headings.html html=content beforeHeading="true" anchorBody="<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><use xlink:href=\"#svg-link\"></use></svg>" anchorClass="anchor-heading" anchorAttrs="aria-labelledby=\"%html_id%\"" %}
|
136
|
+
{% else %}
|
137
|
+
{{ content }}
|
138
|
+
{% endif %}
|
139
|
+
|
140
|
+
{% if page.has_children == true and page.has_toc != false %}
|
141
|
+
<hr>
|
142
|
+
<h2 class="text-delta">Table of contents</h2>
|
143
|
+
<ul>
|
144
|
+
{%- assign children_list = pages_list | where: "parent", page.title | where: "grand_parent", page.parent -%}
|
145
|
+
{% for child in children_list %}
|
146
|
+
<li>
|
147
|
+
<a href="{{ child.url | absolute_url }}">{{ child.title }}</a>{% if child.summary %} - {{ child.summary }}{% endif %}
|
148
|
+
</li>
|
149
|
+
{% endfor %}
|
150
|
+
</ul>
|
151
|
+
{% endif %}
|
152
|
+
|
153
|
+
{% capture footer_custom %}
|
154
|
+
{%- include footer_custom.html -%}
|
155
|
+
{% endcapture %}
|
156
|
+
{% if footer_custom != "" or site.last_edit_timestamp or site.gh_edit_link %}
|
157
|
+
<hr>
|
158
|
+
<footer>
|
159
|
+
{% if site.back_to_top %}
|
160
|
+
<p><a href="#top" id="back-to-top">{{ site.back_to_top_text }}</a></p>
|
161
|
+
{% endif %}
|
162
|
+
|
163
|
+
{{ footer_custom }}
|
164
|
+
|
165
|
+
{% if site.last_edit_timestamp or site.gh_edit_link %}
|
166
|
+
<div class="d-flex mt-2">
|
167
|
+
{% if site.last_edit_timestamp and site.last_edit_time_format and page.last_modified_date %}
|
168
|
+
<p class="text-small text-grey-dk-000 mb-0 mr-2">
|
169
|
+
Page last modified: <span class="d-inline-block">{{ page.last_modified_date | date: site.last_edit_time_format }}</span>.
|
170
|
+
</p>
|
171
|
+
{% endif %}
|
172
|
+
{% if
|
173
|
+
site.gh_edit_link and
|
174
|
+
site.gh_edit_link_text and
|
175
|
+
site.gh_edit_repository and
|
176
|
+
site.gh_edit_branch and
|
177
|
+
site.gh_edit_view_mode
|
178
|
+
%}
|
179
|
+
<p class="text-small text-grey-dk-000 mb-0">
|
180
|
+
<a href="{{ site.gh_edit_repository }}/{{ site.gh_edit_view_mode }}/{{ site.gh_edit_branch }}{% if site.gh_edit_source %}/{{ site.gh_edit_source }}{% endif %}/{{ page.path }}" id="edit-this-page">{{ site.gh_edit_link_text }}</a>
|
181
|
+
</p>
|
182
|
+
{% endif %}
|
183
|
+
</div>
|
184
|
+
{% endif %}
|
185
|
+
</footer>
|
186
|
+
{% endif %}
|
187
|
+
|
188
|
+
</div>
|
189
|
+
</div>
|
190
|
+
|
191
|
+
{% if site.search_enabled != false %}
|
192
|
+
{% if site.search.button %}
|
193
|
+
<a href="#" id="search-button" class="search-button">
|
194
|
+
<svg viewBox="0 0 24 24" class="icon"><use xlink:href="#svg-search"></use></svg>
|
195
|
+
</a>
|
196
|
+
{% endif %}
|
197
|
+
|
198
|
+
<div class="search-overlay"></div>
|
199
|
+
{% endif %}
|
200
|
+
</div>
|
201
|
+
</body>
|
202
|
+
</html>
|
data/_layouts/home.html
ADDED
data/_layouts/page.html
ADDED
data/_layouts/post.html
ADDED
@@ -0,0 +1,10 @@
|
|
1
|
+
---
|
2
|
+
# Jekyll layout that compresses HTML
|
3
|
+
# v3.1.0
|
4
|
+
# http://jch.penibelst.de/
|
5
|
+
# © 2014–2015 Anatol Broder
|
6
|
+
# MIT License
|
7
|
+
---
|
8
|
+
|
9
|
+
{% capture _LINE_FEED %}
|
10
|
+
{% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment or site.compress_html.ignore.envs == "all" %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd 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 _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% 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 %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ content | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}
|
data/_sass/base.scss
ADDED
@@ -0,0 +1,108 @@
|
|
1
|
+
//
|
2
|
+
// Base element style overrides
|
3
|
+
//
|
4
|
+
// stylelint-disable selector-no-type, selector-max-type
|
5
|
+
|
6
|
+
* {
|
7
|
+
box-sizing: border-box;
|
8
|
+
}
|
9
|
+
|
10
|
+
::selection {
|
11
|
+
color: $white;
|
12
|
+
background: $link-color;
|
13
|
+
}
|
14
|
+
|
15
|
+
html {
|
16
|
+
@include fs-4;
|
17
|
+
scroll-behavior: smooth;
|
18
|
+
}
|
19
|
+
|
20
|
+
body {
|
21
|
+
font-family: $body-font-family;
|
22
|
+
font-size: inherit;
|
23
|
+
line-height: $body-line-height;
|
24
|
+
color: $body-text-color;
|
25
|
+
background-color: $body-background-color;
|
26
|
+
}
|
27
|
+
|
28
|
+
ol,
|
29
|
+
ul,
|
30
|
+
dl,
|
31
|
+
pre,
|
32
|
+
address,
|
33
|
+
blockquote,
|
34
|
+
table,
|
35
|
+
div,
|
36
|
+
hr,
|
37
|
+
form,
|
38
|
+
fieldset,
|
39
|
+
noscript .table-wrapper {
|
40
|
+
margin-top: 0;
|
41
|
+
}
|
42
|
+
|
43
|
+
h1,
|
44
|
+
h2,
|
45
|
+
h3,
|
46
|
+
h4,
|
47
|
+
h5,
|
48
|
+
h6 {
|
49
|
+
margin-top: 0;
|
50
|
+
margin-bottom: 1em;
|
51
|
+
font-weight: 500;
|
52
|
+
line-height: $body-heading-line-height;
|
53
|
+
color: $body-heading-color;
|
54
|
+
}
|
55
|
+
|
56
|
+
p {
|
57
|
+
margin-top: 1em;
|
58
|
+
margin-bottom: 1em;
|
59
|
+
}
|
60
|
+
|
61
|
+
a {
|
62
|
+
color: $link-color;
|
63
|
+
text-decoration: none;
|
64
|
+
}
|
65
|
+
|
66
|
+
a:not([class]) {
|
67
|
+
text-decoration: none;
|
68
|
+
background-image: linear-gradient($border-color 0%, $border-color 100%);
|
69
|
+
background-repeat: repeat-x;
|
70
|
+
background-position: 0 100%;
|
71
|
+
background-size: 1px 1px;
|
72
|
+
|
73
|
+
&:hover {
|
74
|
+
background-image: linear-gradient(
|
75
|
+
rgba($link-color, 0.45) 0%,
|
76
|
+
rgba($link-color, 0.45) 100%
|
77
|
+
);
|
78
|
+
background-size: 1px 1px;
|
79
|
+
}
|
80
|
+
}
|
81
|
+
|
82
|
+
code {
|
83
|
+
font-family: $mono-font-family;
|
84
|
+
font-size: 0.75em;
|
85
|
+
line-height: $body-line-height;
|
86
|
+
}
|
87
|
+
|
88
|
+
figure,
|
89
|
+
pre {
|
90
|
+
margin: 0;
|
91
|
+
}
|
92
|
+
|
93
|
+
li {
|
94
|
+
margin: 0.25em 0;
|
95
|
+
}
|
96
|
+
|
97
|
+
img {
|
98
|
+
max-width: 100%;
|
99
|
+
height: auto;
|
100
|
+
}
|
101
|
+
|
102
|
+
hr {
|
103
|
+
height: 1px;
|
104
|
+
padding: 0;
|
105
|
+
margin: $sp-6 0;
|
106
|
+
background-color: $border-color;
|
107
|
+
border: 0;
|
108
|
+
}
|
data/_sass/buttons.scss
ADDED
@@ -0,0 +1,118 @@
|
|
1
|
+
//
|
2
|
+
// Buttons and things that look like buttons
|
3
|
+
//
|
4
|
+
// stylelint-disable color-named
|
5
|
+
|
6
|
+
.btn {
|
7
|
+
display: inline-block;
|
8
|
+
box-sizing: border-box;
|
9
|
+
padding-top: 0.3em;
|
10
|
+
padding-right: 1em;
|
11
|
+
padding-bottom: 0.3em;
|
12
|
+
padding-left: 1em;
|
13
|
+
margin: 0;
|
14
|
+
font-family: inherit;
|
15
|
+
font-size: inherit;
|
16
|
+
font-weight: 500;
|
17
|
+
line-height: 1.5;
|
18
|
+
color: $link-color;
|
19
|
+
text-decoration: none;
|
20
|
+
vertical-align: baseline;
|
21
|
+
cursor: pointer;
|
22
|
+
background-color: $base-button-color;
|
23
|
+
border-width: 0;
|
24
|
+
border-radius: $border-radius;
|
25
|
+
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08);
|
26
|
+
appearance: none;
|
27
|
+
|
28
|
+
&:focus {
|
29
|
+
text-decoration: none;
|
30
|
+
outline: none;
|
31
|
+
box-shadow: 0 0 0 3px rgba(blue, 0.25);
|
32
|
+
}
|
33
|
+
|
34
|
+
&:focus:hover,
|
35
|
+
&.selected:focus {
|
36
|
+
box-shadow: 0 0 0 3px rgba(blue, 0.25);
|
37
|
+
}
|
38
|
+
|
39
|
+
&:hover,
|
40
|
+
&.zeroclipboard-is-hover {
|
41
|
+
color: darken($link-color, 2%);
|
42
|
+
}
|
43
|
+
|
44
|
+
&:hover,
|
45
|
+
&:active,
|
46
|
+
&.zeroclipboard-is-hover,
|
47
|
+
&.zeroclipboard-is-active {
|
48
|
+
text-decoration: none;
|
49
|
+
background-color: darken($base-button-color, 1%);
|
50
|
+
}
|
51
|
+
|
52
|
+
&:active,
|
53
|
+
&.selected,
|
54
|
+
&.zeroclipboard-is-active {
|
55
|
+
background-color: darken($base-button-color, 3%);
|
56
|
+
background-image: none;
|
57
|
+
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
|
58
|
+
}
|
59
|
+
|
60
|
+
&.selected:hover {
|
61
|
+
background-color: darken(#dcdcdc, 5%);
|
62
|
+
}
|
63
|
+
|
64
|
+
&:disabled,
|
65
|
+
&.disabled {
|
66
|
+
&,
|
67
|
+
&:hover {
|
68
|
+
color: rgba(102, 102, 102, 0.5);
|
69
|
+
cursor: default;
|
70
|
+
background-color: rgba(229, 229, 229, 0.5);
|
71
|
+
background-image: none;
|
72
|
+
box-shadow: none;
|
73
|
+
}
|
74
|
+
}
|
75
|
+
}
|
76
|
+
|
77
|
+
.btn-outline {
|
78
|
+
color: $link-color;
|
79
|
+
background: transparent;
|
80
|
+
box-shadow: inset 0 0 0 2px $grey-lt-300;
|
81
|
+
|
82
|
+
&:hover,
|
83
|
+
&:active,
|
84
|
+
&.zeroclipboard-is-hover,
|
85
|
+
&.zeroclipboard-is-active {
|
86
|
+
color: darken($link-color, 4%);
|
87
|
+
text-decoration: none;
|
88
|
+
background-color: transparent;
|
89
|
+
box-shadow: inset 0 0 0 3px $grey-lt-300;
|
90
|
+
}
|
91
|
+
|
92
|
+
&:focus {
|
93
|
+
text-decoration: none;
|
94
|
+
outline: none;
|
95
|
+
box-shadow: inset 0 0 0 2px $grey-dk-100, 0 0 0 3px rgba(blue, 0.25);
|
96
|
+
}
|
97
|
+
|
98
|
+
&:focus:hover,
|
99
|
+
&.selected:focus {
|
100
|
+
box-shadow: inset 0 0 0 2px $grey-dk-100;
|
101
|
+
}
|
102
|
+
}
|
103
|
+
|
104
|
+
.btn-primary {
|
105
|
+
@include btn-color($white, $btn-primary-color);
|
106
|
+
}
|
107
|
+
|
108
|
+
.btn-purple {
|
109
|
+
@include btn-color($white, $purple-100);
|
110
|
+
}
|
111
|
+
|
112
|
+
.btn-blue {
|
113
|
+
@include btn-color($white, $blue-000);
|
114
|
+
}
|
115
|
+
|
116
|
+
.btn-green {
|
117
|
+
@include btn-color($white, $green-100);
|
118
|
+
}
|