paraqeet 1.1.0 → 2.0.2

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: d93e27cea052ab9ee046c37a363011c872b15e64c004f71990619fbac02526cf
4
- data.tar.gz: 5c6758016517e65ca6f0ec32ca7cb0f9ebcc179a568ed58e4ec3d421ac28955b
3
+ metadata.gz: 9c8b3717e192da81d13a7763e2505c4f70c5480a4b8525dbea40f032e26ebc5b
4
+ data.tar.gz: 9f2987f55b048ea66f20ed2c0cf90b32a2ba2e30c5c448f3093b965211de269c
5
5
  SHA512:
6
- metadata.gz: e40547161b374a367492663e61018f4c824d506f3c8fc867a06fec8c40fa75e2eba7851034d5df55ec8da0af83015daa949328c7001c3f8521e26fa5eecc55f5
7
- data.tar.gz: 7d8fd21d7033fd20a5604e2adca7289dd208959eae1c75597ccbbc3a2f31ae51c21bddd47508b29d0f14fab2b53b61c14fdf27c23fa0e0c18c2839df456881e6
6
+ metadata.gz: 1ae44026a07af7608d70c5d2112e44e9f5c9bd05d9a234aa031c86b9794f11c25d493318692cf922e479df21cd4fdd23a11b1fa9654a951e367d385e1fc147e0
7
+ data.tar.gz: dccc7e8447cebf69eec0290e06f4f137e5c94a03f51ea31efc516022eb60fa1aa15e9b9fa8c7375a5c65317f202c4df986bf8e00b8aabedbb2df7306bcd50fd7
data/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Paraqeet
2
2
 
3
- 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.
3
+ 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 - Jekylls default code syntax highlighter.
4
4
 
5
5
  ## Installation and Usage
6
6
 
data/_includes/icon.html CHANGED
@@ -1,46 +1,37 @@
1
+ {%- assign icon = nil -%}
2
+
1
3
  {%- assign name = include.name | downcase -%}
2
4
  {%- assign type = 'font' -%}
3
5
  {%- assign size = 16 -%}
4
- {%- assign width = size -%}
5
- {%- assign height = size -%}
6
- {%- assign class = nil -%}
7
- {%- assign style = nil -%}
8
-
9
- {%- assign icon = nil -%}
6
+ {%- assign class = 'bi bi-' | append: name -%}
10
7
 
11
8
  {%- assign title = name | replace: '-', ' ' | capitalize | escape -%}
9
+ {%- assign path = '/assets/bootstrap-icons/' | relative_url -%}
12
10
 
13
11
  {%- if include.type -%}
14
12
  {%- assign type = include.type | downcase -%}
15
13
  {%- endif -%}
16
14
 
17
15
  {%- if include.size -%}
18
- {%- assign width = include.size -%}
19
- {%- assign height = include.size -%}
20
- {%- endif -%}
21
-
22
- {%- if include.width -%}
23
- {%- assign width = include.width -%}
16
+ {%- assign size = include.size -%}
24
17
  {%- endif -%}
25
18
 
26
- {%- if include.height -%}
27
- {%- assign height = include.height -%}
19
+ {%- if include.class -%}
20
+ {%- assign class = class | append: ' ' | append: include.class -%}
28
21
  {%- endif -%}
29
22
 
30
23
  {%- case type -%}
31
24
  {%- when 'font' -%}
32
25
  {%- capture icon -%}
33
- <i class="bi-{{- name -}}{% if include.class %} {{ include.class }}{% endif %}" role="img" aria-label="{{- title -}}"{% if include.style %} style="{{ include.style }}"{% endif %}></i>
26
+ <i aria-label="{{- title -}}" role="img" class="{{- class -}}"></i>
34
27
  {%- endcapture -%}
35
28
  {%- when 'image' -%}
36
- {%- assign image = '/assets/bootstrap-icons/' | append: name | append: '.svg' -%}
37
29
  {%- capture icon -%}
