benjeto-jekyll-theme 0.2.4 → 0.2.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1b5afa56288038e4c1dea387adfbc0e19df8660bd4419354136911a34c270a04
-  data.tar.gz: 476e99ac62812a9fb26c8c20cb97ee4a7104ad9f229e88f1e161c386402f5ac2
+  metadata.gz: 348eea5bc9bc577248de595d5c8550c9a173cb8d5983fc0c4163689551f7c822
+  data.tar.gz: cf1e8a72c651737e54403afb74db233083ee012e71ae0d02b37f389f885b3752
 SHA512:
-  metadata.gz: 6cef578e09daadb30fa07d9125d8934f4db45110b05eff874d07a19babc44a254d60519c2af0f797fb80432ce965f1b47c8edf11804e8c1aa54c437a00d682e5
-  data.tar.gz: 5d7ab2dd1fb12dc0528c492ac76914d25db450b7e02680807f208c5e49bbe4d145ed89c69232b5a2b876a5b0c73cbcb0b6176e002a86c503c037aa291dc8224e
+  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,15 +124,15 @@ 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;
 }
 pre code {
   background: var(--bglight);
-  border-color: var(--bglight);
+  border-color: var(--boxbg);
   direction: ltr;
   display: block;
   border-radius: 6px;
@@ -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);
@@ -640,10 +681,6 @@ ul.lang-select {
 }
 
 @media (prefers-contrast: more) {
-  code, pre code, .pagebox pre code {
-    background: var(--bg);
-    border-color: var(--boxbg);
-  }
   article.post {
     border-color: var(--bglight);
   }

data/_sass/benjeto/dark.scss

@@ -30,4 +30,9 @@
 .icon {
   filter: invert(1);
 }
+@media (prefers-contrast: more) {
+  code, pre code, .pagebox pre code {
+    background: var(--bg);
+  }
+}
 

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.4
+  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