RubyGems - jekyll-theme-superb - Versions diffs - 0.1.2 → 0.1.3 - Mend

jekyll-theme-superb 0.1.2 → 0.1.3

Files changed (7) hide show

checksums.yaml CHANGED Viewed

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 40c4eec3d224570384b058705f1b0ecc6410b3196a89e83de7bcf21d44ffc0af
-  data.tar.gz: 5fcdfe6c8d4a2f1715c83c8ee07c37fd50eddd5b6587fe7586b75d809651d66a
+  metadata.gz: 0a972fe88237d448a9a83ff486ef271240bb43902d29fb62b0e6cfee50800314
+  data.tar.gz: 542bde7431c58aa109e1fdd8315bd7c6095da3f0d2a977ae7cea2a0830ff8a18
 SHA512:
-  metadata.gz: 5c385b06343e019a43b4de454f1d85759a901f507c662812951c400290c28f2e2fadaa37249c11da459e9ad56d96a608dbac18df97d8bebefbd3f098a69efdaa
-  data.tar.gz: bba773f18608c4ac9549268a8b5225eb4aaff1ae0d0ab0ad2a0f6e4a62064502d3e3c6e59ce53fc3ccdd2939b27eb4a3b1ddfbea7fcf761293fc07d4a64df935
+  metadata.gz: 38ad183df39727644b6c8c8b3a0ced6a2d1c544007e84cc20c8b46caeebd4c5688182f9425da1e645f94cbc5a88d7f8a880420dc62536a2af96340b39dd76030
+  data.tar.gz: af5f1b3efa7413293fd13c27fdeac38b6a22638b7a0ebfc134e33097fa9dc05bb3ccc0a055c1a767f72e7ba1d059482e698cc5bf306fa15eb9e9766e9d6031a5

data/_layouts/default.html CHANGED Viewed

@@ -3,7 +3,7 @@
 {%- include head.html -%}
-<body class="font-merriweather">
+<body class="font-serif">
     <div class="container mx-auto">
     {%- include header.html -%}
@@ -13,5 +13,4 @@
     {%- include footer.html -%}
     </div>
 </body>
 </html>

data/_layouts/page.html CHANGED Viewed

@@ -2,4 +2,6 @@
 layout: default
 ---
-{{ content }}
+<div class="px-4 py-2 desktop:px-0 page">
+    {{ content }}
+</div>

data/_layouts/post.html CHANGED Viewed

@@ -2,12 +2,12 @@
 layout: default
 ---
-<div class="prose max-w-fit py-4 px-4 desktop:px-4">
-    <div>
-      <span class="text-grey/50">0644</span>
-      <span class="text-graphite mx-4">{{ page.author }}</span>
-      <span class="text-graphite">{{ page.date | date: "%-d %b '%y" }}</span>
-    </div>
-    <h2 class="mb-6 mt-0">{{page.title}}</h2>
-    {{ content }}
+<div class="px-4 py-2 desktop:px-0 post">
+  <div>
+    <span class="text-grey/50">0644</span>
+    <span class="text-graphite mx-4">{{ page.author }}</span>
+    <span class="text-graphite">{{ page.date | date: "%-d %b '%y" }}</span>
+  </div>
+  <h2 class="mb-6 mt-0 desktop:text-h4 text-h5 font-bold">{{page.title}}</h2>
+  <div class="font-serif font-thin post">{{ content }}</div>
 </div>

data/_sass/theme.scss CHANGED Viewed

@@ -1,5 +1,25 @@
-@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;0,700;1,400&display=swap');
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
+@tailwind utilities;
+@layer components {
+    .post, .page {
+        p {
+            margin-top: 1.25em;
+            margin-bottom: 1.25em;
+        }
+        a {
+            @apply link link-green;
+        }
+        code {
+            @apply bg-porcelain px-2;
+        }
+        ul, ol {
+            @apply list list-green;
+        }
+    }
+}

data/assets/css/style.css CHANGED Viewed

