vipassana-design-standards 0.0.28 → 0.0.30
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/css/bootstrap5-theme.css +35 -46
- 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 +35 -46
- package/dist/css/bootstrap5-theme.rtl.min.css +1 -1
- package/dist/css/fonts.css +18 -19
- package/dist/css/fonts.css.map +1 -1
- package/dist/css/fonts.min.css +1 -1
- package/dist/css/logo.css +8 -17
- package/dist/css/logo.css.map +1 -1
- package/dist/css/logo.min.css +1 -1
- package/dist/css/logo.rtl.css +8 -17
- package/dist/css/logo.rtl.min.css +1 -1
- package/dist/js/helpers.js +1 -1
- package/dist/js/react-helpers.jsx +1 -1
- package/package.json +4 -3
- package/src/stylesheets/custom-bootstrap-utilities.scss +0 -1
- package/src/stylesheets/custom-bootstrap-variables.scss +6 -3
- package/src/stylesheets/fonts.scss +17 -16
- package/src/stylesheets/index.css +1 -1
- package/src/stylesheets/layout/vds-sidenav.scss +1 -1
- package/src/stylesheets/logo.scss +8 -16
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
--bs-black-rgb: 0, 0, 0;
|
|
50
50
|
--bs-body-color-rgb: 33, 37, 41;
|
|
51
51
|
--bs-body-bg-rgb: 252, 250, 247;
|
|
52
|
-
--bs-font-sans-serif: var(--vds-font-family),
|
|
52
|
+
--bs-font-sans-serif: var(--vds-font-family), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
53
53
|
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
54
54
|
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
|
|
55
55
|
--bs-body-font-family: var(--bs-font-sans-serif);
|
|
@@ -110,8 +110,8 @@ hr {
|
|
|
110
110
|
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
|
|
111
111
|
margin-top: 0;
|
|
112
112
|
margin-bottom: 0.5rem;
|
|
113
|
-
font-family: var(--vds-headings-font-family),
|
|
114
|
-
font-weight:
|
|
113
|
+
font-family: var(--vds-headings-font-family), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
114
|
+
font-weight: 500;
|
|
115
115
|
line-height: 1.5;
|
|
116
116
|
color: #1E3461;
|
|
117
117
|
}
|
|
@@ -2730,7 +2730,7 @@ textarea.form-control-lg {
|
|
|
2730
2730
|
--bs-btn-padding-y: 0.375rem;
|
|
2731
2731
|
--bs-btn-font-family: ;
|
|
2732
2732
|
--bs-btn-font-size: 1rem;
|
|
2733
|
-
--bs-btn-font-weight:
|
|
2733
|
+
--bs-btn-font-weight: 500;
|
|
2734
2734
|
--bs-btn-line-height: 1.7;
|
|
2735
2735
|
--bs-btn-color: #212529;
|
|
2736
2736
|
--bs-btn-bg: transparent;
|
|
@@ -11451,7 +11451,7 @@ textarea.form-control-lg {
|
|
|
11451
11451
|
--bs-red-800: #391414;
|
|
11452
11452
|
--bs-red-900: #1c0a0a;
|
|
11453
11453
|
--bs-border-color: #D2D6DF;
|
|
11454
|
-
--bs-font-heading: var(--vds-headings-font-family),
|
|
11454
|
+
--bs-font-heading: var(--vds-headings-font-family), system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
|
|
11455
11455
|
--bs-spacer-x: 1.5rem;
|
|
11456
11456
|
--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
|
|
11457
11457
|
--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
|
|
@@ -11480,12 +11480,11 @@ textarea.form-control-lg {
|
|
|
11480
11480
|
}
|
|
11481
11481
|
|
|
11482
11482
|
.ff-normal {
|
|
11483
|
-
font-family: var(--vds-font-family),
|
|
11483
|
+
font-family: var(--vds-font-family), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
11484
11484
|
}
|
|
11485
11485
|
|
|
11486
11486
|
.ff-heading, .modal .modal-dialog .modal-header .modal-title {
|
|
11487
|
-
font-family: var(--vds-headings-font-family),
|
|
11488
|
-
margin-bottom: -0.3em;
|
|
11487
|
+
font-family: var(--vds-headings-font-family), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
11489
11488
|
}
|
|
11490
11489
|
|
|
11491
11490
|
.fs-normal {
|
|
@@ -11963,14 +11962,14 @@ html, body {
|
|
|
11963
11962
|
background-color: #f0e7d5;
|
|
11964
11963
|
margin-left: 1rem;
|
|
11965
11964
|
padding: var(--layout-padding);
|
|
11966
|
-
font-size: 1.
|
|
11965
|
+
font-size: 1.05rem;
|
|
11967
11966
|
}
|
|
11968
11967
|
.vds-sidenav ul {
|
|
11969
11968
|
top: 1rem;
|
|
11970
11969
|
z-index: 100;
|
|
11971
11970
|
}
|
|
11972
11971
|
.vds-sidenav ul a {
|
|
11973
|
-
font-family: var(--vds-headings-font-family),
|
|
11972
|
+
font-family: var(--vds-headings-font-family), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
11974
11973
|
font-weight: 600;
|
|
11975
11974
|
}
|
|
11976
11975
|
.vds-sidenav ul a.active {
|
|
@@ -12190,35 +12189,34 @@ html, body {
|
|
|
12190
12189
|
}
|
|
12191
12190
|
|
|
12192
12191
|
[lang=zh-HANS] {
|
|
12193
|
-
--vds-font-family: "Noto Sans SC";
|
|
12194
|
-
--vds-headings-font-family: "Noto Sans SC";
|
|
12192
|
+
--vds-font-family: "AR PL UKai CN", YRDZST, FangSong, "PingFang SC", "WenQuanYi Micro Hei", "Noto Sans SC";
|
|
12193
|
+
--vds-headings-font-family: "AR PL UKai CN", YRDZST, FangSong, "Noto Sans SC";
|
|
12195
12194
|
}
|
|
12196
12195
|
|
|
12197
12196
|
[lang=zh-HANT] {
|
|
12198
|
-
--vds-font-family: "Noto Sans TC";
|
|
12199
|
-
--vds-headings-font-family: "Noto Sans TC";
|
|
12197
|
+
--vds-font-family: "AR PL UKai TW", YRDZST, FangSong, "PingFang", "WenQuanYi Micro Hei", "Noto Sans TC";
|
|
12198
|
+
--vds-headings-font-family: "AR PL UKai TW", YRDZST, FangSong, "Noto Sans TC";
|
|
12200
12199
|
}
|
|
12201
12200
|
|
|
12202
12201
|
[lang=zh-HANT-HK] {
|
|
12203
|
-
--vds-font-family: "Noto Sans HK";
|
|
12204
|
-
--vds-headings-font-family: "Noto Sans HK";
|
|
12202
|
+
--vds-font-family: "AR PL UKai HK", YRDZST, FangSong, "PingFang", "WenQuanYi Micro Hei", "Noto Sans HK";
|
|
12203
|
+
--vds-headings-font-family: "AR PL UKai HK", YRDZST, FangSong, "Noto Sans HK";
|
|
12205
12204
|
}
|
|
12206
12205
|
|
|
12207
12206
|
@font-face {
|
|
12208
12207
|
font-family: "FootLight";
|
|
12209
|
-
src: url("https://design-standards.dhamma.org/dist/fonts/
|
|
12210
|
-
font-weight:
|
|
12208
|
+
src: url("https://design-standards.dhamma.org/dist/fonts/footlight/FootlightLight-v2.woff");
|
|
12209
|
+
font-weight: 400;
|
|
12211
12210
|
font-style: normal;
|
|
12212
12211
|
}
|
|
12213
12212
|
@font-face {
|
|
12214
12213
|
font-family: "FootLight";
|
|
12215
|
-
src: url("https://design-standards.dhamma.org/dist/fonts/
|
|
12216
|
-
font-weight:
|
|
12214
|
+
src: url("https://design-standards.dhamma.org/dist/fonts/footlight/FootlightRegular-v2.woff");
|
|
12215
|
+
font-weight: 500;
|
|
12217
12216
|
font-style: normal;
|
|
12218
12217
|
}
|
|
12219
12218
|
/*
|
|
12220
12219
|
https: //fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500&display=swap
|
|
12221
|
-
Replace font-weight declaration from 500 to 600, so font-weight:bold use actually Noto Sans:500
|
|
12222
12220
|
*/
|
|
12223
12221
|
/* cyrillic-ext */
|
|
12224
12222
|
@font-face {
|
|
@@ -12368,7 +12366,7 @@ html, body {
|
|
|
12368
12366
|
@font-face {
|
|
12369
12367
|
font-family: "Noto Sans";
|
|
12370
12368
|
font-style: normal;
|
|
12371
|
-
font-weight:
|
|
12369
|
+
font-weight: 500;
|
|
12372
12370
|
font-display: swap;
|
|
12373
12371
|
src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0NIpQlx3QUlC5A4PNjFhdVadyB1Wk.woff2) format("woff2");
|
|
12374
12372
|
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
|
@@ -12377,7 +12375,7 @@ html, body {
|
|
|
12377
12375
|
@font-face {
|
|
12378
12376
|
font-family: "Noto Sans";
|
|
12379
12377
|
font-style: normal;
|
|
12380
|
-
font-weight:
|
|
12378
|
+
font-weight: 500;
|
|
12381
12379
|
font-display: swap;
|
|
12382
12380
|
src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0NIpQlx3QUlC5A4PNjFhdVYNyB1Wk.woff2) format("woff2");
|
|
12383
12381
|
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
|
@@ -12386,7 +12384,7 @@ html, body {
|
|
|
12386
12384
|
@font-face {
|
|
12387
12385
|
font-family: "Noto Sans";
|
|
12388
12386
|
font-style: normal;
|
|
12389
|
-
font-weight:
|
|
12387
|
+
font-weight: 500;
|
|
12390
12388
|
font-display: swap;
|
|
12391
12389
|
src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0NIpQlx3QUlC5A4PNjFhdVZdyB1Wk.woff2) format("woff2");
|
|
12392
12390
|
unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
|
|
@@ -12395,7 +12393,7 @@ html, body {
|
|
|
12395
12393
|
@font-face {
|
|
12396
12394
|
font-family: "Noto Sans";
|
|
12397
12395
|
font-style: normal;
|
|
12398
|
-
font-weight:
|
|
12396
|
+
font-weight: 500;
|
|
12399
12397
|
font-display: swap;
|
|
12400
12398
|
src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0NIpQlx3QUlC5A4PNjFhdVaNyB1Wk.woff2) format("woff2");
|
|
12401
12399
|
unicode-range: U+1F00-1FFF;
|
|
@@ -12404,7 +12402,7 @@ html, body {
|
|
|
12404
12402
|
@font-face {
|
|
12405
12403
|
font-family: "Noto Sans";
|
|
12406
12404
|
font-style: normal;
|
|
12407
|
-
font-weight:
|
|
12405
|
+
font-weight: 500;
|
|
12408
12406
|
font-display: swap;
|
|
12409
12407
|
src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0NIpQlx3QUlC5A4PNjFhdVZ9yB1Wk.woff2) format("woff2");
|
|
12410
12408
|
unicode-range: U+0370-03FF;
|
|
@@ -12413,7 +12411,7 @@ html, body {
|
|
|
12413
12411
|
@font-face {
|
|
12414
12412
|
font-family: "Noto Sans";
|
|
12415
12413
|
font-style: normal;
|
|
12416
|
-
font-weight:
|
|
12414
|
+
font-weight: 500;
|
|
12417
12415
|
font-display: swap;
|
|
12418
12416
|
src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0NIpQlx3QUlC5A4PNjFhdVa9yB1Wk.woff2) format("woff2");
|
|
12419
12417
|
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
|
@@ -12422,7 +12420,7 @@ html, body {
|
|
|
12422
12420
|
@font-face {
|
|
12423
12421
|
font-family: "Noto Sans";
|
|
12424
12422
|
font-style: normal;
|
|
12425
|
-
font-weight:
|
|
12423
|
+
font-weight: 500;
|
|
12426
12424
|
font-display: swap;
|
|
12427
12425
|
src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0NIpQlx3QUlC5A4PNjFhdVatyB1Wk.woff2) format("woff2");
|
|
12428
12426
|
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
@@ -12431,7 +12429,7 @@ html, body {
|
|
|
12431
12429
|
@font-face {
|
|
12432
12430
|
font-family: "Noto Sans";
|
|
12433
12431
|
font-style: normal;
|
|
12434
|
-
font-weight:
|
|
12432
|
+
font-weight: 500;
|
|
12435
12433
|
font-display: swap;
|
|
12436
12434
|
src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0NIpQlx3QUlC5A4PNjFhdVZNyB.woff2) format("woff2");
|
|
12437
12435
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
@@ -12445,11 +12443,11 @@ html, body {
|
|
|
12445
12443
|
text-decoration: none;
|
|
12446
12444
|
--vds-logo-title-color: #9C6B14;
|
|
12447
12445
|
--vds-logo-tagline-color: #4F4D47;
|
|
12448
|
-
--vds-logo-title-font-size: 1.
|
|
12449
|
-
--vds-logo-title-line-height: 1.
|
|
12446
|
+
--vds-logo-title-font-size: 1.5em;
|
|
12447
|
+
--vds-logo-title-line-height: 1.3;
|
|
12450
12448
|
--vds-logo-tagline-font-size: .9em;
|
|
12451
12449
|
--vds-logo-tagline-line-height: 1;
|
|
12452
|
-
--vds-logo-tagline-margin: .
|
|
12450
|
+
--vds-logo-tagline-margin: .4em;
|
|
12453
12451
|
}
|
|
12454
12452
|
|
|
12455
12453
|
.vipassana-logo[data-reverse=true] {
|
|
@@ -12461,18 +12459,6 @@ html, body {
|
|
|
12461
12459
|
--vds-logo-tagline-color: #ffffff90;
|
|
12462
12460
|
}
|
|
12463
12461
|
|
|
12464
|
-
[lang=bg] .vipassana-logo,
|
|
12465
|
-
[lang=el] .vipassana-logo,
|
|
12466
|
-
[lang=mk] .vipassana-logo,
|
|
12467
|
-
[lang=ru] .vipassana-logo,
|
|
12468
|
-
[lang=sr] .vipassana-logo,
|
|
12469
|
-
[lang=uk] .vipassana-logo,
|
|
12470
|
-
[lang=vi] .vipassana-logo {
|
|
12471
|
-
--vds-logo-title-font-size: 1.5em;
|
|
12472
|
-
--vds-logo-title-line-height: 1.3;
|
|
12473
|
-
--vds-logo-tagline-margin: .4em;
|
|
12474
|
-
}
|
|
12475
|
-
|
|
12476
12462
|
[lang=fa] .vipassana-logo {
|
|
12477
12463
|
--vds-logo-tagline-font-size: 1.2em;
|
|
12478
12464
|
}
|
|
@@ -12502,7 +12488,10 @@ html, body {
|
|
|
12502
12488
|
[lang=ko] .vipassana-logo {
|
|
12503
12489
|
--vds-logo-title-font-size: 1.6em;
|
|
12504
12490
|
--vds-logo-title-line-height: 1.2;
|
|
12505
|
-
--vds-logo-tagline-margin: .
|
|
12491
|
+
--vds-logo-tagline-margin: .5em;
|
|
12492
|
+
}
|
|
12493
|
+
[lang=ko] .vipassana-logo .logo-title {
|
|
12494
|
+
margin-right: -0.1em;
|
|
12506
12495
|
}
|
|
12507
12496
|
|
|
12508
12497
|
[lang=or] .vipassana-logo {
|
|
@@ -12529,7 +12518,7 @@ html, body {
|
|
|
12529
12518
|
[lang=zh-HANT-HK] .vipassana-logo {
|
|
12530
12519
|
--vds-logo-title-font-size: 1.5em;
|
|
12531
12520
|
--vds-logo-title-line-height: 1.2;
|
|
12532
|
-
--vds-logo-tagline-margin: .
|
|
12521
|
+
--vds-logo-tagline-margin: .7em;
|
|
12533
12522
|
}
|
|
12534
12523
|
[lang=zh-HANS] .vipassana-logo .logo-text,
|
|
12535
12524
|
[lang=zh-HANT] .vipassana-logo .logo-text,
|