jekyll-theme-centos 2.52.0.beta.93 → 2.52.0.beta.94

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 836151018cf8fe713204e9e09cfc1fc62aa72394ed2a38d44b2acde91fccb3bc
-  data.tar.gz: 7f5d355430ec907001fc2aeac3a05000884f9f2fa4ea965ec4cf0253103f0550
+  metadata.gz: d1ddd48e40839e62993220986497939549cbacca43c0c8a26020996e3520a3e6
+  data.tar.gz: dccc3f654ba6ef736e52803738dd01eb9846024e37c09e16c52ed916ad83a59b
 SHA512:
-  metadata.gz: dd4ad0f0437c111e41e46162330f39b24d065c81e1af6a132acbabc98c6018b8cfd00207dc7df0cfec557a70ac2118028ffac3f88ec85a2a11cc2d2d85aa2223
-  data.tar.gz: aa1d9d40a3f7ccb1cc5de0c4f3b0e1157ef81dcce527cbadfdc4c67b9445a95d052243e22322c468ce9bb7650e47deb090dca3ab6f370df8439c1d5b51d61895
+  metadata.gz: 15fe51e10c40b2e264a5008e0a315d7bb79180718dd6632416ae090adeb5fe71131abed39ba5416198eaced8978f9091e8accc731c0cf115b6fadc87dc265f09
+  data.tar.gz: 67b10667ff2b8831b4fbe115f2388f496f7a8b4295d5aabdb75f7ec437143c7396afefa9b322850fcacec2eb8529cde40dbd3111acddc9207748dc53b90ab064

data/_data/base/bits_schema.yml

@@ -148,6 +148,17 @@ properties:
           type: string
           default: "flex-column align-items-center text-center mb-3"
           description: Custom Bootstrap classes applied directly to the card element inside the Upstream Bit container.
+        col_class:
+          type: string
+          default: "col-12 col-sm-4"
+          description: >-
+            Custom Bootstrap grid column class(es) applied to the wrapper around a
+            downstream Bit's card, controlling its width and responsiveness within
+            the downstream row (e.g., `col-12` to span the full row, `col-sm-6` to
+            share the row 50/50 with one other item, or the default `col-12 col-sm-4`
+            to keep three items evenly spaced from the small breakpoint up). Only
+            relevant when `type` is `downstream` and the parent Upstream Bit uses the
+            `card` downstream style — has no effect on `accordion` style.
         color:
           type: string
           default: primary

data/_includes/base/bits.html.liquid

@@ -1,51 +1,44 @@
 {% comment %}
 ================================================================================
 Template: Bits Component (Upstream/Downstream Relationships)
-Purpose: Renders hierarchical relationships between upstream and downstream
-components. Displays upstream with preamble, card, finale, and its related
-downstream items in one of two switchable presentation styles.
-
-Strategic Design Logic:
-- Hierarchical relationships: upstream parent, downstream children
-- Card-based presentation: reuses card component for consistency
-- Switchable downstream presentation: `card` (fixed 3-item preview grid,
-the default) or `accordion` (every related downstream item, optionally
-capped via `downstream_limit`), picked per upstream Bit — never both at
-once for the same upstream Bit
-- Optional sections: preamble, finale, "View All" link
-- Relationship linking: downstream filtered by upstream name
-- Customizable styling: per-element class overrides
+Purpose: Renders upstream/downstream relationships — each upstream Bit as a
+preamble/card/finale block, followed by its related downstream Bits in one
+of two switchable presentation styles.
+
+Design Logic:
+- Hierarchical relationships: upstream parent, downstream children, linked
+by matching `relationship` to the upstream's `name`
+- Card-based presentation: reuses base/card.html.liquid for the upstream Bit
+- Switchable downstream presentation, picked per upstream Bit via
+`downstream_style`: `card` (default, fixed 3-item preview grid) or
+`accordion` (every related item, optionally capped via `downstream_limit`)
+- Optional sections: preamble, finale, "View All" link (shown once the
+downstream count exceeds the effective style cap)
+- Per-item downstream card width: each downstream Bit's own `col_class`
+(card style only) controls its Bootstrap grid column class, so cards in the
+same row need not be equal width
 
 Required Inputs (from data objects):
-- type: 'upstream' or 'downstream' (required)
-- name: Component name (required)
-- relationship: For downstream, name of upstream parent
+- type: 'upstream' or 'downstream'
+- name: Component name
+- relationship: For downstream, name of its upstream parent
 
 Optional Inputs (from data objects):
 - description, screenshot, icon, image, actions, color
-- preamble, finale: Text before/after card
+- preamble, finale: Text before/after the upstream card
 - class, card_class, preamble_class, finale_class: Custom styling