38
- <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 %}>
30
+ <img alt="{{- title -}}" role="img" class="{{- class -}}" width="{{- size -}}" height="{{- size -}}" src="{{- path -}}{{- name -}}.svg">
39
31
  {%- endcapture -%}
40
32
  {%- when 'sprite' -%}
41
- {%- assign image = '/assets/bootstrap-icons/bootstrap-icons.svg#' | append: name -%}
42
33
  {%- capture icon -%}
43
- <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>
34
+ <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>
44
35
  {%- endcapture -%}
45
36
  {%- endcase -%}
46
37
 
@@ -20,7 +20,6 @@
20
20
  --#{$prefix}accordion-btn-icon-transform: #{$accordion-icon-transform};
21
21
  --#{$prefix}accordion-btn-icon-transition: #{$accordion-icon-transition};
22
22
  --#{$prefix}accordion-btn-active-icon: #{escape-svg($accordion-button-active-icon)};
23
- --#{$prefix}accordion-btn-focus-border-color: #{$accordion-button-focus-border-color};
24
23
  --#{$prefix}accordion-btn-focus-box-shadow: #{$accordion-button-focus-box-shadow};
25
24
  --#{$prefix}accordion-body-padding-x: #{$accordion-body-padding-x};
26
25
  --#{$prefix}accordion-body-padding-y: #{$accordion-body-padding-y};
@@ -74,7 +73,6 @@
74
73
 
