paraqeet 1.1.0 → 2.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d93e27cea052ab9ee046c37a363011c872b15e64c004f71990619fbac02526cf
-  data.tar.gz: 5c6758016517e65ca6f0ec32ca7cb0f9ebcc179a568ed58e4ec3d421ac28955b
+  metadata.gz: '0394544ac0cc07e4e6bf453ffd724fff0e2bf6ea87078c4cfb56b6ef481e2043'
+  data.tar.gz: 43977f3d0f8cb11fadd831c83c98e1a1a1d5c2ccf0d6853d7bdc47cd45f8ba70
 SHA512:
-  metadata.gz: e40547161b374a367492663e61018f4c824d506f3c8fc867a06fec8c40fa75e2eba7851034d5df55ec8da0af83015daa949328c7001c3f8521e26fa5eecc55f5
-  data.tar.gz: 7d8fd21d7033fd20a5604e2adca7289dd208959eae1c75597ccbbc3a2f31ae51c21bddd47508b29d0f14fab2b53b61c14fdf27c23fa0e0c18c2839df456881e6
+  metadata.gz: 025e72e4aca102c737df837ebbf53bb722b2b95fc97b82f62343a3b7fa4a7efce6691e62d9a0c79d9bad5afe2aa04012983e88938d262e876339fc13be7cb3a8
+  data.tar.gz: 46d271ee78862c06c3917857095f62d2204e97f0ced7527bbbfd598e90864655275cb9b2e9e99d5f08b5d82dda8e544361d4dd042420133bd07bf0b61245861f

data/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2024 Signified
+Copyright (c) 2025 Signified
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

data/README.md

@@ -1,6 +1,6 @@
 # Paraqeet
 
