RubyGems - bulma-clean-theme - Versions diffs - 1.2.0 → 1.2.1 - Mend

bulma-clean-theme 1.2.0 → 1.2.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.

Files changed (46) hide show

checksums.yaml CHANGED Viewed

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: bc5eebdc7090a827d0d9ff06db0f65827653d68a2790aec8e9fdd9e2dc6d8acb
-  data.tar.gz: 20416a467a37ac2ab3af8499de3f64ef019bb5b353cff310a184df5d2ea31d54
+  metadata.gz: 46db08b91dcf6c4637afc4c7ab7a0c88b9855ae13b5963d62e6ca81a2a2cb3b9
+  data.tar.gz: 705af2e4a4b4a8cb30928a4e599f97e8b0ed0a62964746e41c95e87251585e9b
 SHA512:
-  metadata.gz: '09f0765af250c24a8f66f2a9059454a5b566ff3a301a06ba6c5f34896ce52a34e034e9e843740ef12a52209327f9ea66aa31d3c6caa49ce50f2bbe952c734977'
-  data.tar.gz: b7af70c6bd23cca476f5a13ff94363a7eb3cd445f0408337714d5024fe4391ad3ec75ad6b9b43e823487ca66fa6d7e7ec4db962b6db80f7ef802c5ba0b5be912
+  metadata.gz: 1e1eae524a65dc4f842223c1300ed3ba997bc55cddb986016e379bc6379117c94fae45c915c35e1fdc8339d0238657e9feddb3cce5618b5000e2b5e0b5c67af6
+  data.tar.gz: 1df098bc2c0450348d34940990e7fbd3247aa45be8326661ade6b6190f37b4c0a16fa9153e13f86a94a86b9b71269a862051b7af22cc944b108e7e36b30d42f7

data/_includes/image-modal.html CHANGED Viewed

@@ -7,11 +7,13 @@
     <div class="modal" x-bind:class="open ? 'is-active' : ''" x-cloak>
         <div class="modal-background" x-on:click="open = false"></div>
         <div class="modal-content">
-            {% if include.large_link %}
-                <img src="{{ include.large_link | absolute_url }}" alt="{{ include.alt }}">
-            {% else %}
-                <img src="{{ include.link | absolute_url }}" alt="{{ include.alt }}">
-            {% endif %}
+            <p class="image {{ include.ratio | default: is-16by9 }}">
+                {% if include.large_link %}
+                    <img src="{{ include.large_link | absolute_url }}" alt="{{ include.alt }}">
+                {% else %}
+                    <img src="{{ include.link | absolute_url }}" alt="{{ include.alt }}">
+                {% endif %}
+            </p>
         </div>
         <button class="modal-close is-large" aria-label="close" x-on:click="open = false"></button>
     </div>

data/_includes/post-card.html CHANGED Viewed

@@ -20,7 +20,9 @@
             {% endif %}
         </div>
         <div class="has-text-centered">
-            <a href="{{ site.baseurl }}{{ post.url }}" class="button is-primary">Read more</a>
+            <a href="{{ site.baseurl }}{{ post.url }}" class="button is-primary"
+                >Read more <span class="is-sr-only"> about {{ post.title }}</span></a
+            >
         </div>
     </div>
     <footer class="card-footer">

data/_includes/skip-to-content.html ADDED Viewed

	@@ -0,0 +1 @@
1	+ <a href="#main-content" class="is-sr-only skip-link"> Skip to main content </a>

data/_layouts/default.html CHANGED Viewed

@@ -18,6 +18,7 @@
 >
     {% include head.html %}
     <body>
+        {% include skip-to-content.html %}
         {% if site.cookie_policy %}
             {% include cookie-banner.html %}
         {% endif %}
@@ -39,13 +40,13 @@
                             {% include menubar.html %}
                         </div>
                     {% endif %}
-                    <div class="column {{ content_width }}">
+                    <main class="column {{ content_width }}" id="main-content">
                         {% include tabs.html %}
                         {% include showcase.html %}
                         {% include sponsors.html %}
                         {% include gallery.html %}
                         {{ content }}
-                    </div>
+                    </main>
                     {% if site.posts and page.show_sidebar %}
                         <div class="column is-4-desktop is-4-tablet">
                             {% include latest-posts.html %}

