@qld-gov-au/qgds-bootstrap5 2.1.4 → 2.1.5
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.
- package/dist/assets/components/bs5/head/head.hbs +1 -1
- package/dist/assets/components/bs5/inpagenav/inpagenav.hbs +10 -10
- package/dist/assets/css/qld.bootstrap.css +2 -2
- package/dist/assets/css/qld.bootstrap.css.map +2 -2
- package/dist/assets/css/qld.bootstrap.legacy.css +2 -2
- package/dist/assets/css/qld.bootstrap.legacy.css.map +2 -2
- package/dist/assets/js/handlebars.helpers.bundle.js +1 -1
- package/dist/assets/js/handlebars.init.min.js +12 -12
- package/dist/assets/js/handlebars.init.min.js.map +1 -1
- package/dist/assets/js/handlebars.partials.js +12 -12
- package/dist/assets/js/handlebars.partials.js.map +1 -1
- package/dist/assets/js/qld.bootstrap.min.js +1 -1
- package/dist/assets/node/handlebars.init.min.js +2 -2
- package/dist/assets/node/handlebars.init.min.js.map +1 -1
- package/dist/components/bs5/head/head.hbs +1 -1
- package/dist/components/bs5/inpagenav/inpagenav.hbs +10 -10
- package/dist/package.json +1 -1
- package/package.json +1 -1
- package/src/components/bs5/inpagenav/inpagenav.hbs +10 -10
- package/src/components/bs5/linkColumns/linkColumns.scss +24 -5
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
<!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"2.1.
|
|
2
|
+
<!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"2.1.5","branch":"HEAD","tag":"v2.1.5","commit":"e93e0950560c9799698822b70ccb0c1c5aa99639","majorVersion":"v2"} -->
|
|
3
3
|
|
|
4
4
|
{{! Select environment, used verbatium if not using predefind key
|
|
5
5
|
cdn := PROD|STAGING|BETA|TEST|DEV|???
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
<!-- QGDS Partial: inpage-nav -->
|
|
2
2
|
|
|
3
|
-
<
|
|
3
|
+
<nav class="qld-inpage-nav" aria-label="In page navigation">
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
<h2 class="nav-title">{{navtitle}}</h2>
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
7
|
+
<ul class="nav">
|
|
8
|
+
{{#each navitems}}
|
|
9
|
+
<li class="nav-item">
|
|
10
|
+
<a class="nav-link" href="#{{linkid}}">{{linktext}}</a>
|
|
11
|
+
</li>
|
|
12
|
+
{{/each}}
|
|
13
|
+
</ul>
|
|
14
14
|
|
|
15
|
-
</
|
|
15
|
+
</nav>
|
package/dist/package.json
CHANGED
package/package.json
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
<!-- QGDS Partial: inpage-nav -->
|
|
2
2
|
|
|
3
|
-
<
|
|
3
|
+
<nav class="qld-inpage-nav" aria-label="In page navigation">
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
<h2 class="nav-title">{{navtitle}}</h2>
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
7
|
+
<ul class="nav">
|
|
8
|
+
{{#each navitems}}
|
|
9
|
+
<li class="nav-item">
|
|
10
|
+
<a class="nav-link" href="#{{linkid}}">{{linktext}}</a>
|
|
11
|
+
</li>
|
|
12
|
+
{{/each}}
|
|
13
|
+
</ul>
|
|
14
14
|
|
|
15
|
-
</
|
|
15
|
+
</nav>
|
|
@@ -1,7 +1,23 @@
|
|
|
1
1
|
.link-column {
|
|
2
2
|
--max-column-width: 46rem;
|
|
3
|
+
--color-border: var(--#{$prefix}neutral-lighter);
|
|
4
|
+
|
|
3
5
|
background-color: var(--#{$prefix}body-bg);
|
|
4
6
|
|
|
7
|
+
&.light {
|
|
8
|
+
--color-border: var(--#{$prefix}light-border);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
&.alt {
|
|
12
|
+
--color-border: var(--#{$prefix}light-border-alt);
|
|
13
|
+
}
|
|
14
|
+
&.dark {
|
|
15
|
+
--color-border: var(--#{$prefix}dark-border);
|
|
16
|
+
}
|
|
17
|
+
&.dark-alt {
|
|
18
|
+
--color-border: var(--#{$prefix}dark-alt-border);
|
|
19
|
+
}
|
|
20
|
+
|
|
5
21
|
&:has(.col-1) {
|
|
6
22
|
max-width: var(--max-column-width);
|
|
7
23
|
}
|
|
@@ -31,12 +47,14 @@
|
|
|
31
47
|
.col-vert-1 {
|
|
32
48
|
display: block;
|
|
33
49
|
column-count: 1;
|
|
34
|
-
column-gap: 1rem;
|
|
35
50
|
}
|
|
36
51
|
.col-vert-2 {
|
|
37
52
|
display: block;
|
|
38
53
|
column-count: 2;
|
|
39
|
-
column-gap:
|
|
54
|
+
column-gap: 2rem;
|
|
55
|
+
@include media-breakpoint-down(lg) {
|
|
56
|
+
column-gap: 1.5rem;
|
|
57
|
+
}
|
|
40
58
|
@include media-breakpoint-down(md) {
|
|
41
59
|
column-count: 1;
|
|
42
60
|
}
|
|
@@ -44,10 +62,11 @@
|
|
|
44
62
|
.col-vert-3 {
|
|
45
63
|
display: block;
|
|
46
64
|
column-count: 3;
|
|
47
|
-
column-gap:
|
|
65
|
+
column-gap: 2rem;
|
|
48
66
|
@include media-breakpoint-down(lg) {
|
|
49
67
|
column-count: 2;
|
|
50
|
-
|
|
68
|
+
column-gap: 1.5rem;
|
|
69
|
+
}
|
|
51
70
|
@include media-breakpoint-down(md) {
|
|
52
71
|
column-count: 1;
|
|
53
72
|
}
|
|
@@ -58,7 +77,7 @@
|
|
|
58
77
|
gap: 1rem;
|
|
59
78
|
align-items: center;
|
|
60
79
|
align-content: center;
|
|
61
|
-
border-block-end: 1px solid var(
|
|
80
|
+
border-block-end: 1px solid var(--color-border);
|
|
62
81
|
// Required to reset styles from .qld-content-body li
|
|
63
82
|
margin-block: 0;
|
|
64
83
|
//Reset the line height too to override styles from .qld-content-body li
|