-- downstream_style: 'card' (default) or 'accordion' — which presentation
-renders this upstream Bit's downstream items
-- downstream_limit: accordion style only; max downstream items shown. Omit
-for unlimited (all shown, "View All" link never rendered)
-- index_page_name, index_page_url: For "View All" link (card style shows it
-if >3 items; accordion style shows it only when downstream_limit is set
-and exceeded)
-
-Data Source Hierarchy (in priority order):
-1. include.data - Explicitly passed array
-2. page.with_bits_data - Page front matter
-3. site.data.bits - Site data
-4. site.data.base.bits - Theme defaults
-
-Component Layout:
-- Outer loop: upstream bits (type='upstream')
-- Preamble text (if present)
-- Card component for upstream
-- Finale section with optional "View All" link
-- Downstream items: card style (max 3 preview cards) or accordion style
-(all items, or up to downstream_limit), filtered by relationship
+- downstream_style: 'card' (default) or 'accordion'
+- downstream_limit: accordion style only; caps items shown, omit for
+unlimited (all shown, "View All" link never rendered)
+- col_class: card style only; Bootstrap column class per downstream card
+(default: three-across)
+- index_page_name, index_page_url: For the "View All" link
+
+Data Source Hierarchy (priority order):
+1. include.data
+2. page.with_bits_data
+3. site.data.bits
+4. site.data.base.bits
 ================================================================================
 {% endcomment %}
 
@@ -117,15 +110,14 @@ Component Layout:
     {%- assign downstream_bit_total      = downstream_bits              | size %}
     {%- assign downstream_bit_index_name = upstream_bit_index_page_name | append: " (" | append: downstream_bit_total | append: ")"  %}
 
+    {%- assign downstream_display_limit = upstream_bit_downstream_limit %}
+    {%- if upstream_bit_downstream_style != "accordion" %}
+      {%- assign downstream_display_limit = card_style_downstream_cap %}
+    {%- endif %}
+
     {%- assign show_index_link = false %}
-    {%- if upstream_bit_downstream_style == "accordion" %}
-      {%- if upstream_bit_downstream_limit and downstream_bit_total > upstream_bit_downstream_limit %}
-        {%- assign show_index_link = true %}
-      {%- endif %}
-    {%- else %}
-      {%- if downstream_bit_total > card_style_downstream_cap %}
-        {%- assign show_index_link = true %}
-      {%- endif %}
+    {%- if downstream_display_limit and downstream_bit_total > downstream_display_limit %}
+      {%- assign show_index_link = true %}
     {%- endif %}
 
     {%- if upstream_bit.finale %}
@@ -146,10 +138,6 @@ Component Layout:
     {%- endif %}
 
     {%- comment %} --- Downstream Items --- {% endcomment %}
-    {%- assign downstream_display_limit = upstream_bit_downstream_limit %}
-    {%- if upstream_bit_downstream_style != "accordion" %}
-      {%- assign downstream_display_limit = card_style_downstream_cap %}
-    {%- endif %}
     {%- if downstream_display_limit %}
       {%- assign visible_downstream_bits = downstream_bits | slice: 0, downstream_display_limit %}
     {%- else %}
@@ -201,12 +189,15 @@ Component Layout:
           body          = downstream_bit_body
           -%}
         {%- else %}
-          <div class="card border-{{ upstream_bit_color }}-subtle m-1">
-            {{- downstream_bit_media | strip -}}
-            <div class="card-body">
-              <p class="h5 card-title">{{ downstream_bit.name }}</p>
-              <p class="card-text">{{ downstream_bit.description }}</p>
-              {{ downstream_bit_action_button }}
+          {%- assign downstream_bit_col_class = downstream_bit.col_class | default: with_bits_schema.col_class.default %}
+          <div class="{{ downstream_bit_col_class }}">
+            <div class="card border-{{ upstream_bit_color }}-subtle h-100">
+              {{- downstream_bit_media | strip -}}
+              <div class="card-body">
+                <p class="h5 card-title">{{ downstream_bit.name }}</p>
+                <p class="card-text">{{ downstream_bit.description }}</p>
+                {{ downstream_bit_action_button }}
+              </div>
             </div>
           </div>
         {%- endif %}
@@ -216,7 +207,7 @@ Component Layout:
     {%- if upstream_bit_downstream_style == "accordion" %}
       <div class="accordion w-100 mb-3" id="{{ downstream_accordion_id }}">{{- downstream_items_html -}}</div>
     {%- else %}
-      <div class="d-flex flex-row flex-wrap flex-lg-nowrap justify-content-between w-100 mb-3">{{- downstream_items_html -}}</div>
+      <div class="row w-100 mb-3 g-2">{{- downstream_items_html -}}</div>
     {%- endif %}
 
   </div>

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-centos
 version: !ruby/object:Gem::Version
-  version: 2.52.0.beta.93
+  version: 2.52.0.beta.94
 platform: ruby
 authors:
 - Alain Reguera Delgado