@@ -1,10 +1,6 @@
-@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;0,700;1,400&display=swap');
 /*
 ! tailwindcss v3.0.9 | MIT License | https://tailwindcss.com
-*/
-/*
+*//*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
 */
@@ -36,7 +32,7 @@ html {
   -moz-tab-size: 4; /* 3 */
   -o-tab-size: 4;
      tab-size: 4; /* 3 */
-  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
+  font-family: "Merriweather Sans", sans-serif; /* 4 */
 }
 /*
@@ -344,7 +340,6 @@ button,
 /*
 Make sure disabled buttons don't get the pointer cursor.
 */
 :disabled {
   cursor: default;
 }
@@ -384,590 +379,468 @@ Ensure the default browser behavior of the `hidden` attribute.
 [hidden] {
   display: none;
 }
-*, ::before, ::after{
+*, ::before, ::after {
   border-color: currentColor;
 }
-.container{
+.container {
   width: 100%;
 }
-@media (min-width: 960px){
+@media (min-width: 960px) {
-  .container{
+  .container {
     max-width: 960px;
   }
 }
-.prose{
-  color: var(--tw-prose-body);
-  max-width: 65ch;
-}
-.prose :where([class~="lead"]):not(:where([class~="not-prose"] *)){
-  color: var(--tw-prose-lead);
-  font-size: 1.25em;
-  line-height: 1.6;
-  margin-top: 1.2em;
-  margin-bottom: 1.2em;
-}
-.prose :where(a):not(:where([class~="not-prose"] *)){
-  color: var(--tw-prose-links);
-  text-decoration: underline;
-  font-weight: 500;
-}
-.prose :where(strong):not(:where([class~="not-prose"] *)){
-  color: var(--tw-prose-bold);
-  font-weight: 600;
-}
-.prose :where(ol):not(:where([class~="not-prose"] *)){
-  list-style-type: decimal;
-  padding-left: 1.625em;
-}
-.prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)){
-  list-style-type: upper-alpha;
-}
-.prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)){
-  list-style-type: lower-alpha;
-}
-.prose :where(ol[type="A" s]):not(:where([class~="not-prose"] *)){
-  list-style-type: upper-alpha;
+@font-face {
+  font-family: 'Merriweather';
+  font-style: italic;
+  font-weight: 300;
+  src: url(https://fonts.gstatic.com/s/merriweather/v28/u-4l0qyriQwlOrhSvowK_l5-eR7lXff8jvzDP3WGO5g.woff2) format('woff2');
 }
-.prose :where(ol[type="a" s]):not(:where([class~="not-prose"] *)){
-  list-style-type: lower-alpha;
+@font-face {
+  font-family: 'Merriweather';
+  font-style: italic;
+  font-weight: 300;
+  src: url(https://fonts.gstatic.com/s/merriweather/v28/u-4l0qyriQwlOrhSvowK_l5-eR7lXff4jvzDP3WG.woff2) format('woff2');
 }
-.prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)){
-  list-style-type: upper-roman;
+@font-face {
+  font-family: 'Merriweather';
+  font-style: italic;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/merriweather/v28/u-4m0qyriQwlOrhSvowK_l5-eRZKf-LVrPHpBXw.woff2) format('woff2');
 }
-.prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)){
-  list-style-type: lower-roman;
+@font-face {
+  font-family: 'Merriweather';
+  font-style: italic;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/merriweather/v28/u-4m0qyriQwlOrhSvowK_l5-eRZOf-LVrPHp.woff2) format('woff2');
+}
+@font-face {
+  font-family: 'Merriweather';
+  font-style: normal;
+  font-weight: 300;
+  src: url(https://fonts.gstatic.com/s/merriweather/v28/u-4n0qyriQwlOrhSvowK_l521wRZXMf6hPvhPUWH.woff2) format('woff2');
+}
+@font-face {
+  font-family: 'Merriweather';
+  font-style: normal;
+  font-weight: 300;
+  src: url(https://fonts.gstatic.com/s/merriweather/v28/u-4n0qyriQwlOrhSvowK_l521wRZWMf6hPvhPQ.woff2) format('woff2');
+}
+@font-face {
+  font-family: 'Merriweather';
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/merriweather/v28/u-440qyriQwlOrhSvowK_l5-eCZMdeX3rsHo.woff2) format('woff2');
 }
-.prose :where(ol[type="I" s]):not(:where([class~="not-prose"] *)){
-  list-style-type: upper-roman;
+@font-face {
+  font-family: 'Merriweather';
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/merriweather/v28/u-440qyriQwlOrhSvowK_l5-fCZMdeX3rg.woff2) format('woff2');
 }
-.prose :where(ol[type="i" s]):not(:where([class~="not-prose"] *)){
-  list-style-type: lower-roman;
+@font-face {
+  font-family: 'Merriweather';
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://fonts.gstatic.com/s/merriweather/v28/u-4n0qyriQwlOrhSvowK_l52xwNZXMf6hPvhPUWH.woff2) format('woff2');
 }
-.prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)){
-  list-style-type: decimal;
+@font-face {
+  font-family: 'Merriweather';
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://fonts.gstatic.com/s/merriweather/v28/u-4n0qyriQwlOrhSvowK_l52xwNZWMf6hPvhPQ.woff2) format('woff2');
 }
-.prose :where(ul):not(:where([class~="not-prose"] *)){
-  list-style-type: disc;
-  padding-left: 1.625em;
+@font-face {
+  font-family: 'Merriweather Sans';
+  font-style: italic;
+  font-weight: 300;
+  src: url(https://fonts.gstatic.com/s/merriweathersans/v14/2-c79IRs1JiJN1FRAMjTN5zd9vgsFHXwcjfj9zlcxZI.woff2) format('woff2');
 }
-.prose :where(ol > li):not(:where([class~="not-prose"] *))::marker{
+@font-face {
+  font-family: 'Merriweather Sans';
+  font-style: italic;
   font-weight: 400;
-  color: var(--tw-prose-counters);
+  src: url(https://fonts.gstatic.com/s/merriweathersans/v14/2-c79IRs1JiJN1FRAMjTN5zd9vgsFHXwcjfj9zlcxZI.woff2) format('woff2');
 }
-.prose :where(ul > li):not(:where([class~="not-prose"] *))::marker{
-  color: var(--tw-prose-bullets);
+@font-face {
+  font-family: 'Merriweather Sans';
+  font-style: italic;
+  font-weight: 700;
+  src: url(https://fonts.gstatic.com/s/merriweathersans/v14/2-c79IRs1JiJN1FRAMjTN5zd9vgsFHXwcjfj9zlcxZI.woff2) format('woff2');
 }
-.prose :where(hr):not(:where([class~="not-prose"] *)){
-  border-color: var(--tw-prose-hr);
-  border-top-width: 1px;
-  margin-top: 3em;
-  margin-bottom: 3em;
+@font-face {
+  font-family: 'Merriweather Sans';
+  font-style: italic;
+  font-weight: 800;
+  src: url(https://fonts.gstatic.com/s/merriweathersans/v14/2-c79IRs1JiJN1FRAMjTN5zd9vgsFHXwcjrj9zlcxZKhaw.woff2) format('woff2');
 }
-.prose :where(blockquote):not(:where([class~="not-prose"] *)){
-  font-weight: 500;
+@font-face {
+  font-family: 'Merriweather Sans';
   font-style: italic;
-  color: var(--tw-prose-quotes);
-  border-left-width: 0.25rem;
-  border-left-color: var(--tw-prose-quote-borders);
-  quotes: "\201C""\201D""\2018""\2019";
-  margin-top: 1.6em;
-  margin-bottom: 1.6em;
-  padding-left: 1em;
-}
-.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before{
-  content: open-quote;
-}
-.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after{
-  content: close-quote;
-}
-.prose :where(h1):not(:where([class~="not-prose"] *)){
-  color: var(--tw-prose-headings);
   font-weight: 800;
-  font-size: 2.25em;
-  margin-top: 0;
-  margin-bottom: 0.8888889em;
-  line-height: 1.1111111;
+  src: url(https://fonts.gstatic.com/s/merriweathersans/v14/2-c79IRs1JiJN1FRAMjTN5zd9vgsFHXwcjfj9zlcxZI.woff2) format('woff2');
+}
+@font-face {
+  font-family: 'Merriweather Sans';
+  font-style: normal;
+  font-weight: 300;
+  src: url(https://fonts.gstatic.com/s/merriweathersans/v14/2-c99IRs1JiJN1FRAMjTN5zd9vgsFHX4QjXp8Bte9ZM.woff2) format('woff2');
+}
+@font-face {
+  font-family: 'Merriweather Sans';
+  font-style: normal;
+  font-weight: 300;
+  src: url(https://fonts.gstatic.com/s/merriweathersans/v14/2-c99IRs1JiJN1FRAMjTN5zd9vgsFHX1QjXp8Bte.woff2) format('woff2');
+}
+@font-face {
+  font-family: 'Merriweather Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/merriweathersans/v14/2-c99IRs1JiJN1FRAMjTN5zd9vgsFHX4QjXp8Bte9ZM.woff2) format('woff2');
 }
-.prose :where(h1 strong):not(:where([class~="not-prose"] *)){
-  font-weight: 900;
+@font-face {
+  font-family: 'Merriweather Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/merriweathersans/v14/2-c99IRs1JiJN1FRAMjTN5zd9vgsFHX1QjXp8Bte.woff2) format('woff2');
 }
-.prose :where(h2):not(:where([class~="not-prose"] *)){
-  color: var(--tw-prose-headings);
+@font-face {
+  font-family: 'Merriweather Sans';
+  font-style: normal;
   font-weight: 700;
-  font-size: 1.5em;
-  margin-top: 2em;
-  margin-bottom: 1em;
-  line-height: 1.3333333;
-}
-.prose :where(h2 strong):not(:where([class~="not-prose"] *)){
-  font-weight: 800;
-}
-.prose :where(h3):not(:where([class~="not-prose"] *)){
-  color: var(--tw-prose-headings);
-  font-weight: 600;
-  font-size: 1.25em;
-  margin-top: 1.6em;
-  margin-bottom: 0.6em;
-  line-height: 1.6;
+  src: url(https://fonts.gstatic.com/s/merriweathersans/v14/2-c99IRs1JiJN1FRAMjTN5zd9vgsFHX4QjXp8Bte9ZM.woff2) format('woff2');
 }
-.prose :where(h3 strong):not(:where([class~="not-prose"] *)){
+@font-face {
+  font-family: 'Merriweather Sans';
+  font-style: normal;
   font-weight: 700;
+  src: url(https://fonts.gstatic.com/s/merriweathersans/v14/2-c99IRs1JiJN1FRAMjTN5zd9vgsFHX1QjXp8Bte.woff2) format('woff2');
 }
-.prose :where(h4):not(:where([class~="not-prose"] *)){
-  color: var(--tw-prose-headings);
-  font-weight: 600;
-  margin-top: 1.5em;
-  margin-bottom: 0.5em;
-  line-height: 1.5;
+@font-face {
+  font-family: 'Merriweather Sans';
+  font-style: normal;
+  font-weight: 800;
+  src: url(https://fonts.gstatic.com/s/merriweathersans/v14/2-c99IRs1JiJN1FRAMjTN5zd9vgsFHX4QjXp8Bte9ZM.woff2) format('woff2');
 }
-.prose :where(h4 strong):not(:where([class~="not-prose"] *)){
-  font-weight: 700;
+@font-face {
+  font-family: 'Merriweather Sans';
+  font-style: normal;
+  font-weight: 800;
+  src: url(https://fonts.gstatic.com/s/merriweathersans/v14/2-c99IRs1JiJN1FRAMjTN5zd9vgsFHX1QjXp8Bte.woff2) format('woff2');
 }
-.prose :where(figure > *):not(:where([class~="not-prose"] *)){
-  margin-top: 0;
-  margin-bottom: 0;
+.link {
+  transition-property: color;
+  transition-duration: 200ms;
+  cursor: pointer;
+  color: #2e2e2e;
+  border-bottom: 2px solid #2e2e2e;
 }
-.prose :where(figcaption):not(:where([class~="not-prose"] *)){
-  color: var(--tw-prose-captions);
-  font-size: 0.875em;
-  line-height: 1.4285714;
-  margin-top: 0.8571429em;
+.link:hover {
+  color: #000;
+  border-color: #000;
 }
-.prose :where(code):not(:where([class~="not-prose"] *)){
-  color: var(--tw-prose-code);
-  font-weight: 600;
-  font-size: 0.875em;
+.list li {
+  margin-left: 30px;
 }
-.prose :where(code):not(:where([class~="not-prose"] *))::before{
-  content: "`";
+.list li::marker {
+  color: #aaaaaa;
 }
-.prose :where(code):not(:where([class~="not-prose"] *))::after{
-  content: "`";
+ul.list {
+  list-style-type: disc;
 }
-.prose :where(a code):not(:where([class~="not-prose"] *)){
-  color: var(--tw-prose-links);
+ol.list {
+  list-style-type: counter;
 }
-.prose :where(pre):not(:where([class~="not-prose"] *)){
-  color: var(--tw-prose-pre-code);
-  background-color: var(--tw-prose-pre-bg);
-  overflow-x: auto;
-  font-weight: 400;
-  font-size: 0.875em;
-  line-height: 1.7142857;
-  margin-top: 1.7142857em;
-  margin-bottom: 1.7142857em;
-  border-radius: 0.375rem;
-  padding-top: 0.8571429em;
-  padding-right: 1.1428571em;
-  padding-bottom: 0.8571429em;
-  padding-left: 1.1428571em;
-}
-.prose :where(pre code):not(:where([class~="not-prose"] *)){
-  background-color: transparent;
-  border-width: 0;
-  border-radius: 0;
-  padding: 0;
-  font-weight: inherit;
-  color: inherit;
-  font-size: inherit;
-  font-family: inherit;
-  line-height: inherit;
+.post p, .page p {
+            margin-top: 1.25em;
+            margin-bottom: 1.25em;
+        }
+.post a, .page a {
+  transition-property: color;
+  transition-duration: 200ms;
+  cursor: pointer;
+  color: #2e2e2e;
+  border-bottom: 2px solid #2e2e2e;
 }
-.prose :where(pre code):not(:where([class~="not-prose"] *))::before{
-  content: none;
+.post a:hover, .page a:hover {
+  color: #000;
+  border-color: #000;
 }
-.prose :where(pre code):not(:where([class~="not-prose"] *))::after{
-  content: none;
+.post a, .page a {
+  color: #98b88b;
+  border-color: #98b88b;
 }
-.prose :where(table):not(:where([class~="not-prose"] *)){
-  width: 100%;
-  table-layout: auto;
-  text-align: left;
-  margin-top: 2em;
-  margin-bottom: 2em;
-  font-size: 0.875em;
-  line-height: 1.7142857;
-}
-.prose :where(thead):not(:where([class~="not-prose"] *)){
-  border-bottom-width: 1px;
-  border-bottom-color: var(--tw-prose-th-borders);
+.post a:hover, .page a:hover {
+  color: #98b88b;
+  border-color: #98b88b;
+}
+.post code, .page code {
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 243 244 / var(--tw-bg-opacity));
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
 }
-.prose :where(thead th):not(:where([class~="not-prose"] *)){
-  color: var(--tw-prose-headings);
-  font-weight: 600;
-  vertical-align: bottom;
-  padding-right: 0.5714286em;
-  padding-bottom: 0.5714286em;
-  padding-left: 0.5714286em;
+.post ul li, .post ol li, .page ul li, .page ol li {
+  margin-left: 30px;
 }
-.prose :where(tbody tr):not(:where([class~="not-prose"] *)){
-  border-bottom-width: 1px;
-  border-bottom-color: var(--tw-prose-td-borders);
+.post ul li::marker, .post ol li::marker, .page ul li::marker, .page ol li::marker {
+  color: #aaaaaa;
 }
-.prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)){
-  border-bottom-width: 0;
+ul.post ul, ul.post ol, ul.page ul, ul.page ol {
+  list-style-type: disc;
 }
-.prose :where(tbody td):not(:where([class~="not-prose"] *)){
-  vertical-align: baseline;
-  padding-top: 0.5714286em;
-  padding-right: 0.5714286em;
-  padding-bottom: 0.5714286em;
-  padding-left: 0.5714286em;
-}
-.prose{
-  --tw-prose-body: #374151;
-  --tw-prose-headings: #111827;
-  --tw-prose-lead: #4b5563;
-  --tw-prose-links: #111827;
-  --tw-prose-bold: #111827;
-  --tw-prose-counters: #6b7280;
-  --tw-prose-bullets: #d1d5db;
-  --tw-prose-hr: #e5e7eb;
-  --tw-prose-quotes: #111827;
-  --tw-prose-quote-borders: #e5e7eb;
-  --tw-prose-captions: #6b7280;
-  --tw-prose-code: #111827;
-  --tw-prose-pre-code: #e5e7eb;
-  --tw-prose-pre-bg: #1f2937;
-  --tw-prose-th-borders: #d1d5db;
-  --tw-prose-td-borders: #e5e7eb;
-  --tw-prose-invert-body: #d1d5db;
-  --tw-prose-invert-headings: #fff;
-  --tw-prose-invert-lead: #9ca3af;
-  --tw-prose-invert-links: #fff;
-  --tw-prose-invert-bold: #fff;
-  --tw-prose-invert-counters: #9ca3af;
-  --tw-prose-invert-bullets: #4b5563;
-  --tw-prose-invert-hr: #374151;
-  --tw-prose-invert-quotes: #f3f4f6;
-  --tw-prose-invert-quote-borders: #374151;
-  --tw-prose-invert-captions: #9ca3af;
-  --tw-prose-invert-code: #fff;
-  --tw-prose-invert-pre-code: #d1d5db;
-  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
-  --tw-prose-invert-th-borders: #4b5563;
-  --tw-prose-invert-td-borders: #374151;
-  font-size: 1rem;
-  line-height: 1.75;
-}
-.prose :where(p):not(:where([class~="not-prose"] *)){
-  margin-top: 1.25em;
-  margin-bottom: 1.25em;
-}
-.prose :where(img):not(:where([class~="not-prose"] *)){
-  margin-top: 2em;
-  margin-bottom: 2em;
-}
-.prose :where(video):not(:where([class~="not-prose"] *)){
-  margin-top: 2em;
-  margin-bottom: 2em;
-}
-.prose :where(figure):not(:where([class~="not-prose"] *)){
-  margin-top: 2em;
-  margin-bottom: 2em;
-}
-.prose :where(h2 code):not(:where([class~="not-prose"] *)){
-  font-size: 0.875em;
-}
-.prose :where(h3 code):not(:where([class~="not-prose"] *)){
-  font-size: 0.9em;
-}
-.prose :where(li):not(:where([class~="not-prose"] *)){
-  margin-top: 0.5em;
-  margin-bottom: 0.5em;
-}
-.prose :where(ol > li):not(:where([class~="not-prose"] *)){
-  padding-left: 0.375em;
-}
-.prose :where(ul > li):not(:where([class~="not-prose"] *)){
-  padding-left: 0.375em;
-}
-.prose > :where(ul > li p):not(:where([class~="not-prose"] *)){
-  margin-top: 0.75em;
-  margin-bottom: 0.75em;
-}
-.prose > :where(ul > li > *:first-child):not(:where([class~="not-prose"] *)){
-  margin-top: 1.25em;
-}
-.prose > :where(ul > li > *:last-child):not(:where([class~="not-prose"] *)){
-  margin-bottom: 1.25em;
-}
-.prose > :where(ol > li > *:first-child):not(:where([class~="not-prose"] *)){
-  margin-top: 1.25em;
-}
-.prose > :where(ol > li > *:last-child):not(:where([class~="not-prose"] *)){
-  margin-bottom: 1.25em;
-}
-.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)){
-  margin-top: 0.75em;
-  margin-bottom: 0.75em;
-}
-.prose :where(hr + *):not(:where([class~="not-prose"] *)){
-  margin-top: 0;
-}
-.prose :where(h2 + *):not(:where([class~="not-prose"] *)){
-  margin-top: 0;
-}
-.prose :where(h3 + *):not(:where([class~="not-prose"] *)){
-  margin-top: 0;
-}
-.prose :where(h4 + *):not(:where([class~="not-prose"] *)){
-  margin-top: 0;
-}
-.prose :where(thead th:first-child):not(:where([class~="not-prose"] *)){
-  padding-left: 0;
-}
-.prose :where(thead th:last-child):not(:where([class~="not-prose"] *)){
-  padding-right: 0;
-}
-.prose :where(tbody td:first-child):not(:where([class~="not-prose"] *)){
-  padding-left: 0;
-}
-.prose :where(tbody td:last-child):not(:where([class~="not-prose"] *)){
-  padding-right: 0;
-}
-.prose > :where(:first-child):not(:where([class~="not-prose"] *)){
-  margin-top: 0;
+ol.post ul, ol.post ol, ol.page ul, ol.page ol {
+  list-style-type: counter;
 }
-.prose > :where(:last-child):not(:where([class~="not-prose"] *)){
-  margin-bottom: 0;
+.post ul > li::marker, .post ol > li::marker, .page ul > li::marker, .page ol > li::marker {
+  color: #98b88b;
 }
-.visible{
+.visible {
   visibility: visible;
 }
-.mx-auto{
+.mx-auto {
   margin-left: auto;
   margin-right: auto;
 }
-.my-2{
+.my-2 {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
 }
-.mx-4{
+.mx-4 {
   margin-left: 1rem;
   margin-right: 1rem;
 }
-.ml-4{
+.ml-4 {
   margin-left: 1rem;
 }
-.mb-5{
+.mb-5 {
   margin-bottom: 1.25rem;
 }
-.mb-10{
+.mb-10 {
   margin-bottom: 2.5rem;
 }
-.mb-6{
+.mb-6 {
   margin-bottom: 1.5rem;
 }
-.mt-0{
+.mt-0 {
   margin-top: 0px;
 }
-.inline-block{
+.inline-block {
   display: inline-block;
 }
-.flex{
+.flex {
   display: flex;
 }
-.hidden{
+.hidden {
   display: none;
 }
-.h-6{
+.h-6 {
   height: 1.5rem;
 }
-.w-6{
+.w-6 {
   width: 1.5rem;
 }
-.max-w-max{
+.max-w-max {
   max-width: -webkit-max-content;
   max-width: -moz-max-content;
   max-width: max-content;
 }
-.max-w-fit{
-  max-width: -webkit-fit-content;
-  max-width: -moz-fit-content;
-  max-width: fit-content;
-}
-.items-center{
+.items-center {
   align-items: center;
 }
-.justify-between{
+.justify-between {
   justify-content: space-between;
 }
-.space-y-2 > :not([hidden]) ~ :not([hidden]){
+.space-y-2 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
 }
-.space-x-5 > :not([hidden]) ~ :not([hidden]){
+.space-x-5 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(1.25rem * var(--tw-space-x-reverse));
   margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
 }
-.border-t{
+.border-t {
   border-top-width: 1px;
 }
-.border-b{
+.border-b {
   border-bottom-width: 1px;
 }
-.border-b-2{
+.border-b-2 {
   border-bottom-width: 2px;
 }
-.border-porcelain{
+.border-porcelain {
   --tw-border-opacity: 1;
   border-color: rgb(241 243 244 / var(--tw-border-opacity));
 }
-.border-green{
+.border-green {
   --tw-border-opacity: 1;
   border-color: rgb(152 184 139 / var(--tw-border-opacity));
 }
-.border-white{
+.border-white {
   --tw-border-opacity: 1;
   border-color: rgb(255 255 255 / var(--tw-border-opacity));
 }
-.bg-yellow{
+.bg-yellow {
   --tw-bg-opacity: 1;
   background-color: rgb(255 198 52 / var(--tw-bg-opacity));
 }
-.bg-white{
+.bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
-.p-4{
+.p-4 {
   padding: 1rem;
 }
-.py-4{
+.py-4 {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
-.py-1{
+.py-1 {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
 }
-.px-2{
+.px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-.px-4{
+.px-4 {
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.py-2{
+.py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
-.py-10{
+.py-10 {
   padding-top: 2.5rem;
   padding-bottom: 2.5rem;
 }
-.text-center{
+.text-center {
   text-align: center;
 }
-.font-merriweather{
+.font-serif {
   font-family: Merriweather, serif;
 }
-.text-caption{
+.text-caption {
   font-size: 12px;
-  line-height: 16px;
+  line-height: 18px;
 }
-.text-h4{
+.text-h4 {
   font-size: 34px;
   line-height: 42px;
 }
-.text-h5{
+.text-h5 {
   font-size: 24px;
   line-height: 32px;
 }
-.text-subtitle{
+.text-subtitle {
   font-size: 16px;
-  line-height: 20px;
+  line-height: 22px;
 }
-.font-bold{
+.font-bold {
   font-weight: 700;
 }
-.text-green{
+.font-thin {
+  font-weight: 100;
+}
+.text-green {
   --tw-text-opacity: 1;
   color: rgb(152 184 139 / var(--tw-text-opacity));
 }
-.text-white{
+.text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
-.text-graphite{
+.text-graphite {
   --tw-text-opacity: 1;
   color: rgb(46 46 46 / var(--tw-text-opacity));
 }
-.text-grey\/50{
+.text-grey\/50 {
   color: rgb(170 170 170 / 0.5);
 }
-.text-grey{
+.text-grey {
   --tw-text-opacity: 1;
   color: rgb(170 170 170 / var(--tw-text-opacity));
 }
-.underline{
+.underline {
   -webkit-text-decoration-line: underline;
           text-decoration-line: underline;
 }
-.outline-none{
+.outline-none {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-.transition{
+.transition {
   transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-.duration-300{
+.duration-300 {
   transition-duration: 300ms;
 }
-.hover\:border-b-2:hover{
+.hover\:border-b-2:hover {
   border-bottom-width: 2px;
 }
-.hover\:border-graphite:hover{
+.hover\:border-graphite:hover {
   --tw-border-opacity: 1;
   border-color: rgb(46 46 46 / var(--tw-border-opacity));
 }
-.hover\:text-green:hover{
+.hover\:text-green:hover {
   --tw-text-opacity: 1;
   color: rgb(152 184 139 / var(--tw-text-opacity));
 }
-@media (min-width: 960px){
-  .desktop\:inline{
+@media (min-width: 960px) {
+  .desktop\:inline {
     display: inline;
   }
-  .desktop\:flex{
+  .desktop\:flex {
     display: flex;
   }
-  .desktop\:hidden{
+  .desktop\:hidden {
     display: none;
   }
-  .desktop\:justify-between{
+  .desktop\:justify-between {
     justify-content: space-between;
   }
-  .desktop\:border-none{
+  .desktop\:border-none {
     border-style: none;
   }
-  .desktop\:px-0{
+  .desktop\:px-0 {
     padding-left: 0px;
     padding-right: 0px;
   }
-  .desktop\:py-4{
+  .desktop\:py-4 {
     padding-top: 1rem;
     padding-bottom: 1rem;
   }
-  .desktop\:text-h3{
+  .desktop\:text-h3 {
     font-size: 48px;
     line-height: 60px;
   }
+  .desktop\:text-h4 {
+    font-size: 34px;
+    line-height: 42px;
+  }
 }

metadata CHANGED Viewed

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-superb
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.3
 platform: ruby
 authors:
 - Ivanka Todorova
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-01-04 00:00:00.000000000 Z
+date: 2022-01-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll