@simple-reporting/base 1.0.16 → 1.0.18
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/cli.js +4 -2
- package/dev/eslint.config.js +5 -0
- package/dev/livingdocs.config.json +29 -16
- package/dev/package.json +1 -1
- package/dev/src/assets/scss/components/icons.scss +287 -0
- package/dev/src/assets/scss/components/note/accordion.scss +60 -27
- package/dev/src/assets/scss/components/round-button.scss +75 -0
- package/dev/src/assets/scss/general.scss +2 -0
- package/dev/src/assets/scss/pdf.scss +3 -3
- package/dev/src/assets/scss/placeholders.scss +315 -1
- package/dev/src/assets/scss/web.scss +1 -0
- package/dev/srl.config.json +29 -14
- package/livingdocs/010.Titles/020.title-h2/scss/general.scss +1 -1
- package/livingdocs/010.Titles/020.title-h2/title-h2.html +5 -6
- package/livingdocs/010.Titles/030.title-h3/scss/general.scss +1 -1
- package/livingdocs/010.Titles/030.title-h3/title-h3.html +4 -5
- package/livingdocs/010.Titles/040.title-h4/scss/general.scss +1 -1
- package/livingdocs/010.Titles/040.title-h4/title-h4.html +4 -5
- package/livingdocs/020.Text/010.lead/scss/general.scss +1 -1
- package/livingdocs/020.Text/050.quote/scss/general.scss +1 -1
- package/livingdocs/020.Text/060.quote-with-portrait/scss/general.scss +2 -1
- package/livingdocs/020.Text/070.footnote-container/scss/general.scss +1 -0
- package/livingdocs/020.Text/070.footnote-container/scss/pdf.scss +9 -0
- package/livingdocs/040.Media/010.table/ld-conf.json +1 -6
- package/livingdocs/040.Media/010.table/scss/general.scss +55 -3
- package/livingdocs/040.Media/010.table/table.html +11 -9
- package/livingdocs/040.Media/010.table/table.vue +0 -1
- package/livingdocs/040.Media/020.image/scss/general.scss +1 -1
- package/livingdocs/040.Media/030.video/ld-conf.json +3 -0
- package/livingdocs/040.Media/030.video/scss/general.scss +4 -0
- package/livingdocs/040.Media/030.video/scss/web.scss +23 -32
- package/livingdocs/040.Media/030.video/video.html +13 -12
- package/livingdocs/040.Media/030.video/video.vue +53 -0
- package/livingdocs/060.Buttons/010.button-container/button-container.html +5 -0
- package/livingdocs/060.Buttons/010.button-container/ld-conf.json +19 -0
- package/livingdocs/060.Buttons/010.button-container/properties.json +1 -0
- package/livingdocs/060.Buttons/010.button-container/scss/app.scss +1 -0
- package/livingdocs/060.Buttons/010.button-container/scss/editor.scss +1 -0
- package/livingdocs/060.Buttons/010.button-container/scss/general.scss +6 -0
- package/livingdocs/060.Buttons/010.button-container/scss/pdf.scss +1 -0
- package/livingdocs/060.Buttons/010.button-container/scss/web.scss +1 -0
- package/livingdocs/060.Buttons/010.button-container/scss/word.scss +1 -0
- package/livingdocs/060.Buttons/010.button-container/scss/xbrl.scss +2 -0
- package/livingdocs/060.Buttons/020.button/button.html +4 -0
- package/livingdocs/060.Buttons/020.button/ld-conf.json +15 -0
- package/livingdocs/060.Buttons/020.button/scss/app.scss +1 -0
- package/livingdocs/060.Buttons/020.button/scss/editor.scss +1 -0
- package/livingdocs/060.Buttons/020.button/scss/general.scss +89 -0
- package/livingdocs/060.Buttons/020.button/scss/pdf.scss +1 -0
- package/livingdocs/060.Buttons/020.button/scss/web.scss +1 -0
- package/livingdocs/060.Buttons/020.button/scss/word.scss +1 -0
- package/livingdocs/060.Buttons/020.button/scss/xbrl.scss +3 -0
- package/livingdocs/090.Signatures/010.signature-container/scss/general.scss +1 -1
- package/livingdocs/090.Signatures/010.signature-container/scss/web.scss +1 -0
- package/livingdocs/110.PDF/040.pdf-chapter-title/scss/editor.scss +0 -6
- package/livingdocs/999.Properties/hide-quote-characters/properties.json +1 -1
- package/livingdocs/999.Properties/icon/properties.json +19 -0
- package/livingdocs/999.Properties/reverse/properties.json +7 -0
- package/package.json +1 -1
- package/plugins/viteSrlPlugin.d.ts +5 -1
- package/plugins/viteSrlPlugin.js +4 -1
- package/scripts/build.d.ts +1 -1
- package/scripts/build.js +135 -34
- package/srl/components/Srl/Category/Accordion/Content.vue +7 -1
- package/srl/components/Srl/Category/Accordion.vue +2 -1
- package/srl/components/Srl/Menu.vue +1 -0
package/cli.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
#!/usr/bin/env node
|
|
2
|
+
|
|
2
3
|
import { Command } from 'commander';
|
|
3
4
|
import { readFile } from 'fs/promises';
|
|
4
5
|
import {
|
|
@@ -79,8 +80,9 @@ commander
|
|
|
79
80
|
.command('build')
|
|
80
81
|
.description('Build ldd, app, pdf and word for production')
|
|
81
82
|
.argument('[version]', 'The name of component or group.')
|
|
82
|
-
.
|
|
83
|
-
|
|
83
|
+
.option('-c, --customer <customer>', 'The customer to build for')
|
|
84
|
+
.action(async (version, options) => {
|
|
85
|
+
await build(version, options);
|
|
84
86
|
});
|
|
85
87
|
|
|
86
88
|
commander
|
|
@@ -110,45 +110,58 @@
|
|
|
110
110
|
"identifier": "wp_cf_prettyTitle",
|
|
111
111
|
"type": "text",
|
|
112
112
|
"matches": [
|
|
113
|
-
"title-h1.text",
|
|
114
|
-
"title-h2.text",
|
|
115
|
-
"title-h3.text",
|
|
116
|
-
"title-h4.text",
|
|
117
|
-
"title-h5.text",
|
|
118
|
-
"title-h6.text"
|
|
113
|
+
"title-h1.title-h1-text",
|
|
114
|
+
"title-h2.title-h2-text",
|
|
115
|
+
"title-h3.title-h3-text",
|
|
116
|
+
"title-h4.title-h4-text",
|
|
117
|
+
"title-h5.title-h5-text",
|
|
118
|
+
"title-h6.title-h6-text"
|
|
119
119
|
]
|
|
120
120
|
},
|
|
121
121
|
{
|
|
122
122
|
"identifier": "menuTitle",
|
|
123
123
|
"type": "text",
|
|
124
124
|
"matches": [
|
|
125
|
-
"title-h1.text",
|
|
126
|
-
"title-h2.text",
|
|
127
|
-
"title-h3.text",
|
|
128
|
-
"title-h4.text",
|
|
129
|
-
"title-h5.text",
|
|
130
|
-
"title-h6.text"
|
|
125
|
+
"title-h1.title-h1-text",
|
|
126
|
+
"title-h2.title-h2-text",
|
|
127
|
+
"title-h3.title-h3-text",
|
|
128
|
+
"title-h4.title-h4-text",
|
|
129
|
+
"title-h5.title-h5-text",
|
|
130
|
+
"title-h6.title-h6-text"
|
|
131
131
|
]
|
|
132
132
|
},
|
|
133
133
|
{
|
|
134
134
|
"identifier": "wp_cf_prettyNumber",
|
|
135
135
|
"type": "text",
|
|
136
|
-
"matches": [
|
|
136
|
+
"matches": [
|
|
137
|
+
"title-h2.title-h2-number",
|
|
138
|
+
"title-h3.title-h3-number",
|
|
139
|
+
"title-h4.title-h4-number"
|
|
140
|
+
]
|
|
137
141
|
},
|
|
138
142
|
{
|
|
139
143
|
"identifier": "notesIdentifier",
|
|
140
144
|
"type": "text",
|
|
141
|
-
"matches": [
|
|
145
|
+
"matches": [
|
|
146
|
+
"title-h2.title-h2-number",
|
|
147
|
+
"title-h3.title-h3-number",
|
|
148
|
+
"title-h4.title-h4-number"
|
|
149
|
+
]
|
|
142
150
|
},
|
|
143
151
|
{
|
|
144
152
|
"identifier": "wp_cf_excerpt",
|
|
145
153
|
"type": "text",
|
|
146
|
-
"matches": [
|
|
154
|
+
"matches": [
|
|
155
|
+
"lead.text",
|
|
156
|
+
"paragraph.text"
|
|
157
|
+
]
|
|
147
158
|
},
|
|
148
159
|
{
|
|
149
160
|
"identifier": "wp_img-cf_featuredImage",
|
|
150
161
|
"type": "image",
|
|
151
|
-
"matches": [
|
|
162
|
+
"matches": [
|
|
163
|
+
"image.desktop-image"
|
|
164
|
+
]
|
|
152
165
|
}
|
|
153
166
|
]
|
|
154
167
|
}
|
package/dev/package.json
CHANGED
|
@@ -0,0 +1,287 @@
|
|
|
1
|
+
@use 'srl';
|
|
2
|
+
@use 'assets/scss/placeholders';
|
|
3
|
+
|
|
4
|
+
.srl-icon {
|
|
5
|
+
@extend %srl-icon;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
[class^="srl-icon-"], [class*=" srl-icon-"] {
|
|
9
|
+
@extend %srl-icon-mask;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.srl-icon-activity{ @extend %srl-icon-activity; }
|
|
13
|
+
.srl-icon-airplay{ @extend %srl-icon-airplay; }
|
|
14
|
+
.srl-icon-alert-circle{ @extend %srl-icon-alert-circle; }
|
|
15
|
+
.srl-icon-alert-octagon{ @extend %srl-icon-alert-octagon; }
|
|
16
|
+
.srl-icon-alert-triangle{ @extend %srl-icon-alert-triangle; }
|
|
17
|
+
.srl-icon-align-center{ @extend %srl-icon-align-center; }
|
|
18
|
+
.srl-icon-align-justify{ @extend %srl-icon-align-justify; }
|
|
19
|
+
.srl-icon-align-left{ @extend %srl-icon-align-left; }
|
|
20
|
+
.srl-icon-align-right{ @extend %srl-icon-align-right; }
|
|
21
|
+
.srl-icon-anchor{ @extend %srl-icon-anchor; }
|
|
22
|
+
.srl-icon-aperture{ @extend %srl-icon-aperture; }
|
|
23
|
+
.srl-icon-archive{ @extend %srl-icon-archive; }
|
|
24
|
+
.srl-icon-arrow-down-circle{ @extend %srl-icon-arrow-down-circle; }
|
|
25
|
+
.srl-icon-arrow-down-left{ @extend %srl-icon-arrow-down-left; }
|
|
26
|
+
.srl-icon-arrow-down-right{ @extend %srl-icon-arrow-down-right; }
|
|
27
|
+
.srl-icon-arrow-down{ @extend %srl-icon-arrow-down; }
|
|
28
|
+
.srl-icon-arrow-left-circle{ @extend %srl-icon-arrow-left-circle; }
|
|
29
|
+
.srl-icon-arrow-left{ @extend %srl-icon-arrow-left; }
|
|
30
|
+
.srl-icon-arrow-right-circle{ @extend %srl-icon-arrow-right-circle; }
|
|
31
|
+
.srl-icon-arrow-right{ @extend %srl-icon-arrow-right; }
|
|
32
|
+
.srl-icon-arrow-up-circle{ @extend %srl-icon-arrow-up-circle; }
|
|
33
|
+
.srl-icon-arrow-up-left{ @extend %srl-icon-arrow-up-left; }
|
|
34
|
+
.srl-icon-arrow-up-right{ @extend %srl-icon-arrow-up-right; }
|
|
35
|
+
.srl-icon-arrow-up{ @extend %srl-icon-arrow-up; }
|
|
36
|
+
.srl-icon-at-sign{ @extend %srl-icon-at-sign; }
|
|
37
|
+
.srl-icon-award{ @extend %srl-icon-award; }
|
|
38
|
+
.srl-icon-bar-chart-2{ @extend %srl-icon-bar-chart-2; }
|
|
39
|
+
.srl-icon-bar-chart{ @extend %srl-icon-bar-chart; }
|
|
40
|
+
.srl-icon-battery-charging{ @extend %srl-icon-battery-charging; }
|
|
41
|
+
.srl-icon-battery{ @extend %srl-icon-battery; }
|
|
42
|
+
.srl-icon-bell-off{ @extend %srl-icon-bell-off; }
|
|
43
|
+
.srl-icon-bell{ @extend %srl-icon-bell; }
|
|
44
|
+
.srl-icon-bluetooth{ @extend %srl-icon-bluetooth; }
|
|
45
|
+
.srl-icon-bold{ @extend %srl-icon-bold; }
|
|
46
|
+
.srl-icon-book-open{ @extend %srl-icon-book-open; }
|
|
47
|
+
.srl-icon-book{ @extend %srl-icon-book; }
|
|
48
|
+
.srl-icon-bookmark{ @extend %srl-icon-bookmark; }
|
|
49
|
+
.srl-icon-box{ @extend %srl-icon-box; }
|
|
50
|
+
.srl-icon-briefcase{ @extend %srl-icon-briefcase; }
|
|
51
|
+
.srl-icon-calendar{ @extend %srl-icon-calendar; }
|
|
52
|
+
.srl-icon-camera-off{ @extend %srl-icon-camera-off; }
|
|
53
|
+
.srl-icon-camera{ @extend %srl-icon-camera; }
|
|
54
|
+
.srl-icon-cast{ @extend %srl-icon-cast; }
|
|
55
|
+
.srl-icon-check-circle{ @extend %srl-icon-check-circle; }
|
|
56
|
+
.srl-icon-check-square{ @extend %srl-icon-check-square; }
|
|
57
|
+
.srl-icon-check{ @extend %srl-icon-check; }
|
|
58
|
+
.srl-icon-chevron-down{ @extend %srl-icon-chevron-down; }
|
|
59
|
+
.srl-icon-chevron-left{ @extend %srl-icon-chevron-left; }
|
|
60
|
+
.srl-icon-chevron-right{ @extend %srl-icon-chevron-right; }
|
|
61
|
+
.srl-icon-chevron-up{ @extend %srl-icon-chevron-up; }
|
|
62
|
+
.srl-icon-chevrons-down{ @extend %srl-icon-chevrons-down; }
|
|
63
|
+
.srl-icon-chevrons-left{ @extend %srl-icon-chevrons-left; }
|
|
64
|
+
.srl-icon-chevrons-right{ @extend %srl-icon-chevrons-right; }
|
|
65
|
+
.srl-icon-chevrons-up{ @extend %srl-icon-chevrons-up; }
|
|
66
|
+
.srl-icon-chrome{ @extend %srl-icon-chrome; }
|
|
67
|
+
.srl-icon-circle{ @extend %srl-icon-circle; }
|
|
68
|
+
.srl-icon-clipboard{ @extend %srl-icon-clipboard; }
|
|
69
|
+
.srl-icon-clock{ @extend %srl-icon-clock; }
|
|
70
|
+
.srl-icon-cloud-drizzle{ @extend %srl-icon-cloud-drizzle; }
|
|
71
|
+
.srl-icon-cloud-lightning{ @extend %srl-icon-cloud-lightning; }
|
|
72
|
+
.srl-icon-cloud-off{ @extend %srl-icon-cloud-off; }
|
|
73
|
+
.srl-icon-cloud-rain{ @extend %srl-icon-cloud-rain; }
|
|
74
|
+
.srl-icon-cloud-snow{ @extend %srl-icon-cloud-snow; }
|
|
75
|
+
.srl-icon-cloud{ @extend %srl-icon-cloud; }
|
|
76
|
+
.srl-icon-code{ @extend %srl-icon-code; }
|
|
77
|
+
.srl-icon-codepen{ @extend %srl-icon-codepen; }
|
|
78
|
+
.srl-icon-command{ @extend %srl-icon-command; }
|
|
79
|
+
.srl-icon-compass{ @extend %srl-icon-compass; }
|
|
80
|
+
.srl-icon-copy{ @extend %srl-icon-copy; }
|
|
81
|
+
.srl-icon-corner-down-left{ @extend %srl-icon-corner-down-left; }
|
|
82
|
+
.srl-icon-corner-down-right{ @extend %srl-icon-corner-down-right; }
|
|
83
|
+
.srl-icon-corner-left-down{ @extend %srl-icon-corner-left-down; }
|
|
84
|
+
.srl-icon-corner-left-up{ @extend %srl-icon-corner-left-up; }
|
|
85
|
+
.srl-icon-corner-right-down{ @extend %srl-icon-corner-right-down; }
|
|
86
|
+
.srl-icon-corner-right-up{ @extend %srl-icon-corner-right-up; }
|
|
87
|
+
.srl-icon-corner-up-left{ @extend %srl-icon-corner-up-left; }
|
|
88
|
+
.srl-icon-corner-up-right{ @extend %srl-icon-corner-up-right; }
|
|
89
|
+
.srl-icon-credit-card{ @extend %srl-icon-credit-card; }
|
|
90
|
+
.srl-icon-crop{ @extend %srl-icon-crop; }
|
|
91
|
+
.srl-icon-crosshair{ @extend %srl-icon-crosshair; }
|
|
92
|
+
.srl-icon-database{ @extend %srl-icon-database; }
|
|
93
|
+
.srl-icon-delete{ @extend %srl-icon-delete; }
|
|
94
|
+
.srl-icon-disc{ @extend %srl-icon-disc; }
|
|
95
|
+
.srl-icon-divide-circle{ @extend %srl-icon-divide-circle; }
|
|
96
|
+
.srl-icon-divide-square{ @extend %srl-icon-divide-square; }
|
|
97
|
+
.srl-icon-divide{ @extend %srl-icon-divide; }
|
|
98
|
+
.srl-icon-dollar-sign{ @extend %srl-icon-dollar-sign; }
|
|
99
|
+
.srl-icon-download-cloud{ @extend %srl-icon-download-cloud; }
|
|
100
|
+
.srl-icon-download{ @extend %srl-icon-download; }
|
|
101
|
+
.srl-icon-dribbble{ @extend %srl-icon-dribbble; }
|
|
102
|
+
.srl-icon-droplet{ @extend %srl-icon-droplet; }
|
|
103
|
+
.srl-icon-edit-2{ @extend %srl-icon-edit-2; }
|
|
104
|
+
.srl-icon-edit-3{ @extend %srl-icon-edit-3; }
|
|
105
|
+
.srl-icon-edit{ @extend %srl-icon-edit; }
|
|
106
|
+
.srl-icon-external-link{ @extend %srl-icon-external-link; }
|
|
107
|
+
.srl-icon-eye-off{ @extend %srl-icon-eye-off; }
|
|
108
|
+
.srl-icon-eye{ @extend %srl-icon-eye; }
|
|
109
|
+
.srl-icon-facebook{ @extend %srl-icon-facebook; }
|
|
110
|
+
.srl-icon-fast-forward{ @extend %srl-icon-fast-forward; }
|
|
111
|
+
.srl-icon-feather{ @extend %srl-icon-feather; }
|
|
112
|
+
.srl-icon-file-minus{ @extend %srl-icon-file-minus; }
|
|
113
|
+
.srl-icon-file-plus{ @extend %srl-icon-file-plus; }
|
|
114
|
+
.srl-icon-file-text{ @extend %srl-icon-file-text; }
|
|
115
|
+
.srl-icon-file{ @extend %srl-icon-file; }
|
|
116
|
+
.srl-icon-film{ @extend %srl-icon-film; }
|
|
117
|
+
.srl-icon-filter{ @extend %srl-icon-filter; }
|
|
118
|
+
.srl-icon-flag{ @extend %srl-icon-flag; }
|
|
119
|
+
.srl-icon-folder-minus{ @extend %srl-icon-folder-minus; }
|
|
120
|
+
.srl-icon-folder-plus{ @extend %srl-icon-folder-plus; }
|
|
121
|
+
.srl-icon-folder{ @extend %srl-icon-folder; }
|
|
122
|
+
.srl-icon-framer{ @extend %srl-icon-framer; }
|
|
123
|
+
.srl-icon-frown{ @extend %srl-icon-frown; }
|
|
124
|
+
.srl-icon-gift{ @extend %srl-icon-gift; }
|
|
125
|
+
.srl-icon-git-branch{ @extend %srl-icon-git-branch; }
|
|
126
|
+
.srl-icon-git-commit{ @extend %srl-icon-git-commit; }
|
|
127
|
+
.srl-icon-git-merge{ @extend %srl-icon-git-merge; }
|
|
128
|
+
.srl-icon-git-pull-request{ @extend %srl-icon-git-pull-request; }
|
|
129
|
+
.srl-icon-github{ @extend %srl-icon-github; }
|
|
130
|
+
.srl-icon-globe{ @extend %srl-icon-globe; }
|
|
131
|
+
.srl-icon-grid{ @extend %srl-icon-grid; }
|
|
132
|
+
.srl-icon-hard-drive{ @extend %srl-icon-hard-drive; }
|
|
133
|
+
.srl-icon-headphones{ @extend %srl-icon-headphones; }
|
|
134
|
+
.srl-icon-heart{ @extend %srl-icon-heart; }
|
|
135
|
+
.srl-icon-help-circle{ @extend %srl-icon-help-circle; }
|
|
136
|
+
.srl-icon-hexagon{ @extend %srl-icon-hexagon; }
|
|
137
|
+
.srl-icon-home{ @extend %srl-icon-home; }
|
|
138
|
+
.srl-icon-image{ @extend %srl-icon-image; }
|
|
139
|
+
.srl-icon-inbox{ @extend %srl-icon-inbox; }
|
|
140
|
+
.srl-icon-info{ @extend %srl-icon-info; }
|
|
141
|
+
.srl-icon-instagram{ @extend %srl-icon-instagram; }
|
|
142
|
+
.srl-icon-italic{ @extend %srl-icon-italic; }
|
|
143
|
+
.srl-icon-layers{ @extend %srl-icon-layers; }
|
|
144
|
+
.srl-icon-layout{ @extend %srl-icon-layout; }
|
|
145
|
+
.srl-icon-life-buoy{ @extend %srl-icon-life-buoy; }
|
|
146
|
+
.srl-icon-link-2{ @extend %srl-icon-link-2; }
|
|
147
|
+
.srl-icon-link{ @extend %srl-icon-link; }
|
|
148
|
+
.srl-icon-linkedin{ @extend %srl-icon-linkedin; }
|
|
149
|
+
.srl-icon-list{ @extend %srl-icon-list; }
|
|
150
|
+
.srl-icon-loader{ @extend %srl-icon-loader; }
|
|
151
|
+
.srl-icon-lock{ @extend %srl-icon-lock; }
|
|
152
|
+
.srl-icon-log-in{ @extend %srl-icon-log-in; }
|
|
153
|
+
.srl-icon-log-out{ @extend %srl-icon-log-out; }
|
|
154
|
+
.srl-icon-mail{ @extend %srl-icon-mail; }
|
|
155
|
+
.srl-icon-map-pin{ @extend %srl-icon-map-pin; }
|
|
156
|
+
.srl-icon-map{ @extend %srl-icon-map; }
|
|
157
|
+
.srl-icon-maximize-2{ @extend %srl-icon-maximize-2; }
|
|
158
|
+
.srl-icon-maximize{ @extend %srl-icon-maximize; }
|
|
159
|
+
.srl-icon-meh{ @extend %srl-icon-meh; }
|
|
160
|
+
.srl-icon-menu{ @extend %srl-icon-menu; }
|
|
161
|
+
.srl-icon-message-circle{ @extend %srl-icon-message-circle; }
|
|
162
|
+
.srl-icon-message-square{ @extend %srl-icon-message-square; }
|
|
163
|
+
.srl-icon-mic-off{ @extend %srl-icon-mic-off; }
|
|
164
|
+
.srl-icon-mic{ @extend %srl-icon-mic; }
|
|
165
|
+
.srl-icon-minimize-2{ @extend %srl-icon-minimize-2; }
|
|
166
|
+
.srl-icon-minimize{ @extend %srl-icon-minimize; }
|
|
167
|
+
.srl-icon-minus-circle{ @extend %srl-icon-minus-circle; }
|
|
168
|
+
.srl-icon-minus-square{ @extend %srl-icon-minus-square; }
|
|
169
|
+
.srl-icon-minus{ @extend %srl-icon-minus; }
|
|
170
|
+
.srl-icon-monitor{ @extend %srl-icon-monitor; }
|
|
171
|
+
.srl-icon-moon{ @extend %srl-icon-moon; }
|
|
172
|
+
.srl-icon-more-horizontal{ @extend %srl-icon-more-horizontal; }
|
|
173
|
+
.srl-icon-more-vertical{ @extend %srl-icon-more-vertical; }
|
|
174
|
+
.srl-icon-move{ @extend %srl-icon-move; }
|
|
175
|
+
.srl-icon-music{ @extend %srl-icon-music; }
|
|
176
|
+
.srl-icon-navigation-2{ @extend %srl-icon-navigation-2; }
|
|
177
|
+
.srl-icon-navigation{ @extend %srl-icon-navigation; }
|
|
178
|
+
.srl-icon-octagon{ @extend %srl-icon-octagon; }
|
|
179
|
+
.srl-icon-package{ @extend %srl-icon-package; }
|
|
180
|
+
.srl-icon-paperclip{ @extend %srl-icon-paperclip; }
|
|
181
|
+
.srl-icon-pause-circle{ @extend %srl-icon-pause-circle; }
|
|
182
|
+
.srl-icon-pause{ @extend %srl-icon-pause; }
|
|
183
|
+
.srl-icon-pen-tool{ @extend %srl-icon-pen-tool; }
|
|
184
|
+
.srl-icon-percent{ @extend %srl-icon-percent; }
|
|
185
|
+
.srl-icon-phone-call{ @extend %srl-icon-phone-call; }
|
|
186
|
+
.srl-icon-phone-forwarded{ @extend %srl-icon-phone-forwarded; }
|
|
187
|
+
.srl-icon-phone-incoming{ @extend %srl-icon-phone-incoming; }
|
|
188
|
+
.srl-icon-phone-missed{ @extend %srl-icon-phone-missed; }
|
|
189
|
+
.srl-icon-phone-off{ @extend %srl-icon-phone-off; }
|
|
190
|
+
.srl-icon-phone-outgoing{ @extend %srl-icon-phone-outgoing; }
|
|
191
|
+
.srl-icon-phone{ @extend %srl-icon-phone; }
|
|
192
|
+
.srl-icon-pie-chart{ @extend %srl-icon-pie-chart; }
|
|
193
|
+
.srl-icon-play-circle{ @extend %srl-icon-play-circle; }
|
|
194
|
+
.srl-icon-play{ @extend %srl-icon-play; }
|
|
195
|
+
.srl-icon-plus-circle{ @extend %srl-icon-plus-circle; }
|
|
196
|
+
.srl-icon-plus-square{ @extend %srl-icon-plus-square; }
|
|
197
|
+
.srl-icon-plus{ @extend %srl-icon-plus; }
|
|
198
|
+
.srl-icon-pocket{ @extend %srl-icon-pocket; }
|
|
199
|
+
.srl-icon-power{ @extend %srl-icon-power; }
|
|
200
|
+
.srl-icon-printer{ @extend %srl-icon-printer; }
|
|
201
|
+
.srl-icon-radio{ @extend %srl-icon-radio; }
|
|
202
|
+
.srl-icon-refresh-ccw{ @extend %srl-icon-refresh-ccw; }
|
|
203
|
+
.srl-icon-refresh-cw{ @extend %srl-icon-refresh-cw; }
|
|
204
|
+
.srl-icon-repeat{ @extend %srl-icon-repeat; }
|
|
205
|
+
.srl-icon-rewind{ @extend %srl-icon-rewind; }
|
|
206
|
+
.srl-icon-rotate-ccw{ @extend %srl-icon-rotate-ccw; }
|
|
207
|
+
.srl-icon-rotate-cw{ @extend %srl-icon-rotate-cw; }
|
|
208
|
+
.srl-icon-rss{ @extend %srl-icon-rss; }
|
|
209
|
+
.srl-icon-save{ @extend %srl-icon-save; }
|
|
210
|
+
.srl-icon-scissors{ @extend %srl-icon-scissors; }
|
|
211
|
+
.srl-icon-search{ @extend %srl-icon-search; }
|
|
212
|
+
.srl-icon-send{ @extend %srl-icon-send; }
|
|
213
|
+
.srl-icon-server{ @extend %srl-icon-server; }
|
|
214
|
+
.srl-icon-settings{ @extend %srl-icon-settings; }
|
|
215
|
+
.srl-icon-share-2{ @extend %srl-icon-share-2; }
|
|
216
|
+
.srl-icon-share{ @extend %srl-icon-share; }
|
|
217
|
+
.srl-icon-shield-off{ @extend %srl-icon-shield-off; }
|
|
218
|
+
.srl-icon-shield{ @extend %srl-icon-shield; }
|
|
219
|
+
.srl-icon-shopping-bag{ @extend %srl-icon-shopping-bag; }
|
|
220
|
+
.srl-icon-shopping-cart{ @extend %srl-icon-shopping-cart; }
|
|
221
|
+
.srl-icon-shuffle{ @extend %srl-icon-shuffle; }
|
|
222
|
+
.srl-icon-sidebar{ @extend %srl-icon-sidebar; }
|
|
223
|
+
.srl-icon-skip-back{ @extend %srl-icon-skip-back; }
|
|
224
|
+
.srl-icon-skip-forward{ @extend %srl-icon-skip-forward; }
|
|
225
|
+
.srl-icon-slack{ @extend %srl-icon-slack; }
|
|
226
|
+
.srl-icon-slash{ @extend %srl-icon-slash; }
|
|
227
|
+
.srl-icon-sliders{ @extend %srl-icon-sliders; }
|
|
228
|
+
.srl-icon-smartphone{ @extend %srl-icon-smartphone; }
|
|
229
|
+
.srl-icon-smile{ @extend %srl-icon-smile; }
|
|
230
|
+
.srl-icon-speaker{ @extend %srl-icon-speaker; }
|
|
231
|
+
.srl-icon-square{ @extend %srl-icon-square; }
|
|
232
|
+
.srl-icon-star{ @extend %srl-icon-star; }
|
|
233
|
+
.srl-icon-stop-circle{ @extend %srl-icon-stop-circle; }
|
|
234
|
+
.srl-icon-sun{ @extend %srl-icon-sun; }
|
|
235
|
+
.srl-icon-sunrise{ @extend %srl-icon-sunrise; }
|
|
236
|
+
.srl-icon-sunset{ @extend %srl-icon-sunset; }
|
|
237
|
+
.srl-icon-tablet{ @extend %srl-icon-tablet; }
|
|
238
|
+
.srl-icon-tag{ @extend %srl-icon-tag; }
|
|
239
|
+
.srl-icon-target{ @extend %srl-icon-target; }
|
|
240
|
+
.srl-icon-terminal{ @extend %srl-icon-terminal; }
|
|
241
|
+
.srl-icon-thermometer{ @extend %srl-icon-thermometer; }
|
|
242
|
+
.srl-icon-thumbs-down{ @extend %srl-icon-thumbs-down; }
|
|
243
|
+
.srl-icon-thumbs-up{ @extend %srl-icon-thumbs-up; }
|
|
244
|
+
.srl-icon-toggle-left{ @extend %srl-icon-toggle-left; }
|
|
245
|
+
.srl-icon-toggle-right{ @extend %srl-icon-toggle-right; }
|
|
246
|
+
.srl-icon-tool{ @extend %srl-icon-tool; }
|
|
247
|
+
.srl-icon-trash-2{ @extend %srl-icon-trash-2; }
|
|
248
|
+
.srl-icon-trash{ @extend %srl-icon-trash; }
|
|
249
|
+
.srl-icon-trending-down{ @extend %srl-icon-trending-down; }
|
|
250
|
+
.srl-icon-trending-up{ @extend %srl-icon-trending-up; }
|
|
251
|
+
.srl-icon-triangle{ @extend %srl-icon-triangle; }
|
|
252
|
+
.srl-icon-truck{ @extend %srl-icon-truck; }
|
|
253
|
+
.srl-icon-tv{ @extend %srl-icon-tv; }
|
|
254
|
+
.srl-icon-twitch{ @extend %srl-icon-twitch; }
|
|
255
|
+
.srl-icon-twitter{ @extend %srl-icon-twitter; }
|
|
256
|
+
.srl-icon-twitter-x{ @extend %srl-icon-twitter-x; }
|
|
257
|
+
.srl-icon-type{ @extend %srl-icon-type; }
|
|
258
|
+
.srl-icon-umbrella{ @extend %srl-icon-umbrella; }
|
|
259
|
+
.srl-icon-underline{ @extend %srl-icon-underline; }
|
|
260
|
+
.srl-icon-unlock{ @extend %srl-icon-unlock; }
|
|
261
|
+
.srl-icon-upload-cloud{ @extend %srl-icon-upload-cloud; }
|
|
262
|
+
.srl-icon-upload{ @extend %srl-icon-upload; }
|
|
263
|
+
.srl-icon-user-check{ @extend %srl-icon-user-check; }
|
|
264
|
+
.srl-icon-user-minus{ @extend %srl-icon-user-minus; }
|
|
265
|
+
.srl-icon-user-plus{ @extend %srl-icon-user-plus; }
|
|
266
|
+
.srl-icon-user-x{ @extend %srl-icon-user-x; }
|
|
267
|
+
.srl-icon-user{ @extend %srl-icon-user; }
|
|
268
|
+
.srl-icon-users{ @extend %srl-icon-users; }
|
|
269
|
+
.srl-icon-video-off{ @extend %srl-icon-video-off; }
|
|
270
|
+
.srl-icon-video{ @extend %srl-icon-video; }
|
|
271
|
+
.srl-icon-voicemail{ @extend %srl-icon-voicemail; }
|
|
272
|
+
.srl-icon-volume-1{ @extend %srl-icon-volume-1; }
|
|
273
|
+
.srl-icon-volume-2{ @extend %srl-icon-volume-2; }
|
|
274
|
+
.srl-icon-volume-x{ @extend %srl-icon-volume-x; }
|
|
275
|
+
.srl-icon-volume{ @extend %srl-icon-volume; }
|
|
276
|
+
.srl-icon-watch{ @extend %srl-icon-watch; }
|
|
277
|
+
.srl-icon-wifi-off{ @extend %srl-icon-wifi-off; }
|
|
278
|
+
.srl-icon-wifi{ @extend %srl-icon-wifi; }
|
|
279
|
+
.srl-icon-wind{ @extend %srl-icon-wind; }
|
|
280
|
+
.srl-icon-x-circle{ @extend %srl-icon-x-circle; }
|
|
281
|
+
.srl-icon-x-octagon{ @extend %srl-icon-x-octagon; }
|
|
282
|
+
.srl-icon-x-square{ @extend %srl-icon-x-square; }
|
|
283
|
+
.srl-icon-x{ @extend %srl-icon-x; }
|
|
284
|
+
.srl-icon-youtube{ @extend %srl-icon-youtube; }
|
|
285
|
+
.srl-icon-zap{ @extend %srl-icon-zap; }
|
|
286
|
+
.srl-icon-zoom-in{ @extend %srl-icon-zoom-in; }
|
|
287
|
+
.srl-icon-zoom-out{ @extend %srl-icon-zoom-out; }
|
|
@@ -5,37 +5,73 @@ $transition-duration: .3s;
|
|
|
5
5
|
|
|
6
6
|
.lc-accordion
|
|
7
7
|
{
|
|
8
|
-
@
|
|
9
|
-
@include srl.spacer-margin-top(400);
|
|
8
|
+
@include srl.spacer-margin-top(800);
|
|
10
9
|
|
|
11
10
|
&__inner {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
11
|
+
|
|
12
|
+
@include srl.grid-media-up(tablet-pt) {
|
|
13
|
+
display: grid;
|
|
14
|
+
column-gap: var(--srl-container-padding);
|
|
15
|
+
grid-template-columns:
|
|
16
|
+
[start] minmax(0, 1fr)
|
|
17
|
+
[content] minmax(0, calc(var(--srl-container-max-width) - var(--srl-container-padding) * 2))
|
|
18
|
+
[end] minmax(0, 1fr)
|
|
19
|
+
[full-end];
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
&-head {
|
|
23
|
+
width: 100%;
|
|
24
|
+
grid-column: content / end;
|
|
25
|
+
@extend %srl-grid-base;
|
|
26
|
+
@include srl.grid-media-up(tablet-pt) {
|
|
27
|
+
padding-inline: 0;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
&:after {
|
|
32
|
+
content: "";
|
|
33
|
+
display: block;
|
|
34
|
+
border-bottom: 1px solid srl.colors-primary-1000();
|
|
35
|
+
grid-column: content / end;
|
|
36
|
+
margin-inline: var(--srl-container-padding);
|
|
37
|
+
@include srl.grid-media(tablet-pt) {
|
|
38
|
+
margin-inline: 0;
|
|
39
|
+
}
|
|
40
|
+
@include srl.grid-media(tablet-ls) {
|
|
41
|
+
margin-inline: calc(100% / var(--srl-gutter-columns) * 2 + 7px);
|
|
42
|
+
}
|
|
43
|
+
@include srl.grid-media-up(desktop) {
|
|
44
|
+
margin-inline: calc(100% / var(--srl-gutter-columns) * 3 + 7px);
|
|
45
|
+
}
|
|
46
|
+
}
|
|
15
47
|
}
|
|
16
48
|
|
|
17
49
|
& + & {
|
|
18
50
|
margin-block-start: 0;
|
|
19
|
-
|
|
20
|
-
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
&:has(+ .lc-accordion) {
|
|
54
|
+
.lc-accordion__inner:after {
|
|
55
|
+
display: none;
|
|
21
56
|
}
|
|
22
57
|
}
|
|
23
58
|
|
|
24
59
|
&__head {
|
|
25
60
|
@include srl.typography-title-h3();
|
|
26
|
-
width:
|
|
27
|
-
border:
|
|
61
|
+
width: 100%;
|
|
62
|
+
border-style: solid;
|
|
63
|
+
border-color: srl.colors-primary-1000();
|
|
64
|
+
border-width: srl.system-size-unit(1) 0 0 0;
|
|
28
65
|
text-align: left;
|
|
29
|
-
margin-inline: calc(var(--srl-container-padding) * -1);
|
|
30
66
|
background-color: transparent;
|
|
31
|
-
padding: srl.spacer-get(
|
|
67
|
+
padding: srl.spacer-get(400) 0;
|
|
32
68
|
@include srl.spacer-gap(200);
|
|
33
69
|
cursor: pointer;
|
|
34
70
|
display: flex;
|
|
35
71
|
@extend %srl-regular-width;
|
|
36
72
|
|
|
37
73
|
.lc-title-h3__number {
|
|
38
|
-
width: srl.spacer-get(
|
|
74
|
+
width: srl.spacer-get(800);
|
|
39
75
|
color: srl.colors-black-1000();
|
|
40
76
|
}
|
|
41
77
|
|
|
@@ -52,12 +88,13 @@ $transition-duration: .3s;
|
|
|
52
88
|
transition: all $transition-duration ease;
|
|
53
89
|
|
|
54
90
|
&:before {
|
|
55
|
-
content: "
|
|
56
|
-
display:
|
|
57
|
-
justify-content: center;
|
|
58
|
-
align-items: center;
|
|
91
|
+
content: "";
|
|
92
|
+
display: block;
|
|
59
93
|
width: srl.system-size-unit(20);
|
|
60
94
|
height: srl.system-size-unit(20);
|
|
95
|
+
@extend %srl-icon;
|
|
96
|
+
@extend %srl-icon-mask;
|
|
97
|
+
@extend %srl-icon-plus;
|
|
61
98
|
transition: all $transition-duration ease;
|
|
62
99
|
}
|
|
63
100
|
}
|
|
@@ -68,7 +105,7 @@ $transition-duration: .3s;
|
|
|
68
105
|
color: srl.colors-white-1000();
|
|
69
106
|
border-color: srl.colors-black-1000();
|
|
70
107
|
&:before {
|
|
71
|
-
|
|
108
|
+
@extend %srl-icon-minus;
|
|
72
109
|
}
|
|
73
110
|
}
|
|
74
111
|
}
|
|
@@ -78,7 +115,7 @@ $transition-duration: .3s;
|
|
|
78
115
|
display: grid;
|
|
79
116
|
grid-template-rows: 1fr;
|
|
80
117
|
transition: padding-bottom $transition-duration ease, grid-template-rows $transition-duration ease;
|
|
81
|
-
|
|
118
|
+
grid-column: start / full-end;
|
|
82
119
|
|
|
83
120
|
&[hidden] {
|
|
84
121
|
grid-template-rows: 0fr;
|
|
@@ -86,21 +123,17 @@ $transition-duration: .3s;
|
|
|
86
123
|
}
|
|
87
124
|
|
|
88
125
|
&:not([hidden]) {
|
|
89
|
-
padding-bottom: srl.spacer-get(
|
|
126
|
+
padding-bottom: srl.spacer-get(400);
|
|
90
127
|
}
|
|
91
128
|
|
|
92
129
|
&-inner {
|
|
93
|
-
width:
|
|
94
|
-
|
|
95
|
-
left: 50%;
|
|
96
|
-
right: 50%;
|
|
97
|
-
margin-left: -50vw;
|
|
98
|
-
margin-right: -50vw;
|
|
130
|
+
width: 100%;
|
|
131
|
+
padding: 0;
|
|
99
132
|
overflow: hidden;
|
|
100
133
|
|
|
101
134
|
.lc-accordion:last-child {
|
|
102
|
-
> .lc-accordion__inner {
|
|
103
|
-
|
|
135
|
+
> .lc-accordion__inner:after {
|
|
136
|
+
display: none;
|
|
104
137
|
}
|
|
105
138
|
}
|
|
106
139
|
}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
@use 'srl';
|
|
2
|
+
|
|
3
|
+
.srl-round-button {
|
|
4
|
+
font-size: srl.system-size-unit(20);
|
|
5
|
+
color: srl.colors-primary-1000();
|
|
6
|
+
width: srl.system-size-unit(48);
|
|
7
|
+
height: srl.system-size-unit(48);
|
|
8
|
+
background-color: srl.colors-white-1000();
|
|
9
|
+
border: 1px solid srl.colors-primary-1000();
|
|
10
|
+
cursor: pointer;
|
|
11
|
+
padding: 0;
|
|
12
|
+
border-radius: 50%;
|
|
13
|
+
transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
|
|
14
|
+
-webkit-appearance: none;
|
|
15
|
+
display: flex;
|
|
16
|
+
align-items: center;
|
|
17
|
+
justify-content: center;
|
|
18
|
+
|
|
19
|
+
.srl-bg-primary-1000 & {
|
|
20
|
+
border-color: srl.colors-white-1000();
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
@media (prefers-reduced-motion: reduce) {
|
|
24
|
+
transition-duration: 0s;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
.srl-download-center__link:hover &,
|
|
29
|
+
.srl-page-prev__link:hover &,
|
|
30
|
+
&:hover {
|
|
31
|
+
background-color: srl.colors-primary-1000();
|
|
32
|
+
border-color: srl.colors-white-1000();
|
|
33
|
+
color: srl.colors-white-1000();
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.srl-search-form__group:hover &{
|
|
37
|
+
background-color: srl.colors-primary-1000();
|
|
38
|
+
border-color: srl.colors-primary-1000();
|
|
39
|
+
color: srl.colors-white-1000();
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
&:hover {
|
|
43
|
+
.srl-bg-primary-1000 & {
|
|
44
|
+
border-color: srl.colors-secondary-1000();
|
|
45
|
+
background-color: srl.colors-secondary-1000();
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
.srl-search-form__input:focus + &,
|
|
51
|
+
.srl-download-center__link:focus &,
|
|
52
|
+
.srl-page-prev__link:focus &,
|
|
53
|
+
&:focus {
|
|
54
|
+
background-color: srl.colors-tertiary-1000();
|
|
55
|
+
border-color: srl.colors-tertiary-1000();
|
|
56
|
+
color: srl.colors-white-1000();
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
&:focus {
|
|
60
|
+
.srl-bg-primary-1000 & {
|
|
61
|
+
background-color: srl.colors-tertiary-1000();
|
|
62
|
+
border-color: srl.colors-tertiary-1000();
|
|
63
|
+
color: srl.colors-white-1000();
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.srl-round-button--disabled {
|
|
69
|
+
pointer-events: none;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.srl-icon-hamburger-before,
|
|
73
|
+
.srl-icon-hamburger-after {
|
|
74
|
+
|
|
75
|
+
}
|
|
@@ -42,21 +42,21 @@ img {
|
|
|
42
42
|
@top-left-corner {
|
|
43
43
|
content: element(publicationTitle);
|
|
44
44
|
position: absolute;
|
|
45
|
-
top: srl.spacer-get(
|
|
45
|
+
top: srl.spacer-get(400);
|
|
46
46
|
left: $page-margin-left;
|
|
47
47
|
}
|
|
48
48
|
|
|
49
49
|
@top-left {
|
|
50
50
|
content: element(chapterNavigation);
|
|
51
51
|
position: absolute;
|
|
52
|
-
top: srl.spacer-get(
|
|
52
|
+
top: srl.spacer-get(400);
|
|
53
53
|
left: srl.grid-calculate-pdf-col-span-plus-one-gutter(2);
|
|
54
54
|
}
|
|
55
55
|
|
|
56
56
|
@top-right-corner {
|
|
57
57
|
content: counter(page);
|
|
58
58
|
position: absolute;
|
|
59
|
-
top: srl.spacer-get(
|
|
59
|
+
top: srl.spacer-get(400);
|
|
60
60
|
right: $page-margin-right;
|
|
61
61
|
@include srl.typography-pdf-header()
|
|
62
62
|
}
|