vipassana-design-standards 1.1.3 → 1.2.1
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/README.md +16 -7
- package/dist/css/bootstrap5-theme.css +69 -47
- package/dist/css/bootstrap5-theme.css.map +1 -1
- package/dist/css/bootstrap5-theme.min.css +1 -1
- package/dist/css/bootstrap5-theme.rtl.css +69 -47
- package/dist/css/bootstrap5-theme.rtl.min.css +1 -1
- package/dist/css/fonts.css +28 -28
- package/dist/css/fonts.css.map +1 -1
- package/dist/css/fonts.min.css +1 -1
- package/dist/css/logo.css +37 -8
- package/dist/css/logo.css.map +1 -1
- package/dist/css/logo.min.css +1 -1
- package/dist/css/logo.rtl.css +37 -8
- package/dist/css/logo.rtl.min.css +1 -1
- package/dist/js/bootstrap5-theme.min.js +3 -2
- package/dist/js/helpers.js +4 -4
- package/dist/js/react-helpers.js +3 -3
- package/dist/js/react-helpers.jsx +3 -3
- package/package.json +1 -1
- package/src/stylesheets/custom-bootstrap.scss +5 -0
- package/src/stylesheets/fonts.scss +93 -63
- package/src/stylesheets/layout/vds-layout.scss +1 -14
- package/src/stylesheets/logo.scss +76 -10
|
@@ -9,12 +9,12 @@
|
|
|
9
9
|
--vds-logo-title-color: #9c6b14;
|
|
10
10
|
--vds-logo-tagline-color: #4f4d47;
|
|
11
11
|
|
|
12
|
-
--vds-logo-title-font-size: 1.
|
|
13
|
-
--vds-logo-title-line-height: 1.
|
|
12
|
+
--vds-logo-title-font-size: 1.8em;
|
|
13
|
+
--vds-logo-title-line-height: 1.2;
|
|
14
14
|
|
|
15
15
|
--vds-logo-tagline-font-size: 1em;
|
|
16
16
|
--vds-logo-tagline-line-height: 1;
|
|
17
|
-
--vds-logo-tagline-margin: 0.
|
|
17
|
+
--vds-logo-tagline-margin: 0.2em;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
.vipassana-logo[data-reverse='true'] {
|
|
@@ -29,6 +29,7 @@
|
|
|
29
29
|
.vipassana-logo[data-lang='fa'] {
|
|
30
30
|
--vds-logo-tagline-font-size: 1.2em;
|
|
31
31
|
}
|
|
32
|
+
|
|
32
33
|
.vipassana-logo[data-lang='gu'],
|
|
33
34
|
.vipassana-logo[data-lang='hi'],
|
|
34
35
|
.vipassana-logo[data-lang='te'],
|
|
@@ -37,40 +38,79 @@
|
|
|
37
38
|
margin-bottom: -0.5em;
|
|
38
39
|
}
|
|
39
40
|
}
|
|
41
|
+
|
|
42
|
+
// Languages using Noto for title
|
|
43
|
+
.vipassana-logo[data-lang='bg'],
|
|
44
|
+
.vipassana-logo[data-lang='el'],
|
|
45
|
+
.vipassana-logo[data-lang='mk'],
|
|
46
|
+
.vipassana-logo[data-lang='ru'],
|
|
47
|
+
.vipassana-logo[data-lang='sr'],
|
|
48
|
+
.vipassana-logo[data-lang='uk'],
|
|
49
|
+
.vipassana-logo[data-lang='vi'],
|
|
50
|
+
.vipassana-logo[data-lang='ar'],
|
|
51
|
+
.vipassana-logo[data-lang='fa'],
|
|
52
|
+
.vipassana-logo[data-lang='gu'],
|
|
53
|
+
.vipassana-logo[data-lang='he'],
|
|
54
|
+
.vipassana-logo[data-lang='ja'],
|
|
55
|
+
.vipassana-logo[data-lang='km'],
|
|
56
|
+
.vipassana-logo[data-lang='ko'],
|
|
57
|
+
.vipassana-logo[data-lang='or'],
|
|
58
|
+
.vipassana-logo[data-lang='si'],
|
|
59
|
+
.vipassana-logo[data-lang='ta'],
|
|
60
|
+
.vipassana-logo[data-lang='te'],
|
|
61
|
+
.vipassana-logo[data-lang='th'],
|
|
62
|
+
.vipassana-logo[data-lang='zh-HANS'],
|
|
63
|
+
.vipassana-logo[data-lang='zh-Hans'],
|
|
64
|
+
.vipassana-logo[data-lang='zh-HANT'],
|
|
65
|
+
.vipassana-logo[data-lang='zh-Hant'],
|
|
66
|
+
.vipassana-logo[data-lang='zh-HANT-HK'] {
|
|
67
|
+
--vds-logo-title-font-size: 1.5em;
|
|
68
|
+
--vds-logo-title-line-height: 1.3;
|
|
69
|
+
--vds-logo-tagline-margin: 0.4em;
|
|
70
|
+
}
|
|
71
|
+
|
|
40
72
|
.vipassana-logo[data-lang='he'][data-reverse='true'] {
|
|
41
73
|
--vds-logo-tagline-margin: 0.25em;
|
|
42
74
|
}
|
|
75
|
+
|
|
43
76
|
.vipassana-logo[data-lang='ja'] {
|
|
44
77
|
--vds-logo-title-font-size: 1.5em;
|
|
45
|
-
--vds-logo-tagline-margin: 0.3em;
|
|
46
78
|
}
|
|
79
|
+
|
|
47
80
|
.vipassana-logo[data-lang='ko'] {
|
|
48
81
|
--vds-logo-title-font-size: 1.6em;
|
|
49
82
|
--vds-logo-title-line-height: 1.2;
|
|
50
83
|
--vds-logo-tagline-margin: 0.5em;
|
|
84
|
+
|
|
51
85
|
.logo-title {
|
|
52
86
|
margin-left: -0.1em;
|
|
53
87
|
}
|
|
54
88
|
}
|
|
89
|
+
|
|
55
90
|
.vipassana-logo[data-lang='tr'] {
|
|
56
91
|
--vds-logo-tagline-margin: 0.3em;
|
|
57
92
|
}
|
|
93
|
+
|
|
58
94
|
.vipassana-logo[data-lang='or'] {
|
|
59
95
|
--vds-logo-title-line-height: 1;
|
|
60
96
|
--vds-logo-tagline-margin: 0.5em;
|
|
97
|
+
|
|
61
98
|
.logo-title {
|
|
62
99
|
margin-left: -0.15em;
|
|
63
100
|
}
|
|
64
101
|
}
|
|
102
|
+
|
|
65
103
|
.vipassana-logo[data-lang='si'][data-reverse='true'] {
|
|
66
104
|
--vds-logo-title-font-size: 1.4em;
|
|
67
105
|
--vds-logo-title-line-height: 1.4;
|
|
68
106
|
--vds-logo-tagline-font-size: 0.9em;
|
|
69
107
|
--vds-logo-tagline-margin: 0.4em;
|
|
108
|
+
|
|
70
109
|
.logo-text {
|
|
71
110
|
margin-bottom: -0.4em;
|
|
72
111
|
}
|
|
73
112
|
}
|
|
113
|
+
|
|
74
114
|
.vipassana-logo[data-lang='ta'] {
|
|
75
115
|
--vds-logo-title-font-size: 1.4em;
|
|
76
116
|
--vds-logo-title-line-height: 1.3;
|
|
@@ -79,18 +119,22 @@
|
|
|
79
119
|
--vds-logo-tagline-line-height: 1;
|
|
80
120
|
--vds-logo-tagline-margin: 0.4em;
|
|
81
121
|
}
|
|
122
|
+
|
|
82
123
|
.vipassana-logo[data-lang='uk'] {
|
|
83
124
|
--vds-logo-tagline-margin: 0.3em;
|
|
84
125
|
}
|
|
126
|
+
|
|
85
127
|
.vipassana-logo[data-lang='zh-HANS'],
|
|
86
128
|
.vipassana-logo[data-lang='zh-HANT'],
|
|
87
129
|
.vipassana-logo[data-lang='zh-HANT-HK'] {
|
|
88
130
|
--vds-logo-title-font-size: 1.5em;
|
|
89
131
|
--vds-logo-title-line-height: 1.2;
|
|
90
132
|
--vds-logo-tagline-margin: 0.7em;
|
|
133
|
+
|
|
91
134
|
.logo-text {
|
|
92
135
|
margin-left: -0.1em;
|
|
93
136
|
}
|
|
137
|
+
|
|
94
138
|
.logo-subtitle {
|
|
95
139
|
margin-left: 0.1em;
|
|
96
140
|
}
|
|
@@ -100,21 +144,28 @@
|
|
|
100
144
|
.vipassana-logo[data-lang='mr'] .logo-title {
|
|
101
145
|
margin-left: -0.1em;
|
|
102
146
|
}
|
|
147
|
+
|
|
103
148
|
.vipassana-logo:not([data-reverse='true']) [data-start-with='v'],
|
|
104
149
|
.vipassana-logo:not([data-reverse='true']) [data-start-with='t'] {
|
|
105
|
-
margin-left: -0.17em
|
|
150
|
+
margin-left: -0.17em
|
|
151
|
+
/*rtl:0*/
|
|
152
|
+
;
|
|
106
153
|
}
|
|
154
|
+
|
|
107
155
|
.vipassana-logo:not([data-reverse='true']) [data-start-with='м'],
|
|
108
156
|
.vipassana-logo:not([data-reverse='true']) [data-start-with='в'] {
|
|
109
157
|
margin-left: -0.08em;
|
|
110
158
|
}
|
|
159
|
+
|
|
111
160
|
.vipassana-logo:not([data-reverse='true']) [data-start-with='β'] {
|
|
112
161
|
margin-left: -0.05em;
|
|
113
162
|
}
|
|
114
163
|
|
|
115
164
|
.vipassana-logo[data-disposition='default'] {
|
|
116
|
-
max-width: 48em;
|
|
165
|
+
max-width: 48em;
|
|
166
|
+
/* the title will wrap if it's too long */
|
|
117
167
|
}
|
|
168
|
+
|
|
118
169
|
.vipassana-logo[data-disposition='centered'] {
|
|
119
170
|
flex-direction: column;
|
|
120
171
|
text-align: center;
|
|
@@ -126,9 +177,11 @@
|
|
|
126
177
|
max-width: 3.9em;
|
|
127
178
|
margin-right: 1em;
|
|
128
179
|
}
|
|
180
|
+
|
|
129
181
|
.vipassana-logo[data-disposition='centered'] .logo-wheel {
|
|
130
182
|
margin: 0 0 0.4em 0 !important;
|
|
131
183
|
}
|
|
184
|
+
|
|
132
185
|
.vipassana-logo[data-disposition='centered'][data-reverse='true'] .logo-wheel {
|
|
133
186
|
margin-bottom: 0.6em !important;
|
|
134
187
|
}
|
|
@@ -138,9 +191,11 @@
|
|
|
138
191
|
display: flex;
|
|
139
192
|
flex-direction: column;
|
|
140
193
|
}
|
|
194
|
+
|
|
141
195
|
.vipassana-logo[data-reverse='true'] .logo-text {
|
|
142
196
|
flex-direction: column-reverse;
|
|
143
197
|
}
|
|
198
|
+
|
|
144
199
|
.vipassana-logo[data-disposition='left-two-lines'][data-reverse='true'] .logo-text {
|
|
145
200
|
margin-top: -0.1em;
|
|
146
201
|
}
|
|
@@ -148,7 +203,7 @@
|
|
|
148
203
|
/* Title */
|
|
149
204
|
.vipassana-logo .logo-title {
|
|
150
205
|
color: var(--vds-logo-title-color);
|
|
151
|
-
font-family: var(--vds-headings-font-family),
|
|
206
|
+
font-family: var(--vds-headings-font-family), Amiri, system-ui, -apple-system, Segoe UI,
|
|
152
207
|
Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji,
|
|
153
208
|
Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
|
|
154
209
|
line-height: var(--vds-logo-title-line-height);
|
|
@@ -160,18 +215,22 @@
|
|
|
160
215
|
flex-direction: row;
|
|
161
216
|
flex-wrap: wrap;
|
|
162
217
|
}
|
|
218
|
+
|
|
163
219
|
.vipassana-logo[data-reverse='true'] .logo-title {
|
|
164
220
|
flex-direction: row-reverse;
|
|
165
221
|
justify-content: start;
|
|
166
222
|
}
|
|
223
|
+
|
|
167
224
|
.vipassana-logo[data-disposition='left-two-lines'] .logo-title,
|
|
168
225
|
.vipassana-logo[data-disposition='centered'] .logo-title {
|
|
169
226
|
flex-direction: column;
|
|
170
227
|
}
|
|
228
|
+
|
|
171
229
|
.vipassana-logo[data-disposition='left-two-lines'] .logo-space,
|
|
172
230
|
.vipassana-logo[data-disposition='centered'] .logo-space {
|
|
173
231
|
display: none;
|
|
174
232
|
}
|
|
233
|
+
|
|
175
234
|
.vipassana-logo[data-disposition='left-two-lines'][data-reverse='true'] .logo-title,
|
|
176
235
|
.vipassana-logo[data-disposition='centered'][data-reverse='true'] .logo-title {
|
|
177
236
|
flex-direction: column-reverse;
|
|
@@ -185,6 +244,7 @@
|
|
|
185
244
|
.vipassana-logo[data-disposition='left-two-lines'] .logo-title span {
|
|
186
245
|
width: 100%;
|
|
187
246
|
}
|
|
247
|
+
|
|
188
248
|
.vipassana-logo[data-disposition='centered'] .logo-title span {
|
|
189
249
|
width: 100%;
|
|
190
250
|
justify-content: center;
|
|
@@ -195,8 +255,10 @@
|
|
|
195
255
|
.vipassana-logo .logo-title .vipassana-as-taught {
|
|
196
256
|
display: none;
|
|
197
257
|
}
|
|
258
|
+
|
|
198
259
|
.vipassana-logo[data-disposition='left-one-line'],
|
|
199
260
|
.vipassana-logo[data-disposition='default'] {
|
|
261
|
+
|
|
200
262
|
&[data-lang='zh-HANS'],
|
|
201
263
|
&[data-lang='zh-HANT'],
|
|
202
264
|
&[data-lang='zh-HANT-HK'],
|
|
@@ -210,6 +272,7 @@
|
|
|
210
272
|
&[data-lang='hi'] {
|
|
211
273
|
.logo-title span {
|
|
212
274
|
display: none;
|
|
275
|
+
|
|
213
276
|
&.vipassana-as-taught {
|
|
214
277
|
display: block;
|
|
215
278
|
}
|
|
@@ -228,19 +291,22 @@
|
|
|
228
291
|
line-height: var(--vds-logo-tagline-line-height);
|
|
229
292
|
margin: var(--vds-logo-tagline-margin) 0 0 0;
|
|
230
293
|
}
|
|
294
|
+
|
|
231
295
|
.vipassana-logo[data-tagline='false'] .logo-subtitle {
|
|
232
296
|
display: none;
|
|
233
297
|
}
|
|
298
|
+
|
|
234
299
|
.vipassana-logo[data-reverse='true'] .logo-subtitle {
|
|
235
300
|
margin: 0 0 var(--vds-logo-tagline-margin) 0;
|
|
236
301
|
}
|
|
302
|
+
|
|
237
303
|
// add a bit space on the bottom so tagline do not get cropped
|
|
238
304
|
.vipassana-logo[data-disposition='centered'][data-reverse='false'] .logo-subtitle {
|
|
239
305
|
margin-bottom: 0.3em;
|
|
240
306
|
}
|
|
241
307
|
|
|
242
308
|
/* Force font-family for english Logo */
|
|
243
|
-
/* If the page is displayed in Hindi, but the Logo in english, we want to use
|
|
309
|
+
/* If the page is displayed in Hindi, but the Logo in english, we want to use amiri */
|
|
244
310
|
.vipassana-logo[data-lang='en'] {
|
|
245
|
-
--vds-headings-font-family: '
|
|
246
|
-
}
|
|
311
|
+
--vds-headings-font-family: 'Amiri';
|
|
312
|
+
}
|