jekyll-theme-amethyst 1.2.1 → 2.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: dd713f104c3f11d0bbf936b256059ac16abed6d63e3bfe4d3641cf1d7bd0cf9d
-  data.tar.gz: 9eb9b32ecd778b4a10ffa708c3ef3176bc574b4a540dd90682a404aec69aaa9f
+  metadata.gz: 6f24ddb3ef8eea41aefe27157c649ee526fb88508a0500b40a4ae6be5ee2829e
+  data.tar.gz: ffede56a7da05fce5c4681135f4e4c11b1e322d8b1fde377849262b0339d71b7
 SHA512:
-  metadata.gz: 88ea9945ef9a71a0f3bdb14cfdf932c90a5a6c7209e687fcd19377be5b3099eb74fcea5d066cf23b20964bdee42b683a3e06ba332cd92f9b9523aa1a064b7241
-  data.tar.gz: ca19314005d3446128363a3c5b24475a1cbf1f8443f6c98dd5928ebc10d25b54a584dce38e4e2fa8318b76438057a945e0f9f94fa68bfdabcf7e46116da49ad7
+  metadata.gz: 9a8681d0da13282f8ac0de2c56cfab79900c90360195f656b244f370145c0bb7c6934839294a7ba363155b60fed34bf60535e6c2e46716ec290e866d3056c2ab
+  data.tar.gz: 8eb5fc49da1f95afa1f717ebc65f9c0bf168f9bbded302377ea2ece1ba53b0aba7008a5420cbb68f5922be13427bfc757ce82cff8fc0c4535dd630101cbb2477

data/_sass/amethyst-variables-all.scss

@@ -0,0 +1,21 @@
+@forward "amethyst-variables";
+
+$size-sm: 0.8rem;
+$size-1: 1rem;
+$size-2: 1.333rem;
+$size-3: 1.777rem;
+$size-4: 2.369rem;
+$size-5: 3.157rem;
+$size-spacing: $size-2;
+$box-spacing: $size-1;
+
+$color-white: #fff;
+$color-light: #f4f4f4;
+$color-off-white: #cdcdcd;
+$color-darkgrey: #63676d; // based on 2015 api.jquery.com design
+$color-black: #333;
+
+$screen-s: 480px;
+$screen-m: 768px;
+$screen-l: 992px;
+$screen-xl: 1200px;

data/_sass/amethyst-variables.scss

@@ -1,4 +1,5 @@
 // Amethyst theme variables
+// Override by creating a local `_sass/amethyst-variables.scss` file in your project.
 
 // Primary color
 //

data/_sass/amethyst.scss

@@ -2,25 +2,9 @@
 
 // Amethyst theme for Jekyll
 
-$size-sm: 0.8rem;
-$size-1: 1rem;
-$size-2: 1.333rem;
-$size-3: 1.777rem;
-$size-4: 2.369rem;
-$size-5: 3.157rem;
-$size-spacing: $size-2;
-$box-spacing: $size-1;
-
-$color-white: #fff;
-$color-light: #f4f4f4;
-$color-off-white: #cdcdcd;
-$color-darkgrey: #63676d; // based on 2015 api.jquery.com design
-$color-black: #333;
-
-$screen-s: 480px;
-$screen-m: 768px;
-$screen-l: 992px;
-$screen-xl: 1200px;
+@use "amethyst-variables-all" as *;
+@use "sass:color";
+@use "sass:string";
 
 * {
     box-sizing: border-box;
@@ -465,13 +449,13 @@ table {
 /* Search */
 
 typesense-minibar {
-    --tsmb-color-base-background: #{lighten($color-accent, 12%)};
+    --tsmb-color-base-background: #{color.adjust($color-accent, $lightness: 12%)};
     --tsmb-color-primary30: #{$color-accent};
     --tsmb-color-primary50: #{$color-vibrant};
     --tsmb-color-primary90: #{$color-bright};
     --tsmb-color-base30: var(--tsmb-color-primary90);
-    --tsmb-color-base50: #{change-color($color-bright, $alpha: 0.6)}; // #a98dc1
-    --tsmb-color-base90: #{change-color($color-bright, $alpha: 0.6)};
+    --tsmb-color-base50: #{color.change($color-bright, $alpha: 0.6)}; // #a98dc1
+    --tsmb-color-base90: #{color.change($color-bright, $alpha: 0.6)};
 
     flex: 1;
     align-self: center;
@@ -480,7 +464,7 @@ typesense-minibar form {
     width: auto;
 }
 typesense-minibar form:not(:focus-within)::before {
-  filter: unquote("invert()");
+  filter: string.unquote("invert()");
 }
 typesense-minibar input[type="search"] {
   border: none;
@@ -607,8 +591,8 @@ typesense-minibar input[type="search"] {
 
 .hero {
     margin-bottom: $size-spacing;
-    background-color: darken($color-vibrant, 12%);
-    background-image: linear-gradient(135deg, darken($color-vibrant, 12%), $color-vibrant );
+    background-color: color.adjust($color-vibrant, $lightness: -12%);
+    background-image: linear-gradient(135deg, color.adjust($color-vibrant, $lightness: -12%), $color-vibrant );
     padding: ($size-4 * 2) 0;
     text-align: center;
 }

data/_sass/custom.scss

@@ -1,2 +1,8 @@
 // Add custom styles via a local `_sass/custom.scss` file
 // in your website.
+//
+// To import the same variables as used in amethyst.scss,
+// start your file with this line:
+//
+//   @use "amethyst-variables-all" as *;
+//

data/assets/styles.scss

@@ -3,7 +3,6 @@
 
 @use "typesense-minibar.css";
 
-@import "amethyst-variables";
-@import "amethyst";
-@import "highlight";
-@import "custom";
+@use "amethyst";
+@use "highlight";
+@use "custom";

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-amethyst
 version: !ruby/object:Gem::Version
-  version: 1.2.1
+  version: 2.0.0
 platform: ruby
 authors:
 - Timo Tijhof
 - Trent Willis
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-08-01 00:00:00.000000000 Z
+date: 2025-01-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -101,8 +101,8 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 2.2.1
-description: 
-email: 
+description:
+email:
 executables: []
 extensions: []
 extra_rdoc_files: []
@@ -124,6 +124,7 @@ files:
 - _layouts/posts-year.html
 - _layouts/posts.html
 - _layouts/wrapper.html
+- _sass/amethyst-variables-all.scss
 - _sass/amethyst-variables.scss
 - _sass/amethyst.scss
 - _sass/custom.scss
@@ -137,7 +138,7 @@ licenses:
 - MIT
 metadata:
   plugin_type: theme
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -152,8 +153,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.3.5
-signing_key: 
+rubygems_version: 3.4.20
+signing_key:
 specification_version: 4
 summary: https://github.com/qunitjs/jekyll-theme-amethyst
 test_files: []