hardpool-flat 2.2.0 → 3.0.0
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/_includes/footer.html +0 -0
- data/_includes/footer.project.html +20 -0
- data/_includes/head.html +0 -0
- data/_includes/header.1.html +8 -3
- data/_includes/header.html +1 -1
- data/_includes/header.project.html +69 -0
- data/_includes/qv_modal.html +0 -0
- data/_includes/scripts.html +1 -0
- data/_includes/section_row.html +0 -0
- data/_includes/seo.html +0 -0
- data/_layouts/contained.html +0 -0
- data/_layouts/default.html +16 -3
- data/_layouts/page.html +0 -0
- data/_layouts/portfolio-landing.html +0 -0
- data/_layouts/portfolio-post-bnr.html +0 -0
- data/_layouts/portfolio-post.html +0 -0
- data/_layouts/portfolio.html +0 -0
- data/_layouts/posts.html +0 -0
- data/_layouts/project.html +30 -0
- data/_sass/_mixins.scss +0 -0
- data/_sass/_var.scss +0 -0
- data/_sass/bootstrap/_alert.scss +0 -0
- data/_sass/bootstrap/_badge.scss +0 -0
- data/_sass/bootstrap/_breadcrumb.scss +0 -0
- data/_sass/bootstrap/_button-group.scss +0 -0
- data/_sass/bootstrap/_buttons.scss +0 -0
- data/_sass/bootstrap/_card.scss +0 -0
- data/_sass/bootstrap/_carousel.scss +0 -0
- data/_sass/bootstrap/_close.scss +0 -0
- data/_sass/bootstrap/_code.scss +0 -0
- data/_sass/bootstrap/_custom-forms.scss +0 -0
- data/_sass/bootstrap/_dropdown.scss +0 -0
- data/_sass/bootstrap/_forms.scss +0 -0
- data/_sass/bootstrap/_functions.scss +0 -0
- data/_sass/bootstrap/_grid.scss +0 -0
- data/_sass/bootstrap/_images.scss +0 -0
- data/_sass/bootstrap/_input-group.scss +0 -0
- data/_sass/bootstrap/_jumbotron.scss +0 -0
- data/_sass/bootstrap/_list-group.scss +0 -0
- data/_sass/bootstrap/_media.scss +0 -0
- data/_sass/bootstrap/_mixins.scss +0 -0
- data/_sass/bootstrap/_modal.scss +0 -0
- data/_sass/bootstrap/_nav.scss +0 -0
- data/_sass/bootstrap/_navbar.scss +0 -0
- data/_sass/bootstrap/_pagination.scss +0 -0
- data/_sass/bootstrap/_popover.scss +0 -0
- data/_sass/bootstrap/_print.scss +0 -0
- data/_sass/bootstrap/_progress.scss +0 -0
- data/_sass/bootstrap/_reboot.scss +0 -0
- data/_sass/bootstrap/_root.scss +0 -0
- data/_sass/bootstrap/_tables.scss +0 -0
- data/_sass/bootstrap/_tooltip.scss +0 -0
- data/_sass/bootstrap/_transitions.scss +0 -0
- data/_sass/bootstrap/_type.scss +0 -0
- data/_sass/bootstrap/_utilities.scss +0 -0
- data/_sass/bootstrap/_variables.scss +0 -0
- data/_sass/bootstrap/bootstrap-grid.scss +0 -0
- data/_sass/bootstrap/bootstrap-reboot.scss +0 -0
- data/_sass/bootstrap/bootstrap.scss +0 -1
- data/_sass/bootstrap/mixins/_alert.scss +0 -0
- data/_sass/bootstrap/mixins/_background-variant.scss +0 -0
- data/_sass/bootstrap/mixins/_badge.scss +0 -0
- data/_sass/bootstrap/mixins/_border-radius.scss +0 -0
- data/_sass/bootstrap/mixins/_box-shadow.scss +0 -0
- data/_sass/bootstrap/mixins/_breakpoints.scss +0 -0
- data/_sass/bootstrap/mixins/_buttons.scss +0 -0
- data/_sass/bootstrap/mixins/_caret.scss +0 -0
- data/_sass/bootstrap/mixins/_clearfix.scss +0 -0
- data/_sass/bootstrap/mixins/_float.scss +0 -0
- data/_sass/bootstrap/mixins/_forms.scss +0 -0
- data/_sass/bootstrap/mixins/_gradients.scss +0 -0
- data/_sass/bootstrap/mixins/_grid-framework.scss +0 -0
- data/_sass/bootstrap/mixins/_grid.scss +0 -0
- data/_sass/bootstrap/mixins/_hover.scss +0 -0
- data/_sass/bootstrap/mixins/_image.scss +0 -0
- data/_sass/bootstrap/mixins/_list-group.scss +0 -0
- data/_sass/bootstrap/mixins/_lists.scss +0 -0
- data/_sass/bootstrap/mixins/_nav-divider.scss +0 -0
- data/_sass/bootstrap/mixins/_pagination.scss +0 -0
- data/_sass/bootstrap/mixins/_reset-text.scss +0 -0
- data/_sass/bootstrap/mixins/_resize.scss +0 -0
- data/_sass/bootstrap/mixins/_screen-reader.scss +0 -0
- data/_sass/bootstrap/mixins/_size.scss +0 -0
- data/_sass/bootstrap/mixins/_table-row.scss +0 -0
- data/_sass/bootstrap/mixins/_text-emphasis.scss +0 -0
- data/_sass/bootstrap/mixins/_text-hide.scss +0 -0
- data/_sass/bootstrap/mixins/_text-truncate.scss +0 -0
- data/_sass/bootstrap/mixins/_transition.scss +0 -0
- data/_sass/bootstrap/mixins/_visibility.scss +0 -0
- data/_sass/bootstrap/utilities/_align.scss +0 -0
- data/_sass/bootstrap/utilities/_background.scss +0 -0
- data/_sass/bootstrap/utilities/_borders.scss +0 -0
- data/_sass/bootstrap/utilities/_clearfix.scss +0 -0
- data/_sass/bootstrap/utilities/_display.scss +0 -0
- data/_sass/bootstrap/utilities/_embed.scss +0 -0
- data/_sass/bootstrap/utilities/_flex.scss +0 -0
- data/_sass/bootstrap/utilities/_float.scss +0 -0
- data/_sass/bootstrap/utilities/_position.scss +0 -0
- data/_sass/bootstrap/utilities/_screenreaders.scss +0 -0
- data/_sass/bootstrap/utilities/_shadows.scss +0 -0
- data/_sass/bootstrap/utilities/_sizing.scss +0 -0
- data/_sass/bootstrap/utilities/_spacing.scss +0 -0
- data/_sass/bootstrap/utilities/_text.scss +0 -0
- data/_sass/bootstrap/utilities/_visibility.scss +0 -0
- data/_sass/colors.scss +5 -0
- data/_sass/primer/base/README.md +25 -0
- data/_sass/primer/base/base.scss +86 -0
- data/_sass/primer/base/index.scss +6 -0
- data/_sass/primer/base/kbd.scss +21 -0
- data/_sass/primer/base/normalize.scss +421 -0
- data/_sass/primer/base/typography-base.scss +88 -0
- data/_sass/primer/markdown/README.md +25 -0
- data/_sass/primer/markdown/blob-csv.scss +29 -0
- data/_sass/primer/markdown/code.scss +158 -0
- data/_sass/primer/markdown/headings.scss +72 -0
- data/_sass/primer/markdown/images.scss +131 -0
- data/_sass/primer/markdown/index.scss +8 -0
- data/_sass/primer/markdown/lists.scss +77 -0
- data/_sass/primer/markdown/markdown-body.scss +99 -0
- data/_sass/primer/markdown/tables.scss +37 -0
- data/_sass/primer/support/README.md +25 -0
- data/_sass/primer/support/index.scss +11 -0
- data/_sass/primer/support/mixins/buttons.scss +167 -0
- data/_sass/primer/support/mixins/layout.scss +58 -0
- data/_sass/primer/support/mixins/misc.scss +29 -0
- data/_sass/primer/support/mixins/typography.scss +84 -0
- data/_sass/primer/support/variables/color-system.scss +243 -0
- data/_sass/primer/support/variables/colors.scss +63 -0
- data/_sass/primer/support/variables/layout.scss +129 -0
- data/_sass/primer/support/variables/misc.scss +26 -0
- data/_sass/primer/support/variables/typography.scss +42 -0
- data/_sass/theme.scss +5 -0
- data/_sass/theme/_animations.scss +0 -0
- data/_sass/theme/_global.scss +3 -1
- data/_sass/theme/_header.scss +58 -3
- data/_sass/theme/_page.scss +22 -0
- data/assets/js/main.bundle.js +1 -1
- metadata +35 -5
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 95fc7f8834a463bb117a1f089dee14cfbe1e080f10f1504d98f07c4dcd1f4b45
|
4
|
+
data.tar.gz: 47b12740b359d484fd4b089ef1a2f9e79cc17ab0ae4c8bfecb56a384b3869199
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 2391a0f09bece888fb5c37701ce4c1e72abf36567bd877d4cb3d2c130acc67648eac332eb57bb92549992f3388000d9a783a0b56bef0196eafcadb19117c2541
|
7
|
+
data.tar.gz: f7b7e59fb4e0a91912b196a999f46d43398a9cac6050014846767ff95c5931496726e31663399363102cea29157d38a155b80e371e21626600243468c2382548
|
data/_includes/footer.html
CHANGED
File without changes
|
@@ -0,0 +1,20 @@
|
|
1
|
+
<footer class="project">
|
2
|
+
<div class="container-fluid p-5 bg-light">
|
3
|
+
<div class="row">
|
4
|
+
<div class="col">
|
5
|
+
{%- if site.footer.links -%}
|
6
|
+
{%- for link in site.footer.links -%}
|
7
|
+
{%- if link.label -%}
|
8
|
+
<a class="mr-3" target="_blank" href="{{ link.url | default: '#' }}">{{link.label}}</a>
|
9
|
+
{%- endif -%}
|
10
|
+
{%- endfor -%}
|
11
|
+
{%- endif -%}
|
12
|
+
</div>
|
13
|
+
</div>
|
14
|
+
<div class="row mt-3">
|
15
|
+
<div class="col">
|
16
|
+
<p class="m-0 text-info">{{ site.copyright | default: site.title }}</p>
|
17
|
+
</div>
|
18
|
+
</div>
|
19
|
+
</div>
|
20
|
+
</footer>
|
data/_includes/head.html
CHANGED
File without changes
|
data/_includes/header.1.html
CHANGED
@@ -1,7 +1,12 @@
|
|
1
1
|
{% assign logo_path = site.main_logo %}
|
2
|
-
|
2
|
+
{%- if layout.header.style -%}
|
3
|
+
{%- assign hdrStyle = layout.header.style -%}
|
4
|
+
{%- else -%}
|
5
|
+
{%- assign hdrStyle = "style-1" -%}
|
6
|
+
{%- endif -%}
|
7
|
+
<header class="{{hdrStyle}}">
|
3
8
|
<nav class="navbar navbar-expand-lg navbar-light">
|
4
|
-
<div class="container">
|
9
|
+
<div class="container-fluid">
|
5
10
|
<a class="navbar-brand" href="/">{{ site.name }}</a>
|
6
11
|
<div class="mobile-link d-md-none">
|
7
12
|
{%- if site.header.links -%}
|
@@ -59,7 +64,7 @@
|
|
59
64
|
{%- for link in site.header.links -%}
|
60
65
|
{%- if link.label -%}
|
61
66
|
<div class="mt-md-0 mt-3 nav-item d-none d-md-block">
|
62
|
-
<a class="btn btn-primary btn-follow" target="_blank" href="{{ link.url | default: '#' }}"><span>
|
67
|
+
<a class="btn btn-primary btn-follow" target="_blank" href="{{ link.url | default: '#' }}"><span>{{link.label}}</span><i class="{{ link.icon | default: 'fas fa-link' }} ml-2" aria-hidden="true"></i></a>
|
63
68
|
</div>
|
64
69
|
{%- endif -%}
|
65
70
|
{%- endfor -%}
|
data/_includes/header.html
CHANGED
@@ -0,0 +1,69 @@
|
|
1
|
+
{% assign logo_path = site.main_logo %}
|
2
|
+
<header class="style-default">
|
3
|
+
<nav class="navbar navbar-expand-lg navbar-light">
|
4
|
+
<div class="container">
|
5
|
+
<a class="navbar-brand" href="/">{{ site.name }}</a>
|
6
|
+
<div class="mobile-link d-md-none">
|
7
|
+
{%- if site.header.links -%}
|
8
|
+
{%- for link in site.header.links -%}
|
9
|
+
{%- if link.label -%}
|
10
|
+
<a class="btn btn-primary btn-icon" target="_blank" href="{{ link.url | default: '#' }}"><i class="{{ link.icon | default: 'fas fa-link' }} ml-2" aria-hidden="true"></i></a>
|
11
|
+
{%- endif -%}
|
12
|
+
{%- endfor -%}
|
13
|
+
{%- endif -%}
|
14
|
+
<a class="mobile-nav-handle d-md-none" href="javascript:header.toggle();"><i id="nav-handle-icon" class="fas fa-bars"></i></a>
|
15
|
+
</div>
|
16
|
+
<ul id="navigation" class="nav nav-mobile ml-auto">
|
17
|
+
{%- for link in site.data.navigation.main -%}
|
18
|
+
{%- if link.url contains '://' -%}
|
19
|
+
{%- assign url = link.url -%}
|
20
|
+
{%- else -%}
|
21
|
+
{%- assign url = link.url | relative_url -%}
|
22
|
+
{%- endif -%}
|
23
|
+
<!-- {{ page.url }} -->
|
24
|
+
<li class="nav-item" data-toggle="nav-popover" data-placement="bottom" data-trigger="manual" data-pop="submenu{{ forloop.index }}">
|
25
|
+
<a class="nav-link {% if page.url==url %}active{% endif %}" href="{% if link.url %}{{ url }}{% else %}#{% endif %}">{{ link.title }}</a>
|
26
|
+
{%- if link.sub -%}
|
27
|
+
<div id="submenu{{ forloop.index }}" class="d-md-none">
|
28
|
+
{%- for sublink in link.sub -%}
|
29
|
+
<p class="mb-0 px-2 py-1 subnav-item"><a href="{{sublink.url}}">{{sublink.title}}</a></p>
|
30
|
+
{%- endfor -%}
|
31
|
+
</div>
|
32
|
+
{%- endif -%}
|
33
|
+
</li>
|
34
|
+
{%- endfor -%}
|
35
|
+
<!-- show collection navigation -->
|
36
|
+
{% for collection in site.collections %}
|
37
|
+
{% if collection.navigation %}
|
38
|
+
<li class="nav-item">
|
39
|
+
<a class="nav-link {% if page.url==url %}active{% endif %}" href="/{{ collection.relative_directory | remove_first: '_' }}">{{ collection.label | capitalize }}</a>
|
40
|
+
</li>
|
41
|
+
<!-- create categories array-->
|
42
|
+
{% assign categories_col = "" | split:"|" %}
|
43
|
+
<!--Add each unique 'my_collection' category to the array-->
|
44
|
+
{% for post in collection.docs %}
|
45
|
+
{% for category in post.categories %}
|
46
|
+
{% assign categories_col = categories_col | push: category | uniq %}
|
47
|
+
{% endfor %}
|
48
|
+
{% endfor %}
|
49
|
+
<!-- show category navigation -->
|
50
|
+
{% for cat in categories_col %}
|
51
|
+
<li class="nav-item">
|
52
|
+
<a class="nav-link {% if page.url==url %}active{% endif %}" href="/{{ collection.relative_directory | remove_first: '_' }}/{{ cat }}">{{ cat | capitalize }}</a>
|
53
|
+
</li>
|
54
|
+
{% endfor %}
|
55
|
+
{% endif %}
|
56
|
+
{% endfor %}
|
57
|
+
</ul>
|
58
|
+
{%- if site.header.links -%}
|
59
|
+
{%- for link in site.header.links -%}
|
60
|
+
{%- if link.label -%}
|
61
|
+
<div class="mt-md-0 mt-3 nav-item d-none d-md-block">
|
62
|
+
<a class="btn btn-primary btn-follow" target="_blank" href="{{ link.url | default: '#' }}"><span>Follow me</span><i class="{{ link.icon | default: 'fas fa-link' }} ml-2" aria-hidden="true"></i></a>
|
63
|
+
</div>
|
64
|
+
{%- endif -%}
|
65
|
+
{%- endfor -%}
|
66
|
+
{%- endif -%}
|
67
|
+
</div>
|
68
|
+
</nav>
|
69
|
+
</header>
|
data/_includes/qv_modal.html
CHANGED
File without changes
|
data/_includes/scripts.html
CHANGED
@@ -3,6 +3,7 @@ var config = {
|
|
3
3
|
"insta_at": "{{ site.footer.insta_at }}"
|
4
4
|
};
|
5
5
|
</script>
|
6
|
+
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.3/highlight.min.js"></script>
|
6
7
|
<script defer src="https://use.fontawesome.com/releases/v5.8.1/js/all.js" integrity="sha384-g5uSoOSBd7KkhAMlnQILrecXvzst9TdC09/VM+pjDTCM+1il8RHz5fKANTFFb+gQ" crossorigin="anonymous"></script>
|
7
8
|
<script src="{{ '/assets/js/jquery-3.3.1.slim.min.js' | relative_url }}"></script>
|
8
9
|
<script src="{{ '/assets/js/main.bundle.js' | relative_url }}"></script>
|
data/_includes/section_row.html
CHANGED
File without changes
|
data/_includes/seo.html
CHANGED
File without changes
|
data/_layouts/contained.html
CHANGED
File without changes
|
data/_layouts/default.html
CHANGED
@@ -6,18 +6,31 @@
|
|
6
6
|
<head>
|
7
7
|
{% include head.html %}
|
8
8
|
</head>
|
9
|
-
|
9
|
+
{%- if site.csstheme -%}
|
10
|
+
{%- assign siteTheme = site.csstheme -%}
|
11
|
+
{%- else -%}
|
12
|
+
{%- assign siteTheme = "blogger" -%}
|
13
|
+
{%- endif -%}
|
14
|
+
<body class="{{siteTheme}}">
|
10
15
|
<!-- Google Tag Manager (noscript) -->
|
11
16
|
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{site.seo.gtmid}}" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
12
17
|
<!-- End Google Tag Manager (noscript) -->
|
13
18
|
|
14
|
-
|
19
|
+
{% if layout.header.html %}
|
20
|
+
{% include {{layout.header.html}} %}
|
21
|
+
{% else %}
|
22
|
+
{% include header.1.html %}
|
23
|
+
{% endif %}
|
15
24
|
|
16
25
|
<div class="main-wrapper">
|
17
26
|
{{ content }}
|
18
27
|
</div>
|
19
28
|
|
20
|
-
|
29
|
+
{% if layout.footer.html %}
|
30
|
+
{% include {{layout.footer.html}} %}
|
31
|
+
{% else %}
|
32
|
+
{% include footer.html %}
|
33
|
+
{% endif %}
|
21
34
|
|
22
35
|
{% include scripts.html %}
|
23
36
|
|
data/_layouts/page.html
CHANGED
File without changes
|
File without changes
|
File without changes
|
File without changes
|
data/_layouts/portfolio.html
CHANGED
File without changes
|
data/_layouts/posts.html
CHANGED
File without changes
|
@@ -0,0 +1,30 @@
|
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
header:
|
4
|
+
style: project
|
5
|
+
footer:
|
6
|
+
html: footer.project.html
|
7
|
+
---
|
8
|
+
<main class="container-fluid project-head">
|
9
|
+
<div class="container">
|
10
|
+
<!-- banner -->
|
11
|
+
<div class="row">
|
12
|
+
<div class="col">
|
13
|
+
<h1>{{page.banner.title}}</h1>
|
14
|
+
<p class="lead">{{page.banner.description}}</p>
|
15
|
+
<div class="d-flex flex-column flex-md-row">
|
16
|
+
<a class="btn btn-lg btn-primary mb-3 mr-md-3" href="#">Get started</a>
|
17
|
+
<a class="btn btn-lg btn-outline-secondary mb-3" href="#">Demo</a>
|
18
|
+
</div>
|
19
|
+
</div>
|
20
|
+
</div>
|
21
|
+
</div>
|
22
|
+
</main>
|
23
|
+
<!-- page content -->
|
24
|
+
<div class="container">
|
25
|
+
<div class="row">
|
26
|
+
<div class="col markdown-body">
|
27
|
+
{{content}}
|
28
|
+
</div>
|
29
|
+
</div>
|
30
|
+
</div>
|
data/_sass/_mixins.scss
CHANGED
File without changes
|
data/_sass/_var.scss
CHANGED
File without changes
|
data/_sass/bootstrap/_alert.scss
CHANGED
File without changes
|
data/_sass/bootstrap/_badge.scss
CHANGED
File without changes
|
File without changes
|
File without changes
|
File without changes
|
data/_sass/bootstrap/_card.scss
CHANGED
File without changes
|
File without changes
|
data/_sass/bootstrap/_close.scss
CHANGED
File without changes
|
data/_sass/bootstrap/_code.scss
CHANGED
File without changes
|
File without changes
|
File without changes
|
data/_sass/bootstrap/_forms.scss
CHANGED
File without changes
|
File without changes
|
data/_sass/bootstrap/_grid.scss
CHANGED
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
data/_sass/bootstrap/_media.scss
CHANGED
File without changes
|
File without changes
|
data/_sass/bootstrap/_modal.scss
CHANGED
File without changes
|
data/_sass/bootstrap/_nav.scss
CHANGED
File without changes
|
File without changes
|
File without changes
|
File without changes
|
data/_sass/bootstrap/_print.scss
CHANGED
File without changes
|
File without changes
|
File without changes
|
data/_sass/bootstrap/_root.scss
CHANGED
File without changes
|
File without changes
|
File without changes
|
File without changes
|
data/_sass/bootstrap/_type.scss
CHANGED
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
data/_sass/colors.scss
ADDED
@@ -0,0 +1,25 @@
|
|
1
|
+
---
|
2
|
+
bundle: "base"
|
3
|
+
generated: true
|
4
|
+
---
|
5
|
+
|
6
|
+
# Primer CSS: `base` bundle
|
7
|
+
|
8
|
+
## Usage
|
9
|
+
|
10
|
+
Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with:
|
11
|
+
|
12
|
+
```scss
|
13
|
+
@import "@primer/css/base/index.scss";
|
14
|
+
```
|
15
|
+
|
16
|
+
## Build
|
17
|
+
|
18
|
+
The `@primer/css` npm package includes a standalone CSS build of this module in `dist/base.css`.
|
19
|
+
|
20
|
+
## License
|
21
|
+
|
22
|
+
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
23
|
+
|
24
|
+
|
25
|
+
[scss]: https://sass-lang.com/documentation/syntax#scss
|