jekyll-theme-gruv-poole 1.0.3 → 1.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 75b728e8ad881814e8dfdc233497231e518066f20f9c3be0348b45ff47ed5386
-  data.tar.gz: 32b5f91b5bd69491aa64476a05c7b1e9aa9cd9085dbd52b0f805451bdb789e3a
+  metadata.gz: daa72d72b57e5ea8b0d0bac646a04e32c727462c51906ce32fc03012d03e5fd8
+  data.tar.gz: f8e8f80918f86910618a2216b96c562381b016a14f7d9c602d983ecd095ab4fa
 SHA512:
-  metadata.gz: 2ab8aaf5087f28398300964a5a029e933c512414ac2b6d84871b62c2a3c93772a4e3064fb451f55c7cbce2c9473c6ee7ec9d5f7af80a3685e6af6532c313f809
-  data.tar.gz: abd277e2ce02417c842088ce5ac2bb49568d5459241f3b6e44a82b121235664f2e20e0cbd9e72e7c69d9a117b7ccfd6d0c0fdf9c415691b4f23831401df762ac
+  metadata.gz: d9b98a4a6fab6683907a5dfb9988f7421e7f898598342d45ed379bbffaa097f5b3e7b1b94ab89027b869b9ca5288f97ef6af211a6c2badec328e092b10207552
+  data.tar.gz: eb3d8b0620de1f7247dbf49f94ca7586987e030965afa58c9ea7ac5cfb8063a1bc6584526baa662d5121cab42acca51ebdedcd7e420087d51e866ebff2a383ce

data/README.md

@@ -74,6 +74,19 @@ All of the site's styling resides in the `_sass` directory. The most noteworthy
 
 The theme's main style file that ultimately gets imported to the site's base HTML layout is `/assets/main.scss`. This `main.scss` file imports all of the Sass files in the `_sass` directory and Jekyll's Sass compilation outputs a single `main.css` similar to Webpack.
 
+#### Highlights
+
+Some highlights include [Bootstrap-inspired](https://getbootstrap.com/docs/5.3/utilities/spacing/) spacing utility classes:
+```
+m-x, mt-x, mb-x, p-x, pt-x, pb-x
+```
+As well as a couple of simple responsive grid classes for two column support on desktop:
+```
+.row-md-1-1, .row-md-1-2, .row-md-2-1
+```
+
+**Want to add your own styles?** Create a file entitled `_sass/_custom.scss` and add them there.
+
 ## Configuration Options
 
 All the options and content in this section are configured in your site's `_config.yml` file. Note that [YAML](https://yaml.org/) syntax is very specific about spacing.

data/_sass/_custom.scss

@@ -0,0 +1,3 @@
+/**
+ * Silence is golden
+ */

data/_sass/_grid.scss

@@ -0,0 +1,28 @@
+@use 'variables';
+@use 'mixins' as *;
+
+/*
+ * Simple responsive grids for
+ * side-by-side content
+ */
+.row-md-1-1, .row-md-1-2, .row-md-2-1 {
+  display: grid;
+  gap: 1em;
+}
+
+@media (min-width: variables.$breakpoint-md) {
+  .row-md-1-1 {
+    @include grid;
+    grid-template-columns: 1fr 1fr;
+  }
+
+  .row-md-1-2 {
+    @include grid;
+    grid-template-columns: 1fr 2fr;
+  }
+
+  .row-md-2-1 {
+    @include grid;
+    grid-template-columns: 2fr 1fr;
+  }
+}

data/_sass/_home.scss

@@ -59,9 +59,8 @@ section {
 
 @media (min-width: variables.$breakpoint-md) {
     .home {
-        display: grid;
+        @include grid;
         grid-template-columns: repeat(3, 1fr);
-        grid-gap: 1.75rem
     }
 
     .archive {

data/_sass/_mixins.scss

@@ -23,3 +23,8 @@
   overflow: auto;
   scrollbar-color: var(--scrollbar-color);
 }
+
+@mixin grid {
+  display: grid;
+  grid-gap: 1.75rem;
+}

data/_sass/_utilities.scss

@@ -0,0 +1,26 @@
+@use 'sass:list';
+
+@mixin generateUtilityClasses($prefix, $property) {
+  $scales: [0, .25, .5, 1, 1.5, 3];
+
+  @for $i from 1 through list.length($scales) {
+    // scale of current index
+    $scale: list.nth($scales, $i);
+    $space: var(--spacer);
+
+    // create property
+    .#{$prefix}-#{$i - 1} {
+      #{$property}: calc(var(--spacer) * $scale);
+    }
+  }
+}
+
+// Margin utilities (ex: m-0, mt-1, mb-5)
+@include generateUtilityClasses(m, margin);
+@include generateUtilityClasses(mt, margin-top);
+@include generateUtilityClasses(mb, margin-bottom);
+
+// Padding utilities (ex: p-0, pt-1, pb-5)
+@include generateUtilityClasses(p, padding);
+@include generateUtilityClasses(pt, padding-top);
+@include generateUtilityClasses(pb, padding-bottom);

data/assets/main.scss

@@ -23,8 +23,11 @@
 @use "components";
 @use "base";
 @use "typography/typography";
+@use "grid";
+@use "utilities";
 @use "code/gruvbox";
 @use "code/wrappers";
 @use "masthead";
 @use "posts";
 @use "home";
+@use "custom";

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-gruv-poole
 version: !ruby/object:Gem::Version
-  version: 1.0.3
+  version: 1.1.0
 platform: ruby
 authors:
 - Jamison Griffith
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-11-20 00:00:00.000000000 Z
+date: 2024-11-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -59,10 +59,13 @@ files:
 - _layouts/privacy-policy.html
 - _sass/_base.scss
 - _sass/_components.scss
+- _sass/_custom.scss
+- _sass/_grid.scss
 - _sass/_home.scss
 - _sass/_masthead.scss
 - _sass/_mixins.scss
 - _sass/_posts.scss
+- _sass/_utilities.scss
 - _sass/_variables.scss
 - _sass/code/_gruvbox.scss
 - _sass/code/_wrappers.scss