data/_layouts/product-category.html CHANGED Viewed

@@ -8,14 +8,14 @@ show_sidebar: false
     </div>
     {% if page.collection %}
-        {% assign sorted_products = site.[page.collection] | sort: page.sort %}
+        {% assign sorted_products = site[page.collection] | sort: page.sort %}
     {% else %}
         {% assign sorted_products = site.products | sort: page.sort %}
     {% endif %}
     {% for product in sorted_products %}
         <div class="column is-4-desktop is-6-tablet">
-            <a href="{{ product.url | relative_url }}">
+            <a href="{{ product.url | relative_url }}" class="category-product">
                 <div class="card">
                     {% if product.image %}
                         <div class="card-image">

data/_sass/_category.scss ADDED Viewed

@@ -0,0 +1,15 @@
+.category {
+    &-product {
+        display: block;
+        &:hover {
+            outline: solid 2px $link;
+            border-radius: 0.75rem;
+        }
+        &:focus,
+        &:active {
+            outline: solid 2px $link;
+            border-radius: 0.75rem;
+            box-shadow: $box-shadow;
+        }
+    }
+}

data/_sass/_layout.scss CHANGED Viewed

@@ -37,4 +37,15 @@ div.highlight {
 }
 // Alpine.js hide on initial load
-[x-cloak] { display: none !important; }
+[x-cloak] { display: none !important; }
+.skip-link {
+    &:focus {
+        display: block !important;
+        width: 100% !important;
+        height: auto !important;
+        padding: 1rem !important;
+        position: relative !important;
+        text-decoration: underline;
+    }
+}

data/_sass/_main.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @import url('https://fonts.googleapis.com/css?family=Montserrat');
 $family-sans-serif: 'Montserrat', sans-serif;
-$primary: #188eac !default;
+$primary: #157c95 !default;
 $tabs-link-active-color: $primary;
 $tabs-link-active-border-bottom-color: $primary;
@@ -18,6 +18,7 @@ $hero-darken: $dark !default;
 @import "showcase";
 @import "block-list";
 @import "promo-page";
+@import "category";
 .gh-sponsor {
   color: #ea4aaa;

data/node_modules/.package-lock.json CHANGED Viewed

@@ -5,9 +5,9 @@
     "requires": true,
     "packages": {
         "node_modules/bulma": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/bulma/-/bulma-1.0.3.tgz",
-            "integrity": "sha512-9eVXBrXwlU337XUXBjIIq7i88A+tRbJYAjXQjT/21lwam+5tpvKF0R7dCesre9N+HV9c6pzCNEPKrtgvBBes2g=="
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/bulma/-/bulma-1.0.4.tgz",
+            "integrity": "sha512-Ffb6YGXDiZYX3cqvSbHWqQ8+LkX6tVoTcZuVB3lm93sbAVXlO0D6QlOTMnV6g18gILpAXqkG2z9hf9z4hCjz2g=="
         }
     }
 }

data/node_modules/bulma/bulma.scss CHANGED Viewed

@@ -1,4 +1,4 @@
 @charset "utf-8";
-/*! bulma.io v1.0.3 | MIT License | github.com/jgthms/bulma */
+/*! bulma.io v1.0.4 | MIT License | github.com/jgthms/bulma */
 @use "sass";

data/node_modules/bulma/css/bulma.css CHANGED Viewed

@@ -1,5 +1,5 @@
 @charset "UTF-8";
-/*! bulma.io v1.0.3 | MIT License | github.com/jgthms/bulma */
+/*! bulma.io v1.0.4 | MIT License | github.com/jgthms/bulma */
 /* Bulma Utilities */
 :root {
   --bulma-control-radius: var(--bulma-radius);
@@ -3776,6 +3776,7 @@ a.box:active {
 }
 .button.is-outlined {
   --bulma-button-border-width: max(1px, 0.0625em);
+  --bulma-loading-color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-l));
   background-color: transparent;
   border-color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-l));
   color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-l));
@@ -21040,6 +21041,10 @@ has-background-danger.is-hoverable:active {
   font-weight: 700 !important;
 }
+.has-text-weight-extrabold {
+  font-weight: 800 !important;
+}
 .is-family-primary {
   font-family: "Inter", "SF Pro", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
 }