type-on-strap 2.4.10 → 2.4.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 5f7c34c5bda2cf111c6a516ce892acf9b38b8ea736ead2c399afd491ada2c5b0
4
- data.tar.gz: 730e35d536afe00d315c0d836dc76c1b8602a2f60f389fcbb7c786ca1ea8124a
3
+ metadata.gz: 2e78a035f75b739da30f8d85764b32dd39d1f4dc7f997a8850578b5f565a49de
4
+ data.tar.gz: 34b98e73a1859f98bfc6f713eda44a326eabb14ac07a3473dcfcc73caef8f96d
5
5
  SHA512:
6
- metadata.gz: 06db757e5c2fd9b0363fa1f1c9ab0d071dae6237f17143f107dff4c22ab61a06e3f8d93d1a8c654186fda792da4cbee696392666286b2f81bd72e86de7643979
7
- data.tar.gz: 6d1c66f0423baf8093f898dfc301ccf4d72432bf196bb4222ed6e179b6d925de735276400d704343aa0c4099ac2ce87b024979db3869ee0427d37896be0cbc63
6
+ metadata.gz: c289a6c37850430dd2b56ba97680bc01994d1ebb47df511293e850fe3d2a82b42bc5ed8783e83083f4a5e7bf4cc1cdb5df4349223d57767f0ab87506f657f79d
7
+ data.tar.gz: a8a520edf5c37d366895764367e5d729831db537810ebbd6a4db11d1bb5310f4be676b708ad2ef159e656afc506cc560954809253ab56bbf4d414a095560c7e0
data/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Type on Strap 🎨
2
2
 
