bulma-clean-theme 1.2.0 → 1.3.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/image-modal.html +7 -5
- data/_includes/post-card.html +3 -1
- data/_includes/skip-to-content.html +1 -0
- data/_layouts/default.html +3 -2
- data/_layouts/links.html +118 -0
- data/_layouts/product-category.html +2 -2
- data/_layouts/promo-page.html +1 -0
- data/_sass/_category.scss +15 -0
- data/_sass/_layout.scss +12 -1
- data/_sass/_main.scss +2 -1
- data/node_modules/.package-lock.json +3 -3
- data/node_modules/bulma/bulma.scss +1 -1
- data/node_modules/bulma/css/bulma.css +6 -1
- data/node_modules/bulma/css/bulma.css.map +1 -1
- data/node_modules/bulma/css/bulma.min.css +2 -2
- data/node_modules/bulma/css/versions/bulma-no-dark-mode.css +6 -1
- data/node_modules/bulma/css/versions/bulma-no-dark-mode.css.map +1 -1
- data/node_modules/bulma/css/versions/bulma-no-dark-mode.min.css +2 -2
- data/node_modules/bulma/css/versions/bulma-no-helpers-prefixed.css +2 -1
- data/node_modules/bulma/css/versions/bulma-no-helpers-prefixed.css.map +1 -1
- data/node_modules/bulma/css/versions/bulma-no-helpers-prefixed.min.css +2 -2
- data/node_modules/bulma/css/versions/bulma-no-helpers.css +2 -1
- data/node_modules/bulma/css/versions/bulma-no-helpers.css.map +1 -1
- data/node_modules/bulma/css/versions/bulma-no-helpers.min.css +2 -2
- data/node_modules/bulma/css/versions/bulma-prefixed.css +6 -1
- data/node_modules/bulma/css/versions/bulma-prefixed.css.map +1 -1
- data/node_modules/bulma/css/versions/bulma-prefixed.min.css +2 -2
- data/node_modules/bulma/package.json +5 -5
- data/node_modules/bulma/sass/base/generic.scss +2 -1
- data/node_modules/bulma/sass/base/skeleton.scss +1 -1
- data/node_modules/bulma/sass/components/navbar.scss +1 -1
- data/node_modules/bulma/sass/elements/button.scss +6 -0
- data/node_modules/bulma/sass/form/tools.scss +1 -1
- data/node_modules/bulma/sass/grid/columns.scss +1 -1
- data/node_modules/bulma/sass/helpers/typography.scss +4 -0
- data/node_modules/bulma/sass/layout/hero.scss +6 -6
- data/node_modules/bulma/sass/themes/_index.scss +2 -1
- data/node_modules/bulma/sass/themes/light.scss +1 -1
- data/node_modules/bulma/sass/utilities/controls.scss +1 -1
- data/node_modules/bulma/sass/utilities/css-variables.scss +1 -1
- data/node_modules/bulma/sass/utilities/initial-variables.scss +2 -0
- data/node_modules/bulma/versions/bulma-no-dark-mode.scss +1 -1
- data/node_modules/bulma/versions/bulma-no-helpers-prefixed.scss +1 -1
- data/node_modules/bulma/versions/bulma-no-helpers.scss +1 -1
- data/node_modules/bulma/versions/bulma-prefixed.scss +1 -1
- data/package-lock.json +3 -3
- metadata +5 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 3631b6b0402c3b5d9e3d7184d94d92bf2e5497fcbc8e1f56b7bee4661f329d3c
|
|
4
|
+
data.tar.gz: '09430d77dcf4e2e5a0fa0b1c1c3b43199753ddadd5d60f9fa42fb17f030c301b'
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 73b7ed1bcea104832e5f30e715ea8d1d4e56a329d019f6ed484c41dd58d01d454b4a6b8ccfd5c3f9ac1cf3705d37be6b5d06bf85795225b1da89af312ab0c96a
|
|
7
|
+
data.tar.gz: 65b7650c9fad798f9f57d6c4c24fdf4a1dea322b98aa1c864839abc20f82d15748788c3a97a09d7bd08155a8271fa8bf40ef2bbcc3961d00dfe53899ad639a1b
|
data/_includes/image-modal.html
CHANGED
|
@@ -7,11 +7,13 @@
|
|
|
7
7
|
<div class="modal" x-bind:class="open ? 'is-active' : ''" x-cloak>
|
|
8
8
|
<div class="modal-background" x-on:click="open = false"></div>
|
|
9
9
|
<div class="modal-content">
|
|
10
|
-
{
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
10
|
+
<p class="image {{ include.ratio | default: is-16by9 }}">
|
|
11
|
+
{% if include.large_link %}
|
|
12
|
+
<img src="{{ include.large_link | absolute_url }}" alt="{{ include.alt }}">
|
|
13
|
+
{% else %}
|
|
14
|
+
<img src="{{ include.link | absolute_url }}" alt="{{ include.alt }}">
|
|
15
|
+
{% endif %}
|
|
16
|
+
</p>
|
|
15
17
|
</div>
|
|
16
18
|
<button class="modal-close is-large" aria-label="close" x-on:click="open = false"></button>
|
|
17
19
|
</div>
|
data/_includes/post-card.html
CHANGED
|
@@ -20,7 +20,9 @@
|
|
|
20
20
|
{% endif %}
|
|
21
21
|
</div>
|
|
22
22
|
<div class="has-text-centered">
|
|
23
|
-
<a href="{{ site.baseurl }}{{ post.url }}" class="button is-primary"
|
|
23
|
+
<a href="{{ site.baseurl }}{{ post.url }}" class="button is-primary"
|
|
24
|
+
>Read more <span class="is-sr-only"> about {{ post.title }}</span></a
|
|
25
|
+
>
|
|
24
26
|
</div>
|
|
25
27
|
</div>
|
|
26
28
|
<footer class="card-footer">
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<a href="#main-content" class="is-sr-only skip-link"> Skip to main content </a>
|
data/_layouts/default.html
CHANGED
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
>
|
|
19
19
|
{% include head.html %}
|
|
20
20
|
<body>
|
|
21
|
+
{% include skip-to-content.html %}
|
|
21
22
|
{% if site.cookie_policy %}
|
|
22
23
|
{% include cookie-banner.html %}
|
|
23
24
|
{% endif %}
|
|
@@ -39,13 +40,13 @@
|
|
|
39
40
|
{% include menubar.html %}
|
|
40
41
|
</div>
|
|
41
42
|
{% endif %}
|
|
42
|
-
<
|
|
43
|
+
<main class="column {{ content_width }}" id="main-content">
|
|
43
44
|
{% include tabs.html %}
|
|
44
45
|
{% include showcase.html %}
|
|
45
46
|
{% include sponsors.html %}
|
|
46
47
|
{% include gallery.html %}
|
|
47
48
|
{{ content }}
|
|
48
|
-
</
|
|
49
|
+
</main>
|
|
49
50
|
{% if site.posts and page.show_sidebar %}
|
|
50
51
|
<div class="column is-4-desktop is-4-tablet">
|
|
51
52
|
{% include latest-posts.html %}
|
data/_layouts/links.html
ADDED
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html
|
|
3
|
+
dir="{{ site.direction | default: 'ltr' }}"
|
|
4
|
+
lang="{{ site.lang | default: 'en' }}"
|
|
5
|
+
class="{% if site.fixed_navbar %} has-navbar-fixed-{{ site.fixed_navbar }} {% endif %} {% if site.force_theme %} theme-{{ site.force_theme }} {% endif %}"
|
|
6
|
+
>
|
|
7
|
+
{% include head.html %}
|
|
8
|
+
<body>
|
|
9
|
+
{% include skip-to-content.html %}
|
|
10
|
+
{% if site.cookie_policy %}
|
|
11
|
+
{% include cookie-banner.html %}
|
|
12
|
+
{% endif %}
|
|
13
|
+
|
|
14
|
+
<div
|
|
15
|
+
{% if page.background_image %}
|
|
16
|
+
style="background: url('{{ page.background_image | relative_url }}') no-repeat center center; background-size: cover;"
|
|
17
|
+
{% else %}
|
|
18
|
+
style="background-color: var(--bulma-dark);"
|
|
19
|
+
{% endif %}
|
|
20
|
+
>
|
|
21
|
+
<div
|
|
22
|
+
class="container pb-6"
|
|
23
|
+
>
|
|
24
|
+
<section class="section">
|
|
25
|
+
<div class="columns is-centered is-multiline">
|
|
26
|
+
<div class="column is-two-thirds-tablet is-half-desktop">
|
|
27
|
+
<div class="is-flex is-flex-direction-column is-justify-content-center is-align-items-center">
|
|
28
|
+
<figure class="image is-128x128">
|
|
29
|
+
<img
|
|
30
|
+
class="is-rounded"
|
|
31
|
+
src="{{ page.avatar | relative_url }}"
|
|
32
|
+
alt="{{ page.avatar_alt }}"
|
|
33
|
+
>
|
|
34
|
+
</figure>
|
|
35
|
+
|
|
36
|
+
<h1 class="title has-text-white is-size-2">{{ page.title }}</h1>
|
|
37
|
+
<p class="subtitle has-text-white">{{ page.subtitle }}</p>
|
|
38
|
+
|
|
39
|
+
<div class="">
|
|
40
|
+
{% include follow.html %}
|
|
41
|
+
</div>
|
|
42
|
+
</div>
|
|
43
|
+
</div>
|
|
44
|
+
</div>
|
|
45
|
+
<div class="columns is-centered is-multiline">
|
|
46
|
+
<div class="column is-two-thirds-tablet is-half-desktop">
|
|
47
|
+
<main class="is-flex-grow-1" id="main-content">
|
|
48
|
+
{% for section in page.link_sections %}
|
|
49
|
+
<h2 class="is-size-3 has-text-centered has-text-white has-text-weight-bold">
|
|
50
|
+
{{ section.title }}
|
|
51
|
+
</h2>
|
|
52
|
+
<ul class="mb-6">
|
|
53
|
+
{% for section_link in section.links %}
|
|
54
|
+
<li class="mb-4">
|
|
55
|
+
<a
|
|
56
|
+
href="{{ section_link.link | relative_url}}"
|
|
57
|
+
class="is-block category-product"
|
|
58
|
+
>
|
|
59
|
+
{% if section_link.image_large %}
|
|
60
|
+
<section
|
|
61
|
+
class="hero is-medium"
|
|
62
|
+
style="background: url('{{ section_link.image | relative_url }}') no-repeat center center; background-size: cover;"
|
|
63
|
+
>
|
|
64
|
+
<div class="hero-body">
|
|
65
|
+
<div class="is-size-4 has-text-white content">
|
|
66
|
+
{{ section_link.name | markdownify }}
|
|
67
|
+
</div>
|
|
68
|
+
</div>
|
|
69
|
+
</section>
|
|
70
|
+
{% else %}
|
|
71
|
+
<div class="card">
|
|
72
|
+
<div class="card-content">
|
|
73
|
+
<article class="media">
|
|
74
|
+
<figure class="media-left">
|
|
75
|
+
<span
|
|
76
|
+
class="image is-48x48"
|
|
77
|
+
>
|
|
78
|
+
<img
|
|
79
|
+
src="{{ section_link.image | relative_url }}"
|
|
80
|
+
alt="{{ section_link.image_alt }}"
|
|
81
|
+
>
|
|
82
|
+
</span>
|
|
83
|
+
</figure>
|
|
84
|
+
<div class="media-content">
|
|
85
|
+
<div class="content">
|
|
86
|
+
<p class="is-size-4">
|
|
87
|
+
<strong>{{ section_link.name }}</strong>
|
|
88
|
+
</p>
|
|
89
|
+
</div>
|
|
90
|
+
</div>
|
|
91
|
+
</article>
|
|
92
|
+
</div>
|
|
93
|
+
</div>
|
|
94
|
+
{% endif %}
|
|
95
|
+
</a>
|
|
96
|
+
</li>
|
|
97
|
+
{% endfor %}
|
|
98
|
+
</ul>
|
|
99
|
+
{% endfor %}
|
|
100
|
+
|
|
101
|
+
{% if content %}
|
|
102
|
+
<div class="card mt-6">
|
|
103
|
+
<div class="card-content">
|
|
104
|
+
<div class="content">
|
|
105
|
+
{{ content }}
|
|
106
|
+
</div>
|
|
107
|
+
</div>
|
|
108
|
+
</div>
|
|
109
|
+
{% endif %}
|
|
110
|
+
</main>
|
|
111
|
+
</div>
|
|
112
|
+
</div>
|
|
113
|
+
</section>
|
|
114
|
+
</div>
|
|
115
|
+
</div>
|
|
116
|
+
{% include footer.html %}
|
|
117
|
+
</body>
|
|
118
|
+
</html>
|
|
@@ -8,14 +8,14 @@ show_sidebar: false
|
|
|
8
8
|
</div>
|
|
9
9
|
|
|
10
10
|
{% if page.collection %}
|
|
11
|
-
{% assign sorted_products = site
|
|
11
|
+
{% assign sorted_products = site[page.collection] | sort: page.sort %}
|
|
12
12
|
{% else %}
|
|
13
13
|
{% assign sorted_products = site.products | sort: page.sort %}
|
|
14
14
|
{% endif %}
|
|
15
15
|
|
|
16
16
|
{% for product in sorted_products %}
|
|
17
17
|
<div class="column is-4-desktop is-6-tablet">
|
|
18
|
-
<a href="{{ product.url | relative_url }}">
|
|
18
|
+
<a href="{{ product.url | relative_url }}" class="category-product">
|
|
19
19
|
<div class="card">
|
|
20
20
|
{% if product.image %}
|
|
21
21
|
<div class="card-image">
|
data/_layouts/promo-page.html
CHANGED
data/_sass/_layout.scss
CHANGED
|
@@ -37,4 +37,15 @@ div.highlight {
|
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
// Alpine.js hide on initial load
|
|
40
|
-
[x-cloak] { display: none !important; }
|
|
40
|
+
[x-cloak] { display: none !important; }
|
|
41
|
+
|
|
42
|
+
.skip-link {
|
|
43
|
+
&:focus {
|
|
44
|
+
display: block !important;
|
|
45
|
+
width: 100% !important;
|
|
46
|
+
height: auto !important;
|
|
47
|
+
padding: 1rem !important;
|
|
48
|
+
position: relative !important;
|
|
49
|
+
text-decoration: underline;
|
|
50
|
+
}
|
|
51
|
+
}
|
data/_sass/_main.scss
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
@import url('https://fonts.googleapis.com/css?family=Montserrat');
|
|
3
3
|
|
|
4
4
|
$family-sans-serif: 'Montserrat', sans-serif;
|
|
5
|
-
$primary: #
|
|
5
|
+
$primary: #157c95 !default;
|
|
6
6
|
|
|
7
7
|
$tabs-link-active-color: $primary;
|
|
8
8
|
$tabs-link-active-border-bottom-color: $primary;
|
|
@@ -18,6 +18,7 @@ $hero-darken: $dark !default;
|
|
|
18
18
|
@import "showcase";
|
|
19
19
|
@import "block-list";
|
|
20
20
|
@import "promo-page";
|
|
21
|
+
@import "category";
|
|
21
22
|
|
|
22
23
|
.gh-sponsor {
|
|
23
24
|
color: #ea4aaa;
|
|
@@ -5,9 +5,9 @@
|
|
|
5
5
|
"requires": true,
|
|
6
6
|
"packages": {
|
|
7
7
|
"node_modules/bulma": {
|
|
8
|
-
"version": "1.0.
|
|
9
|
-
"resolved": "https://registry.npmjs.org/bulma/-/bulma-1.0.
|
|
10
|
-
"integrity": "sha512-
|
|
8
|
+
"version": "1.0.4",
|
|
9
|
+
"resolved": "https://registry.npmjs.org/bulma/-/bulma-1.0.4.tgz",
|
|
10
|
+
"integrity": "sha512-Ffb6YGXDiZYX3cqvSbHWqQ8+LkX6tVoTcZuVB3lm93sbAVXlO0D6QlOTMnV6g18gILpAXqkG2z9hf9z4hCjz2g=="
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
|
-
/*! bulma.io v1.0.
|
|
2
|
+
/*! bulma.io v1.0.4 | MIT License | github.com/jgthms/bulma */
|
|
3
3
|
/* Bulma Utilities */
|
|
4
4
|
:root {
|
|
5
5
|
--bulma-control-radius: var(--bulma-radius);
|
|
@@ -3776,6 +3776,7 @@ a.box:active {
|
|
|
3776
3776
|
}
|
|
3777
3777
|
.button.is-outlined {
|
|
3778
3778
|
--bulma-button-border-width: max(1px, 0.0625em);
|
|
3779
|
+
--bulma-loading-color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-l));
|
|
3779
3780
|
background-color: transparent;
|
|
3780
3781
|
border-color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-l));
|
|
3781
3782
|
color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-l));
|
|
@@ -21040,6 +21041,10 @@ has-background-danger.is-hoverable:active {
|
|
|
21040
21041
|
font-weight: 700 !important;
|
|
21041
21042
|
}
|
|
21042
21043
|
|
|
21044
|
+
.has-text-weight-extrabold {
|
|
21045
|
+
font-weight: 800 !important;
|
|
21046
|
+
}
|
|
21047
|
+
|
|
21043
21048
|
.is-family-primary {
|
|
21044
21049
|
font-family: "Inter", "SF Pro", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
|
|
21045
21050
|
}
|