-Paraqeet is a [Jekyll](https://jekyllrb.com/) theme for building websites using [Bootstrap](https://getbootstrap.com/) - the most popular HTML, CSS, and JS library in the world. Paraqeet comes pre-loaded with the latest versions of Bootstrap and [Bootstrap Icons](https://icons.getbootstrap.com/), as well as built-in CSS theme support for [Rouge](http://rouge.jneen.net/) - Jekyll's default code syntax highlighter.
+Paraqeet is a Jekyll theme for building websites using Bootstrap - the most popular HTML, CSS, and JS library in the world. Paraqeet comes pre-loaded with the latest versions of Bootstrap and Bootstrap Icons - the official open source SVG icon library for Bootstrap, as well as built-in Sass support for Rouge - Jekyll’s default code syntax highlighter.
 
 ## Installation and Usage
 

data/_includes/icon.html

@@ -1,46 +1,37 @@
+{%- assign icon = nil -%}
+
 {%- assign name = include.name | downcase -%}
 {%- assign type = 'font' -%}
 {%- assign size = 16 -%}
-{%- assign width = size -%}
-{%- assign height = size -%}
-{%- assign class = nil -%}
-{%- assign style = nil -%}
-
-{%- assign icon = nil -%}
+{%- assign class = 'bi bi-' | append: name -%}
 
 {%- assign title = name | replace: '-', ' ' | capitalize | escape -%}
+{%- assign path = '/assets/bootstrap-icons/' | relative_url -%}
 
 {%- if include.type -%}
   {%- assign type = include.type | downcase -%}
 {%- endif -%}
 
 {%- if include.size -%}
-  {%- assign width = include.size -%}
-  {%- assign height = include.size -%}
-{%- endif -%}
-
-{%- if include.width -%}
-  {%- assign width = include.width -%}
+  {%- assign size = include.size -%}
 {%- endif -%}
 
-{%- if include.height -%}
-  {%- assign height = include.height -%}
+{%- if include.class -%}
+  {%- assign class = class | append: ' ' | append: include.class -%}
 {%- endif -%}
 
 {%- case type -%}
   {%- when 'font' -%}
     {%- capture icon -%}
-      <i class="bi-{{- name -}}{% if include.class %} {{ include.class }}{% endif %}" role="img" aria-label="{{- title -}}"{% if include.style %} style="{{ include.style }}"{% endif %}></i>
+      <i aria-label="{{- title -}}" role="img" class="{{- class -}}"></i>
     {%- endcapture -%}
   {%- when 'image' -%}
-    {%- assign image = '/assets/bootstrap-icons/' | append: name | append: '.svg' -%}
     {%- capture icon -%}
-      <img{% if include.class %} class="{{ include.class }}"{% endif %} src="{{- image | relative_url -}}" alt="{{- title -}}" width="{{- width -}}" height="{{- height -}}"{% if include.style %} style="{{ include.style }}"{% endif %}>
+      <img alt="{{- title -}}" role="img" class="{{- class -}}" width="{{- size -}}" height="{{- size -}}" src="{{- path -}}{{- name -}}.svg">
     {%- endcapture -%}
   {%- when 'sprite' -%}
-    {%- assign image = '/assets/bootstrap-icons/bootstrap-icons.svg#' | append: name -%}
     {%- capture icon -%}
-      <svg class="bi{% if include.class %} {{ include.class }}{% endif %}" width="{{- width -}}" height="{{- height -}}" fill="currentColor" role="img" aria-label="{{- title -}}"{% if include.style %} style="{{ include.style }}"{% endif %}><use xlink:href="{{- image | relative_url -}}"/></svg>
+      <svg aria-label="{{- title -}}" role="img" focusable="false" class="{{- class -}}" width="{{- size -}}" height="{{- size -}}" fill="currentColor"><use xlink:href="{{- path -}}bootstrap-icons.svg#{{- name -}}"/></svg>
     {%- endcapture -%}
 {%- endcase -%}
 

data/_sass/_highlight.scss

@@ -1,20 +1,41 @@
+:root,
+[data-bs-theme="light"] {
+  --base00: #{$light};
+  --base01: #{$pre-color};
+  --base02: #{$text-muted};
+  --base03: #{$gray-400};
+  --base04: #{$blue-400};
+  --base05: #{$indigo-400};
+  --base06: #{$purple-400};
+  --base07: #{$pink-400};
+  --base08: #{$red-400};
+  --base09: #{$orange-400};
+  --base10: #{$yellow-100};
+  --base11: #{$green-400};
+}
+
+@include color-mode(dark, true) {
+  --base00: #{$black};
+}
+
 .highlight {
 
-  width: 100%;
+  & {
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    background-color: var(--base00);
+    border-radius: $border-radius;
+  }
 
   * {
     font-size: $font-size-sm;
   }
 
-  margin: 0;
-  padding: 0;
-  background-color: $light;
-  border-radius: $border-radius;
-
   pre {
     margin: 0;
     padding: $spacer;
-    color: $pre-color;
+    color: var(--base01);
   }
 
   td {
@@ -28,33 +49,7 @@
   .lineno {
     padding: 0 $spacer 0 0;
     text-align: right;
-    color: $text-muted;
-  }
-
-  .hll {
-    background-color: $yellow-100;
-  }
-
-  .c,
-  .ch,
-  .cm,
-  .cpf,
-  .c1,
-  .cs,
-  .k,
-  .kc,
-  .kd,
-  .kn,
-  .kp,
-  .kr,
-  .nb,
-  .nt,
-  .sx,
-  .bp,
-  .gi,
-  .na,
-  .nl {
-    color: $green-400;
+    color: var(--base02);
   }
 
   .o,
@@ -68,12 +63,37 @@
   .go,
   .ni,
   .w {
-    color: $gray-400;
+    color: var(--base03);
   }
 
-  .cp,
-  .se {
-    color: $orange-400;
+  .gh,
+  .gp,
+  .gt,
+  .nc,
+  .nf,
+  .nn,
+  .fm,
+  .nv,
+  .ss,
+  .vc,
+  .vg,
+  .vi,
+  .vm {
+    color: var(--base04);
+  }
+
+  .nd,
+  .ow {
+    color: var(--base05);
+  }
+
+  .gu {
+    color: var(--base06);
+  }
+
+  .si,
+  .sr {
+    color: var(--base07);
   }
 
   .gd,
@@ -90,37 +110,38 @@
   .s1,
   .no,
   .ne  {
-    color: $red-400;
+    color: var(--base08);
   }
 
-  .gh,
-  .gp,
-  .gt,
-  .nc,
-  .nf,
-  .nn,
-  .fm,
-  .nv,
-  .ss,
-  .vc,
-  .vg,
-  .vi,
-  .vm {
-    color: $blue-400;
-  }
-
-  .gu {
-    color: $purple-400;
+  .cp,
+  .se {
+    color: var(--base09);
   }
 
-  .nd,
-  .ow {
-    color: $indigo-400;
+  .hll {
+    background-color: var(--base10);
   }
 
-  .si,
-  .sr {
-    color: $pink-400;
+  .c,
+  .ch,
+  .cm,
+  .cpf,
+  .c1,
+  .cs,
+  .k,
+  .kc,
+  .kd,
+  .kn,
+  .kp,
+  .kr,
+  .nb,
+  .nt,
+  .sx,
+  .bp,
+  .gi,
+  .na,
+  .nl {
+    color: var(--base11);
   }
 
   .k,
@@ -155,7 +176,7 @@
   }
 
   .err {
-    border: 1px solid $red-400;
+    border: 1px solid var(--base08);
   }
 
 }

data/_sass/bootstrap/_accordion.scss

@@ -20,7 +20,6 @@
   --#{$prefix}accordion-btn-icon-transform: #{$accordion-icon-transform};
   --#{$prefix}accordion-btn-icon-transition: #{$accordion-icon-transition};
   --#{$prefix}accordion-btn-active-icon: #{escape-svg($accordion-button-active-icon)};
-  --#{$prefix}accordion-btn-focus-border-color: #{$accordion-button-focus-border-color};
   --#{$prefix}accordion-btn-focus-box-shadow: #{$accordion-button-focus-box-shadow};
   --#{$prefix}accordion-body-padding-x: #{$accordion-body-padding-x};
   --#{$prefix}accordion-body-padding-y: #{$accordion-body-padding-y};
@@ -74,7 +73,6 @@
 
   &:focus {
     z-index: 3;
-    border-color: var(--#{$prefix}accordion-btn-focus-border-color);
     outline: 0;
     box-shadow: var(--#{$prefix}accordion-btn-focus-box-shadow);
   }
@@ -92,7 +90,7 @@
   &:first-of-type {
     @include border-top-radius(var(--#{$prefix}accordion-border-radius));
 
-    .accordion-button {
+    > .accordion-header .accordion-button {
       @include border-top-radius(var(--#{$prefix}accordion-inner-border-radius));
     }
   }
@@ -105,13 +103,13 @@
   &:last-of-type {
     @include border-bottom-radius(var(--#{$prefix}accordion-border-radius));
 
-    .accordion-button {
+    > .accordion-header .accordion-button {
       &.collapsed {
         @include border-bottom-radius(var(--#{$prefix}accordion-inner-border-radius));
       }
     }
 
-    .accordion-collapse {
+    > .accordion-collapse {
       @include border-bottom-radius(var(--#{$prefix}accordion-border-radius));
     }
   }
@@ -127,11 +125,7 @@
 // Remove borders and border-radius to keep accordion items edge-to-edge.
 
 .accordion-flush {
-  .accordion-collapse {
-    border-width: 0;
-  }
-
-  .accordion-item {
+  > .accordion-item {
     border-right: 0;
     border-left: 0;
     @include border-radius(0);
@@ -139,12 +133,13 @@
     &:first-child { border-top: 0; }
     &:last-child { border-bottom: 0; }
 
-    .accordion-button {
-      &,
-      &.collapsed {
-        @include border-radius(0);
-      }
+    // stylelint-disable selector-max-class
+    > .accordion-collapse,
+    > .accordion-header .accordion-button,
+    > .accordion-header .accordion-button.collapsed {
+      @include border-radius(0);
     }
+    // stylelint-enable selector-max-class
   }
 }
 

data/_sass/bootstrap/_button-group.scss

@@ -39,7 +39,7 @@
   // Prevent double borders when buttons are next to each other
   > :not(.btn-check:first-child) + .btn,
   > .btn-group:not(:first-child) {
-    margin-left: calc(#{$btn-border-width} * -1); // stylelint-disable-line function-disallowed-list
+    margin-left: calc(-1 * #{$btn-border-width}); // stylelint-disable-line function-disallowed-list
   }
 
   // Reset rounded corners
@@ -126,7 +126,7 @@
 
   > .btn:not(:first-child),
   > .btn-group:not(:first-child) {
-    margin-top: calc(#{$btn-border-width} * -1); // stylelint-disable-line function-disallowed-list
+    margin-top: calc(-1 * #{$btn-border-width}); // stylelint-disable-line function-disallowed-list
   }
 
   // Reset rounded corners
@@ -135,7 +135,12 @@
     @include border-bottom-radius(0);
   }
 
-  > .btn ~ .btn,
+  // The top radius should be 0 if the button is:
+  // - the "third or more" child
+  // - the second child and the previous element isn't `.btn-check` (making it the first child visually)
+  // - part of a btn-group which isn't the first child
+  > .btn:nth-child(n + 3),
+  > :not(.btn-check) + .btn,
   > .btn-group:not(:first-child) > .btn {
     @include border-top-radius(0);
   }

data/_sass/bootstrap/_buttons.scss

@@ -100,6 +100,15 @@
     }
   }
 
+  .btn-check:checked:focus-visible + & {
+    // Avoid using mixin so we can pass custom focus shadow properly
+    @if $enable-shadows {
+      box-shadow: var(--#{$prefix}btn-active-shadow), var(--#{$prefix}btn-focus-box-shadow);
+    } @else {
+      box-shadow: var(--#{$prefix}btn-focus-box-shadow);
+    }
+  }
+
   &:disabled,
   &.disabled,
   fieldset:disabled & {

data/_sass/bootstrap/_card.scss

@@ -193,8 +193,7 @@
     // The child selector allows nested `.card` within `.card-group`
     // to display properly.
     > .card {
-      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
-      flex: 1 0 0%;
+      flex: 1 0 0;
       margin-bottom: 0;
 
       + .card {

data/_sass/bootstrap/_carousel.scss

@@ -99,6 +99,7 @@
   color: $carousel-control-color;
   text-align: center;
   background: none;
+  filter: var(--#{$prefix}carousel-control-icon-filter);
   border: 0;
   opacity: $carousel-control-opacity;
   @include transition($carousel-control-transition);
@@ -132,19 +133,11 @@
   background-size: 100% 100%;
 }
 
-/* rtl:options: {
-  "autoRename": true,
-  "stringMap":[ {
-    "name"    : "prev-next",
-    "search"  : "prev",
-    "replace" : "next"
-  } ]
-} */
 .carousel-control-prev-icon {
-  background-image: escape-svg($carousel-control-prev-icon-bg);
+  background-image: escape-svg($carousel-control-prev-icon-bg) #{"/*rtl:" + escape-svg($carousel-control-next-icon-bg) + "*/"};
 }
 .carousel-control-next-icon {
-  background-image: escape-svg($carousel-control-next-icon-bg);
+  background-image: escape-svg($carousel-control-next-icon-bg) #{"/*rtl:" + escape-svg($carousel-control-prev-icon-bg) + "*/"};
 }
 
 // Optional indicator pips/controls
@@ -176,7 +169,7 @@
     margin-left: $carousel-indicator-spacer;
     text-indent: -999px;
     cursor: pointer;
-    background-color: $carousel-indicator-active-bg;
+    background-color: var(--#{$prefix}carousel-indicator-active-bg);
     background-clip: padding-box;
     border: 0;
     // Use transparent borders to increase the hit area by 10px on top and bottom.
@@ -203,42 +196,31 @@
   left: (100% - $carousel-caption-width) * .5;
   padding-top: $carousel-caption-padding-y;
   padding-bottom: $carousel-caption-padding-y;
-  color: $carousel-caption-color;
+  color: var(--#{$prefix}carousel-caption-color);
   text-align: center;
 }
 
 // Dark mode carousel
 
 @mixin carousel-dark() {
-  .carousel-control-prev-icon,
-  .carousel-control-next-icon {
-    filter: $carousel-dark-control-icon-filter;
-  }
-
-  .carousel-indicators [data-bs-target] {
-    background-color: $carousel-dark-indicator-active-bg;
-  }
-
-  .carousel-caption {
-    color: $carousel-dark-caption-color;
-  }
+  --#{$prefix}carousel-indicator-active-bg: #{$carousel-indicator-active-bg-dark};
+  --#{$prefix}carousel-caption-color: #{$carousel-caption-color-dark};
+  --#{$prefix}carousel-control-icon-filter: #{$carousel-control-icon-filter-dark};
 }
 
 .carousel-dark {
   @include carousel-dark();
 }
 
+:root,
+[data-bs-theme="light"] {
+  --#{$prefix}carousel-indicator-active-bg: #{$carousel-indicator-active-bg};
+  --#{$prefix}carousel-caption-color: #{$carousel-caption-color};
+  --#{$prefix}carousel-control-icon-filter: #{$carousel-control-icon-filter};
+}
+
 @if $enable-dark-mode {
-  @include color-mode(dark) {
-    @if $color-mode-type == "media-query" {
-      .carousel {
-        @include carousel-dark();
-      }
-    } @else {
-      .carousel,
-      &.carousel {
-        @include carousel-dark();
-      }
-    }
+  @include color-mode(dark, true) {
+    @include carousel-dark();
   }
 }

data/_sass/bootstrap/_close.scss

@@ -12,7 +12,6 @@
   --#{$prefix}btn-close-focus-shadow: #{$btn-close-focus-shadow};
   --#{$prefix}btn-close-focus-opacity: #{$btn-close-focus-opacity};
   --#{$prefix}btn-close-disabled-opacity: #{$btn-close-disabled-opacity};
-  --#{$prefix}btn-close-white-filter: #{$btn-close-white-filter};
   // scss-docs-end close-css-vars
 
   box-sizing: content-box;
@@ -21,6 +20,7 @@
   padding: $btn-close-padding-y $btn-close-padding-x;
   color: var(--#{$prefix}btn-close-color);
   background: transparent var(--#{$prefix}btn-close-bg) center / $btn-close-width auto no-repeat; // include transparent for button elements
+  filter: var(--#{$prefix}btn-close-filter);
   border: 0; // for button elements
   @include border-radius();
   opacity: var(--#{$prefix}btn-close-opacity);
@@ -47,17 +47,20 @@
 }
 
 @mixin btn-close-white() {
-  filter: var(--#{$prefix}btn-close-white-filter);
+  --#{$prefix}btn-close-filter: #{$btn-close-filter-dark};
 }
 
 .btn-close-white {
   @include btn-close-white();
 }
 
+:root,
+[data-bs-theme="light"] {
+  --#{$prefix}btn-close-filter: #{$btn-close-filter};
+}
+
 @if $enable-dark-mode {
-  @include color-mode(dark) {
-    .btn-close {
-      @include btn-close-white();
-    }
+  @include color-mode(dark, true) {
+    @include btn-close-white();
   }
 }

data/_sass/bootstrap/_functions.scss

@@ -177,7 +177,7 @@ $_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003
   @return if($l1 > $l2, divide($l1 + .05, $l2 + .05), divide($l2 + .05, $l1 + .05));
 }
 
-// Return WCAG2.1 relative luminance
+// Return WCAG2.2 relative luminance
 // See https://www.w3.org/TR/WCAG/#dfn-relative-luminance
 // See https://www.w3.org/TR/WCAG/#dfn-contrast-ratio
 @function luminance($color) {

data/_sass/bootstrap/_list-group.scss

@@ -43,31 +43,6 @@
   }
 }
 
-// Interactive list items
-//
-// Use anchor or button elements instead of `li`s or `div`s to create interactive
-// list items. Includes an extra `.active` modifier class for selected items.
-
-.list-group-item-action {
-  width: 100%; // For `<button>`s (anchors become 100% by default though)
-  color: var(--#{$prefix}list-group-action-color);
-  text-align: inherit; // For `<button>`s (anchors inherit)
-
-  // Hover state
-  &:hover,
-  &:focus {
-    z-index: 1; // Place hover/focus items above their siblings for proper border styling
-    color: var(--#{$prefix}list-group-action-hover-color);
-    text-decoration: none;
-    background-color: var(--#{$prefix}list-group-action-hover-bg);
-  }
-
-  &:active {
-    color: var(--#{$prefix}list-group-action-active-color);
-    background-color: var(--#{$prefix}list-group-action-active-bg);
-  }
-}
-
 // Individual list items
 //
 // Use on `li`s or `div`s within the `.list-group` parent.
@@ -115,6 +90,33 @@
   }
 }
 
+// Interactive list items
+//
+// Use anchor or button elements instead of `li`s or `div`s to create interactive
+// list items. Includes an extra `.active` modifier class for selected items.
+
+.list-group-item-action {
+  width: 100%; // For `<button>`s (anchors become 100% by default though)
+  color: var(--#{$prefix}list-group-action-color);
+  text-align: inherit; // For `<button>`s (anchors inherit)
+
+  &:not(.active) {
+    // Hover state
+    &:hover,
+    &:focus {
+      z-index: 1; // Place hover/focus items above their siblings for proper border styling
+      color: var(--#{$prefix}list-group-action-hover-color);
+      text-decoration: none;
+      background-color: var(--#{$prefix}list-group-action-hover-bg);
+    }
+
+    &:active {
+      color: var(--#{$prefix}list-group-action-active-color);
+      background-color: var(--#{$prefix}list-group-action-active-bg);
+    }
+  }
+}
+
 // Horizontal
 //
 // Change the layout of list group items from vertical (default) to horizontal.

data/_sass/bootstrap/_modal.scss

@@ -59,8 +59,8 @@
 
   // When fading in the modal, animate it to slide down
   .modal.fade & {
-    @include transition($modal-transition);
     transform: $modal-fade-transform;
+    @include transition($modal-transition);
   }
   .modal.show & {
     transform: $modal-show-transform;
@@ -126,14 +126,17 @@
   display: flex;
   flex-shrink: 0;
   align-items: center;
-  justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends
   padding: var(--#{$prefix}modal-header-padding);
   border-bottom: var(--#{$prefix}modal-header-border-width) solid var(--#{$prefix}modal-header-border-color);
   @include border-top-radius(var(--#{$prefix}modal-inner-border-radius));
 
   .btn-close {
     padding: calc(var(--#{$prefix}modal-header-padding-y) * .5) calc(var(--#{$prefix}modal-header-padding-x) * .5);
-    margin: calc(-.5 * var(--#{$prefix}modal-header-padding-y)) calc(-.5 * var(--#{$prefix}modal-header-padding-x)) calc(-.5 * var(--#{$prefix}modal-header-padding-y)) auto;
+    // Split properties to avoid invalid calc() function if value is 0
+    margin-top: calc(-.5 * var(--#{$prefix}modal-header-padding-y));
+    margin-right: calc(-.5 * var(--#{$prefix}modal-header-padding-x));
+    margin-bottom: calc(-.5 * var(--#{$prefix}modal-header-padding-y));
+    margin-left: auto;
   }
 }
 

data/_sass/bootstrap/_nav.scss

@@ -169,8 +169,8 @@
 .nav-justified {
   > .nav-link,
   .nav-item {
-    flex-basis: 0;
     flex-grow: 1;
+    flex-basis: 0;
     text-align: center;
   }
 }

data/_sass/bootstrap/_navbar.scss

@@ -139,8 +139,8 @@
 // the default flexbox row orientation. Requires the use of `flex-wrap: wrap`
 // on the `.navbar` parent.
 .navbar-collapse {
-  flex-basis: 100%;
   flex-grow: 1;
+  flex-basis: 100%;
   // For always expanded or extra full navbars, ensure content aligns itself
   // properly vertically. Can be easily overridden with flex utilities.
   align-items: center;