3
- [![Build](https://github.com/sylhare/Type-on-Strap/actions/workflows/jekyll-build.yml/badge.svg)](https://github.com/sylhare/Type-on-Strap/actions/workflows/jekyll-build.yml)
3
+ [![Build](https://github.com/sylhare/Type-on-Strap/actions/workflows/docker-build.yml/badge.svg)](https://github.com/sylhare/Type-on-Strap/actions/workflows/docker-build.yml)
4
4
  [![Gem Version](https://badge.fury.io/rb/type-on-strap.svg)](https://badge.fury.io/rb/type-on-strap)
5
5
  [![Docker Pulls](https://img.shields.io/docker/pulls/sylhare/type-on-strap)](https://hub.docker.com/r/sylhare/type-on-strap)
6
6
 
@@ -380,6 +380,7 @@ Use it in any markdown file. There are two fields in the _include_ you need to l
380
380
  - default is 2 columns
381
381
  - `column=3` set 3 columns
382
382
  - `column="auto"` makes as many columns as images
383
+ - _caption_: (OPTIONAL) Add a caption to the images
383
384
 
384
385
  #### Code highlight
385
386
 
@@ -6,14 +6,19 @@
6
6
  {% assign column = 100.0 | divided_by: include.column %}
7
7
  {% endif %}
8
8
 
9
- <div class="row">
9
+
10
+ <figure class="row">
10
11
  {% for image in images %}
11
- <div {% if column %} style="flex: {{ column }}%" {% else %} class="column" {% endif %} >
12
- <img {% if images.size == 1 %}class="single"{% endif %}
12
+ <div class="column">
13
+ <img {% if images.size== 1 %}class="single" {% endif %}
13
14
  src="{{ image | prepend: 'assets/img/' | relative_url }}"
14
15
  alt="{{ image | prepend: '/' | split: '/' | last }}">
15
16
  </div>
16
17
  {% endfor %}
17
- </div>
18
+ {% if include.caption %}
19
+ {% endif %}
20
+ <figcaption class="caption-style">{{ include.caption }}</figcaption>
21
+ </figure>
22
+
18
23
 
19
24
  {% assign column = false %}
@@ -35,13 +35,13 @@
35
35
  <script defer src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
36
36
  {% endif %}
37
37
 
38
- <!-- KaTeX 0.16.9 -->
38
+ <!-- KaTeX 0.16.11 -->
39
39
  {% if site.katex or site.theme_settings.katex %}
40
40
  <script defer src="{{ '/assets/js/vendor/katex.min.js' | relative_url }}"></script>
41
41
  <script defer src="{{ '/assets/js/vendor/katex.auto-render.min.js' | relative_url }}" onload="renderMathInElement(document.body);"></script>
42
42
  {% endif %}
43
43
 
44
- <!-- Mermaid 10.8.0 -->
44
+ <!-- Mermaid 11.4.1 -->
45
45
  {% if site.mermaid %}
46
46
  <script defer src="{{ '/assets/js/vendor/mermaid.min.js' | relative_url }}"></script>
47
47
  {% endif %}
@@ -1,6 +1,6 @@
1
1
  <!DOCTYPE html>
2
2
  <!--
3
- Type on Strap jekyll theme v2.4.10
3
+ Type on Strap jekyll theme v2.4.11
4
4
  Theme free for personal and commercial use under the MIT license
5
5
  https://github.com/sylhare/Type-on-Strap/blob/master/LICENSE
6
6
  -->
@@ -281,5 +281,4 @@ details {
281
281
  padding-top: 2em;
282
282
  max-width: 100%;
283
283
  }
284
- }
285
-
284
+ }
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Type-on-strap Font Awesome kit v6.5.1
2
+ * Type-on-strap Font Awesome kit v6.7.1
3
3
  * Find the version and license of the included Font Awesome here: _sass/external/font-awesome/fontawesome.scss
4
4
  */
5
5
  $fa-inverse: var(--background);
@@ -1,16 +1,20 @@
1
1
  /*!
2
- * KaTeX v0.16.9
3
- * Plus added customizations for the theme and font path
2
+ * KaTeX v0.16.11
3
+ * Plus added customizations for the theme
4
4
  */
5
- $katex-font-path: "../../assets/fonts/katex" !default;
5
+
6
+ @import "katex/katex";
7
+
6
8
  .katex-display {
7
9
  @media screen and (max-width: $sm-break) {
8
10
  overflow-x: auto;
9
11
  }
10
- padding-bottom: 3px;
11
- padding-top: 1px;
12
- width: auto;
13
- height: auto;
12
+ & {
13
+ padding-bottom: 3px;
14
+ padding-top: 1px;
15
+ width: auto;
16
+ height: auto;
17
+ }
14
18
  }
15
19
 
16
20
  .math-display {
@@ -18,4 +22,4 @@ $katex-font-path: "../../assets/fonts/katex" !default;
18
22
  width: 100%;
19
23
  }
20
24
 
21
- @import "katex/katex";
25
+
@@ -150,4 +150,3 @@
150
150
  0% { transform: rotate(0deg); }
151
151
  100% { transform: rotate(360deg); }
152
152
  }
153
-
@@ -9,12 +9,12 @@
9
9
  padding: var(--#{$fa-css-prefix}-border-padding, #{$fa-border-padding});
10
10
  }
11
11
 
12
- .#{$fa-css-prefix}-pull-left {
12
+ .#{$fa-css-prefix}-pull-left {
13
13
  float: left;
14
14
  margin-right: var(--#{$fa-css-prefix}-pull-margin, #{$fa-pull-margin});
15
15
  }
16
16
 
17
- .#{$fa-css-prefix}-pull-right {
17
+ .#{$fa-css-prefix}-pull-right {
18
18
  float: right;
19
19
  margin-left: var(--#{$fa-css-prefix}-pull-margin, #{$fa-pull-margin});
20
20
  }
@@ -6,15 +6,13 @@
6
6
  font-weight: var(--#{$fa-css-prefix}-style, #{$fa-style});
7
7
  }
8
8
 
9
- .#{$fa-css-prefix},
10
- .#{$fa-css-prefix}-classic,
11
- .#{$fa-css-prefix}-sharp,
12
9
  .fas,
13
- .#{$fa-css-prefix}-solid,
14
10
  .far,
15
- .#{$fa-css-prefix}-regular,
16
11
  .fab,
17
- .#{$fa-css-prefix}-brands {
12
+ .#{$fa-css-prefix}-solid,
13
+ .#{$fa-css-prefix}-regular,
14
+ .#{$fa-css-prefix}-brands,
15
+ .#{$fa-css-prefix} {
18
16
  -moz-osx-font-smoothing: grayscale;
19
17
  -webkit-font-smoothing: antialiased;
20
18
  display: var(--#{$fa-css-prefix}-display, #{$fa-display});
@@ -24,20 +22,28 @@
24
22
  text-rendering: auto;
25
23
  }
26
24
 
27
- .fas,
25
+ .fas::before,
26
+ .far::before,
27
+ .fab::before,
28
+ .#{$fa-css-prefix}-solid::before,
29
+ .#{$fa-css-prefix}-regular::before,
30
+ .#{$fa-css-prefix}-brands::before,
31
+ .fa::before {
32
+ content: var(#{$fa-icon-property});
33
+ }
34
+
28
35
  .#{$fa-css-prefix}-classic,
36
+ .fas,
29
37
  .#{$fa-css-prefix}-solid,
30
38
  .far,
31
39
  .#{$fa-css-prefix}-regular {
32
40
  font-family: 'Font Awesome 6 Free';
33
41
  }
34
-
35
- .fab,
36
- .#{$fa-css-prefix}-brands {
42
+ .#{$fa-css-prefix}-brands,
43
+ .fab {
37
44
  font-family: 'Font Awesome 6 Brands';
38
45
  }
39
46
 
40
-
41
47
  %fa-icon {
42
48
  @include fa-icon;
43
49
  }
@@ -5,6 +5,9 @@
5
5
  readers do not read off random characters that represent icons */
6
6
 
7
7
  @each $name, $icon in $fa-icons {
8
- .#{$fa-css-prefix}-#{$name}::before { content: unquote("\"#{ $icon }\""); }
8
+ .#{$fa-css-prefix}-#{$name} {
9
+ #{$fa-icon-property}: unquote("\"#{ $icon }\"");
10
+ #{$fa-duotone-icon-property}: unquote("\"#{$icon}#{$icon}\"");
11
+ }
9
12
  }
10
13
 
@@ -10,7 +10,7 @@
10
10
  }
11
11
 
12
12
  .#{$fa-css-prefix}-li {
13
- left: calc(var(--#{$fa-css-prefix}-li-width, #{$fa-li-width}) * -1);
13
+ left: calc(-1 * var(--#{$fa-css-prefix}-li-width, #{$fa-li-width}));
14
14
  position: absolute;
15
15
  text-align: center;
16
16
  width: var(--#{$fa-css-prefix}-li-width, #{$fa-li-width});
@@ -42,34 +42,24 @@
42
42
  }
43
43
 
44
44
  // sets a specific icon family to use alongside style + icon mixins
45
+ @mixin fa-family-classic() {
46
+ @extend .fa-classic;
47
+ }
45
48
 
46
49
  // convenience mixins for declaring pseudo-elements by CSS variable,
47
- // including all style-specific font properties, and both the ::before
48
- // and ::after elements in the duotone case.
50
+ // including all style-specific font properties
49
51
  @mixin fa-icon-solid($fa-var) {
50
- @extend %fa-icon;
51
52
  @extend .fa-solid;
52
53
 
53
- &::before {
54
- content: unquote("\"#{ $fa-var }\"");
55
- }
54
+ & { #{$fa-icon-property}: unquote("\"#{ $fa-var }\""); #{$fa-duotone-icon-property}: unquote("\"#{ $fa-var }#{ $fa-var }\""); }
56
55
  }
57
-
58
56
  @mixin fa-icon-regular($fa-var) {
59
- @extend %fa-icon;
60
57
  @extend .fa-regular;
61
58
 
62
- &::before {
63
- content: unquote("\"#{ $fa-var }\"");
64
- }
59
+ & { #{$fa-icon-property}: unquote("\"#{ $fa-var }\""); #{$fa-duotone-icon-property}: unquote("\"#{ $fa-var }#{ $fa-var }\""); }
65
60
  }
66
-
67
61
  @mixin fa-icon-brands($fa-var) {
68
- @extend %fa-icon;
69
62
  @extend .fa-brands;
70
63
 
71
- &::before {
72
- content: unquote("\"#{ $fa-var }\"");
73
- }
64
+ & { #{$fa-icon-property}: unquote("\"#{ $fa-var }\""); #{$fa-duotone-icon-property}: unquote("\"#{ $fa-var }#{ $fa-var }\""); }
74
65
  }
75
-
@@ -22,10 +22,10 @@
22
22
  }
23
23
 
24
24
  .#{$fa-css-prefix}-flip-both,
25
- .#{$fa-css-prefix}-flip-horizontal.#{$fa-css-prefix}-flip-vertical {
25
+ .#{$fa-css-prefix}-flip-horizontal.#{$fa-css-prefix}-flip-vertical {
26
26
  transform: scale(-1, -1);
27
27
  }
28
28
 
29
29
  .#{$fa-css-prefix}-rotate-by {
30
- transform: rotate(var(--#{$fa-css-prefix}-rotate-angle, none));
30
+ transform: rotate(var(--#{$fa-css-prefix}-rotate-angle, 0));
31
31
  }