benjeto-jekyll-theme 0.2.5 → 0.2.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b8d4c1f19b7b237b65bb812f872bcba8b256266be6301eeb0215d73e276228c7
-  data.tar.gz: eb3ff029372f551852aab48e1075f9006453c97920fd777278889e717f89f0c0
+  metadata.gz: 348eea5bc9bc577248de595d5c8550c9a173cb8d5983fc0c4163689551f7c822
+  data.tar.gz: cf1e8a72c651737e54403afb74db233083ee012e71ae0d02b37f389f885b3752
 SHA512:
-  metadata.gz: 9a3a08e70a7cdcc5ba5aaaa1b62bd3288def20235d26be4a51d1222e957d1104f82a366ed67bd500c5ceb337b9d13bc4b11bc2d742d37fd8e40604e60b4fdce0
-  data.tar.gz: c8b917240a352318e2a3e8f2745168454ebbde87bd8b93ef4ff5e2e31fee0cd8ebf6dd7ea685421bcec24e6204515d638d2852c92004688c7f58ff4a6770bf74
+  metadata.gz: 54e62a712e2f77820f704adb6ae1d5e069abed240c0de66154249527d9aeeae24c32b64aa2f9ec2fafbdd0926c8345e988ee77ad1bc90f2a742dc86972af57b5
+  data.tar.gz: 255a2f77a2d69c62b4a32c37212634873b05a4b5f8344ae0e4a62b4e01bf4ef9e4695b6b3857f8e60cea41bf01197acaa55049f330c66ec2193ebce95bec0a43

data/_includes/button.html

@@ -0,0 +1,10 @@
+{%- if include.type == "button" -%}
+  <button class="cstm-btn btn-{{ include.style }}"
+  {%- if include.id %} id="{{ include.id }}"{% endif %}>{{ include.text }}</button>
+{%- else -%}
+  <a href="{{ include.url }}" 
+  class="cstm-btn{% if include.style %} btn-{{ include.style }}{% endif %}"
+  {%- if include.type == "download" %} download{% endif %}
+  {%- if include.type == "external" %} target="_blank"{% endif -%}
+  >{{ include.text }}</a>
+{%- endif -%}

data/_sass/benjeto/base.scss

@@ -124,8 +124,8 @@ pre, code, code * {
   font-family: monospace, system-ui, sans-serif;
 }
 code {
-  background: var(--boxbglight);
-  border: 1px solid var(--boxbglight);
+  background: var(--boxbg);
+  border: 1px solid var(--boxbg);
   border-radius: 4px;
   padding: 1px 4px;
   margin: 0 2px;
@@ -182,6 +182,46 @@ video {
   vertical-align: bottom;
 }
 
+.cstm-btn {
+  display: inline-block;
+  border-radius: 6px;
+  padding: 8px 16px;
+  margin: 8px 4px;
+  font-size: 1em;
+  font-weight: 600;
+  cursor: pointer;
+  border: 1px solid var(--border);
+  color: var(--link);
+  background: none;
+  transition: background 0.2s, color 0.2s;
+  &.btn-filled {
+    background: var(--link);
+    color: var(--bg);
+    border: none;
+    padding: 9px 17px;
+    cursor: pointer;
+    &:hover {
+      background: var(--linkhover);
+      color: var(--bg);
+    }
+  }
+  &.btn-light {
+    background: var(--boxbg);
+    color: var(--text);
+    border: none;
+    padding: 9px 17px;
+    &:hover {
+      background: var(--boxbglight);
+      color: var(--link);
+    }
+  }
+  &:hover {
+    background: var(--boxbglight);
+    color: var(--linkhover);
+    text-decoration: none;
+  }
+}
+
 .menu-btn {
   font-weight: bold;
   font-size: 1em;
@@ -228,6 +268,7 @@ button.shareBtn {
   height: 34px;
   padding: 0 6px;
   text-align: end;
+  cursor: pointer;
   transition: background 0.2s;
   &:hover, &.disabled {
     background: var(--boxbg);
@@ -367,7 +408,7 @@ header.home {
         color: var(--linkhover);
         background: var(--boxbg);
         border-radius: 4px;
-        padding: 5px 8px;
+        padding: 5px 7px;
         transition: background 0.2s;
         &:hover {
           background: var(--boxbglight);

data/_sass/benjeto/light.scss

@@ -7,8 +7,8 @@
   --head: #0a0a0a;
   --link: #0050ea;
   --linkhover: #0020a0;
-  --boxbg: #ccdcfa;
-  --boxbglight: #e0ecff;
+  --boxbg: #d0defc;
+  --boxbglight: #e5f0ff;
   --border: #75a5ff;
 }
 @media (prefers-contrast: more) {

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: benjeto-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 0.2.5
+  version: 0.2.6
 platform: ruby
 authors:
 - Cizzuk
@@ -77,6 +77,7 @@ files:
 - _data/texts.yml
 - _includes/appbox.html
 - _includes/audio.html
+- _includes/button.html
 - _includes/category.html
 - _includes/custom_head.html
 - _includes/exlink.html