75
74
  &:focus {
76
75
  z-index: 3;
77
- border-color: var(--#{$prefix}accordion-btn-focus-border-color);
78
76
  outline: 0;
79
77
  box-shadow: var(--#{$prefix}accordion-btn-focus-box-shadow);
80
78
  }
@@ -92,7 +90,7 @@
92
90
  &:first-of-type {
93
91
  @include border-top-radius(var(--#{$prefix}accordion-border-radius));
94
92
 
95
- .accordion-button {
93
+ > .accordion-header .accordion-button {
96
94
  @include border-top-radius(var(--#{$prefix}accordion-inner-border-radius));
97
95
  }
98
96
  }
@@ -105,13 +103,13 @@
105
103
  &:last-of-type {
106
104
  @include border-bottom-radius(var(--#{$prefix}accordion-border-radius));
107
105
 
108
- .accordion-button {
106
+ > .accordion-header .accordion-button {
109
107
  &.collapsed {
110
108
  @include border-bottom-radius(var(--#{$prefix}accordion-inner-border-radius));
111
109
  }
112
110
  }
113
111
 
114
- .accordion-collapse {
112
+ > .accordion-collapse {
115
113
  @include border-bottom-radius(var(--#{$prefix}accordion-border-radius));
116
114
  }
117
115
  }
@@ -127,11 +125,7 @@
127
125
  // Remove borders and border-radius to keep accordion items edge-to-edge.
128
126
 
129
127
  .accordion-flush {
130
- .accordion-collapse {
131
- border-width: 0;
132
- }
133
-
134
- .accordion-item {
128
+ > .accordion-item {
135
129
  border-right: 0;
136
130
  border-left: 0;
137
131
  @include border-radius(0);
@@ -139,12 +133,18 @@
139
133
  &:first-child { border-top: 0; }
140
134
  &:last-child { border-bottom: 0; }
141
135
 
142
- .accordion-button {
136
+ // stylelint-disable selector-max-class
137
+ > .accordion-header .accordion-button {
143
138
  &,
144
139
  &.collapsed {
145
140
  @include border-radius(0);
146
141
  }
147
142
  }
143
+ // stylelint-enable selector-max-class
144
+
145
+ > .accordion-collapse {
146
+ @include border-radius(0);
147
+ }
148
148
  }
149
149
  }
150
150
 
@@ -100,6 +100,15 @@
100
100
  }
101
101
  }
102
102
 
103
+ .btn-check:checked:focus-visible + & {
104
+ // Avoid using mixin so we can pass custom focus shadow properly
105
+ @if $enable-shadows {
106
+ box-shadow: var(--#{$prefix}btn-active-shadow), var(--#{$prefix}btn-focus-box-shadow);
107
+ } @else {
108
+ box-shadow: var(--#{$prefix}btn-focus-box-shadow);
109
+ }
110
+ }
111
+
103
112
  &:disabled,
104
113
  &.disabled,
105
114
  fieldset:disabled & {
@@ -132,19 +132,11 @@
132
132
  background-size: 100% 100%;
133
133
  }
134
134
 
135
- /* rtl:options: {
136
- "autoRename": true,
137
- "stringMap":[ {
138
- "name" : "prev-next",
139
- "search" : "prev",
140
- "replace" : "next"
141
- } ]
142
- } */
143
135
  .carousel-control-prev-icon {
144
- background-image: escape-svg($carousel-control-prev-icon-bg);
136
+ background-image: escape-svg($carousel-control-prev-icon-bg) #{"/*rtl:" + escape-svg($carousel-control-next-icon-bg) + "*/"};
145
137
  }
146
138
  .carousel-control-next-icon {
147
- background-image: escape-svg($carousel-control-next-icon-bg);
139
+ background-image: escape-svg($carousel-control-next-icon-bg) #{"/*rtl:" + escape-svg($carousel-control-prev-icon-bg) + "*/"};
148
140
  }
149
141
 
150
142
  // Optional indicator pips/controls
@@ -126,7 +126,6 @@
126
126
  display: flex;
127
127
  flex-shrink: 0;
128
128
  align-items: center;
129
- justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends
130
129
  padding: var(--#{$prefix}modal-header-padding);
131
130
  border-bottom: var(--#{$prefix}modal-header-border-width) solid var(--#{$prefix}modal-header-border-color);
132
131
  @include border-top-radius(var(--#{$prefix}modal-inner-border-radius));
@@ -123,14 +123,11 @@
123
123
  .offcanvas-header {
124
124
  display: flex;
125
125
  align-items: center;
126
- justify-content: space-between;
127
126
  padding: var(--#{$prefix}offcanvas-padding-y) var(--#{$prefix}offcanvas-padding-x);
128
127
 
129
128
  .btn-close {
130
129
  padding: calc(var(--#{$prefix}offcanvas-padding-y) * .5) calc(var(--#{$prefix}offcanvas-padding-x) * .5);
131
- margin-top: calc(-.5 * var(--#{$prefix}offcanvas-padding-y));
132
- margin-right: calc(-.5 * var(--#{$prefix}offcanvas-padding-x));
133
- margin-bottom: calc(-.5 * var(--#{$prefix}offcanvas-padding-y));
130
+ margin: calc(-.5 * var(--#{$prefix}offcanvas-padding-y)) calc(-.5 * var(--#{$prefix}offcanvas-padding-x)) calc(-.5 * var(--#{$prefix}offcanvas-padding-y)) auto;
134
131
  }
135
132
  }
136
133
 
@@ -79,7 +79,7 @@
79
79
  //
80
80
  // When borders are added on all sides of the cells, the corners can render odd when
81
81
  // these borders do not have the same color or if they are semi-transparent.
82
- // Therefor we add top and border bottoms to the `tr`s and left and right borders
82
+ // Therefore we add top and border bottoms to the `tr`s and left and right borders
83
83
  // to the `td`s or `th`s
84
84
 
85
85
  .table-bordered {
@@ -1383,7 +1383,9 @@ $accordion-transition: $btn-transition, border-radius .15s ea
1383
1383
  $accordion-button-active-bg: var(--#{$prefix}primary-bg-subtle) !default;
1384
1384
  $accordion-button-active-color: var(--#{$prefix}primary-text-emphasis) !default;
1385
1385
 
1386
- $accordion-button-focus-border-color: $input-focus-border-color !default;
1386
+ // fusv-disable
1387
+ $accordion-button-focus-border-color: $input-focus-border-color !default; // Deprecated in v5.3.3
1388
+ // fusv-enable
1387
1389
  $accordion-button-focus-box-shadow: $btn-focus-box-shadow !default;
1388
1390
 
1389
1391
  $accordion-icon-width: 1.25rem !default;
@@ -1392,8 +1394,8 @@ $accordion-icon-active-color: $primary-text-emphasis !default;
1392
1394
  $accordion-icon-transition: transform .2s ease-in-out !default;
1393
1395
  $accordion-icon-transform: rotate(-180deg) !default;
1394
1396
 
1395
- $accordion-button-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !default;
1396
- $accordion-button-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !default;
1397
+ $accordion-button-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='#{$accordion-icon-color}' stroke-linecap='round' stroke-linejoin='round'><path d='M2 5L8 11L14 5'/></svg>") !default;
1398
+ $accordion-button-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='#{$accordion-icon-active-color}' stroke-linecap='round' stroke-linejoin='round'><path d='M2 5L8 11L14 5'/></svg>") !default;
1397
1399
  // scss-docs-end accordion-variables
1398
1400
 
1399
1401
  // Tooltips
@@ -1745,3 +1747,5 @@ $kbd-bg: var(--#{$prefix}body-color) !default;
1745
1747
  $nested-kbd-font-weight: null !default; // Deprecated in v5.2.0, removing in v6
1746
1748
 
1747
1749
  $pre-color: null !default;
1750
+
1751
+ @import "variables-dark"; // TODO: can be removed safely in v6, only here to avoid breaking changes in v5.3
@@ -131,7 +131,7 @@
131
131
  margin-left: $form-switch-padding-start * -1;
132
132
  background-image: var(--#{$prefix}form-switch-bg);
133
133
  background-position: left center;
134
- @include border-radius($form-switch-border-radius);
134
+ @include border-radius($form-switch-border-radius, 0);
135
135
  @include transition($form-switch-transition);
136
136
 
137
137
  &:focus {
@@ -1,7 +1,7 @@
1
1
  @mixin bsBanner($file) {
2
2
  /*!
3
- * Bootstrap #{$file} v5.3.2 (https://getbootstrap.com/)
4
- * Copyright 2011-2023 The Bootstrap Authors
3
+ * Bootstrap #{$file} v5.3.3 (https://getbootstrap.com/)
4
+ * Copyright 2011-2024 The Bootstrap Authors
5
5
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
6
6
  */
7
7
  }
@@ -69,7 +69,12 @@
69
69
 
70
70
  &:focus {
71
71
  border-color: $border-color;
72
- box-shadow: $focus-box-shadow;
72
+ @if $enable-shadows {
73
+ @include box-shadow($input-box-shadow, $focus-box-shadow);
74
+ } @else {
75
+ // Avoid using mixin so we can pass custom focus shadow properly
76
+ box-shadow: $focus-box-shadow;
77
+ }
73
78
  }
74
79
  }
75
80
  }
@@ -100,7 +105,12 @@
100
105
 
101
106
  &:focus {
102
107
  border-color: $border-color;
103
- box-shadow: $focus-box-shadow;
108
+ @if $enable-shadows {
109
+ @include box-shadow($form-select-box-shadow, $focus-box-shadow);
110
+ } @else {
111
+ // Avoid using mixin so we can pass custom focus shadow properly
112
+ box-shadow: $focus-box-shadow;
113
+ }
104
114
  }
105
115
  }
106
116
  }
@@ -138,7 +138,7 @@
138
138
  }
139
139
  }
140
140
 
141
- // Start with `1` because `0` is and invalid value.
141
+ // Start with `1` because `0` is an invalid value.
142
142
  // Ends with `$columns - 1` because offsetting by the width of an entire row isn't possible.
143
143
  @for $i from 1 through ($columns - 1) {
144
144
  .g-start#{$infix}-#{$i} {
@@ -0,0 +1,7 @@
1
+ // TODO: this file can be removed safely in v6 when `@import "variables-dark"` will be removed at the end of _variables.scss
2
+
3
+ @import "../../functions";
4
+ @import "../../variables";
5
+ // Voluntarily not importing _variables-dark.scss
6
+ @import "../../maps";
7
+ @import "../../mixins";
@@ -258,7 +258,7 @@ $enable-important-utilities: false;
258
258
  .desaturated-color-blue {
259
259
  --bs-color-opacity: 1;
260
260
  // Sass compilation will put a leading zero so we want to keep that one
261
- // stylelint-disable-next-line stylistic/number-leading-zero
261
+ // stylelint-disable-next-line @stylistic/number-leading-zero
262
262
  --bs-color-saturation: 0.25;
263
263
  color: hsla(192deg, var(--bs-color-saturation), 0, var(--bs-color-opacity));
264
264
  }
@@ -1,6 +1,6 @@
1
1
  /*!
2
- * Bootstrap v5.3.2 (https://getbootstrap.com/)
3
- * Copyright 2011-2023 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
2
+ * Bootstrap v5.3.3 (https://getbootstrap.com/)
3
+ * Copyright 2011-2024 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
4
4
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
5
5
  */
6
6
  (function (global, factory) {
@@ -210,7 +210,6 @@
210
210
  const reflow = element => {
211
211
  element.offsetHeight; // eslint-disable-line no-unused-expressions
212
212
  };
213
-
214
213
  const getjQuery = () => {
215
214
  if (window.jQuery && !document.body.hasAttribute('data-bs-no-jquery')) {
216
215
  return window.jQuery;
@@ -648,7 +647,7 @@
648
647
  * Constants
649
648
  */
650
649
 
651
- const VERSION = '5.3.2';
650
+ const VERSION = '5.3.3';
652
651
 
653
652
  /**
654
653
  * Class definition
@@ -729,9 +728,9 @@
729
728
  if (hrefAttribute.includes('#') && !hrefAttribute.startsWith('#')) {
730
729
  hrefAttribute = `#${hrefAttribute.split('#')[1]}`;
731
730
  }
732
- selector = hrefAttribute && hrefAttribute !== '#' ? parseSelector(hrefAttribute.trim()) : null;
731
+ selector = hrefAttribute && hrefAttribute !== '#' ? hrefAttribute.trim() : null;
733
732
  }
734
- return selector;
733
+ return selector ? selector.split(',').map(sel => parseSelector(sel)).join(',') : null;
735
734
  };
736
735
  const SelectorEngine = {
737
736
  find(selector, element = document.documentElement) {
@@ -3916,7 +3915,6 @@
3916
3915
  // if false, we use the backdrop helper without adding any element to the dom
3917
3916
  rootElement: 'body' // give the choice to place backdrop under different elements
3918
3917
  };
3919
-
3920
3918
  const DefaultType$8 = {
3921
3919
  className: 'string',
3922
3920
  clickCallback: '(function|null)',
@@ -4041,7 +4039,6 @@
4041
4039
  autofocus: true,
4042
4040
  trapElement: null // The element to trap focus inside of
4043
4041
  };
4044
-
4045
4042
  const DefaultType$7 = {
4046
4043
  autofocus: 'boolean',
4047
4044
  trapElement: 'element'
@@ -4768,7 +4765,10 @@
4768
4765
  br: [],
4769
4766
  col: [],
4770
4767
  code: [],
4768
+ dd: [],
4771
4769
  div: [],
4770
+ dl: [],
4771
+ dt: [],
4772
4772
  em: [],
4773
4773
  hr: [],
4774
4774
  h1: [],