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
|
@@ -11846,6 +11846,10 @@ abbr[data-original-title] {
|
|
|
11846
11846
|
cursor: pointer;
|
|
11847
11847
|
}
|
|
11848
11848
|
|
|
11849
|
+
.table {
|
|
11850
|
+
font-size: 1rem;
|
|
11851
|
+
}
|
|
11852
|
+
|
|
11849
11853
|
html,
|
|
11850
11854
|
body {
|
|
11851
11855
|
height: 100%;
|
|
@@ -11883,17 +11887,6 @@ body {
|
|
|
11883
11887
|
margin-left: auto;
|
|
11884
11888
|
}
|
|
11885
11889
|
|
|
11886
|
-
.vue-container {
|
|
11887
|
-
--page-content-opacity: 0;
|
|
11888
|
-
}
|
|
11889
|
-
.vue-container.mounted {
|
|
11890
|
-
--page-content-opacity: 1;
|
|
11891
|
-
}
|
|
11892
|
-
.vue-container .vds-page-real-content {
|
|
11893
|
-
transition: opacity 0.3s;
|
|
11894
|
-
opacity: var(--page-content-opacity);
|
|
11895
|
-
}
|
|
11896
|
-
|
|
11897
11890
|
.vds-header-and-content {
|
|
11898
11891
|
position: relative;
|
|
11899
11892
|
display: flex;
|
|
@@ -11997,12 +11990,12 @@ body {
|
|
|
11997
11990
|
*/
|
|
11998
11991
|
:root {
|
|
11999
11992
|
--vds-font-family: "Noto Sans";
|
|
12000
|
-
--vds-headings-font-family: "
|
|
11993
|
+
--vds-headings-font-family: "Amiri";
|
|
12001
11994
|
}
|
|
12002
11995
|
|
|
12003
11996
|
[lang=en] {
|
|
12004
11997
|
--vds-font-family: "Noto Sans";
|
|
12005
|
-
--vds-headings-font-family: "
|
|
11998
|
+
--vds-headings-font-family: "Amiri";
|
|
12006
11999
|
}
|
|
12007
12000
|
|
|
12008
12001
|
[lang=bg] {
|
|
@@ -12012,22 +12005,22 @@ body {
|
|
|
12012
12005
|
|
|
12013
12006
|
[lang=ca] {
|
|
12014
12007
|
--vds-font-family: "Noto Sans";
|
|
12015
|
-
--vds-headings-font-family: "
|
|
12008
|
+
--vds-headings-font-family: "Amiri";
|
|
12016
12009
|
}
|
|
12017
12010
|
|
|
12018
12011
|
[lang=cs] {
|
|
12019
12012
|
--vds-font-family: "Noto Sans";
|
|
12020
|
-
--vds-headings-font-family: "
|
|
12013
|
+
--vds-headings-font-family: "Amiri";
|
|
12021
12014
|
}
|
|
12022
12015
|
|
|
12023
12016
|
[lang=da] {
|
|
12024
12017
|
--vds-font-family: "Noto Sans";
|
|
12025
|
-
--vds-headings-font-family: "
|
|
12018
|
+
--vds-headings-font-family: "Amiri";
|
|
12026
12019
|
}
|
|
12027
12020
|
|
|
12028
12021
|
[lang=de] {
|
|
12029
12022
|
--vds-font-family: "Noto Sans";
|
|
12030
|
-
--vds-headings-font-family: "
|
|
12023
|
+
--vds-headings-font-family: "Amiri";
|
|
12031
12024
|
}
|
|
12032
12025
|
|
|
12033
12026
|
[lang=el] {
|
|
@@ -12037,7 +12030,7 @@ body {
|
|
|
12037
12030
|
|
|
12038
12031
|
[lang=es] {
|
|
12039
12032
|
--vds-font-family: "Noto Sans";
|
|
12040
|
-
--vds-headings-font-family: "
|
|
12033
|
+
--vds-headings-font-family: "Amiri";
|
|
12041
12034
|
}
|
|
12042
12035
|
|
|
12043
12036
|
[lang=fa] {
|
|
@@ -12047,12 +12040,12 @@ body {
|
|
|
12047
12040
|
|
|
12048
12041
|
[lang=fi] {
|
|
12049
12042
|
--vds-font-family: "Noto Sans";
|
|
12050
|
-
--vds-headings-font-family: "
|
|
12043
|
+
--vds-headings-font-family: "Amiri";
|
|
12051
12044
|
}
|
|
12052
12045
|
|
|
12053
12046
|
[lang=fr] {
|
|
12054
12047
|
--vds-font-family: "Noto Sans";
|
|
12055
|
-
--vds-headings-font-family: "
|
|
12048
|
+
--vds-headings-font-family: "Amiri";
|
|
12056
12049
|
}
|
|
12057
12050
|
|
|
12058
12051
|
[lang=gu] {
|
|
@@ -12067,22 +12060,22 @@ body {
|
|
|
12067
12060
|
|
|
12068
12061
|
[lang=hi] {
|
|
12069
12062
|
--vds-font-family: "Noto Sans";
|
|
12070
|
-
--vds-headings-font-family: "
|
|
12063
|
+
--vds-headings-font-family: "Amiri";
|
|
12071
12064
|
}
|
|
12072
12065
|
|
|
12073
12066
|
[lang=hu] {
|
|
12074
12067
|
--vds-font-family: "Noto Sans";
|
|
12075
|
-
--vds-headings-font-family: "
|
|
12068
|
+
--vds-headings-font-family: "Amiri";
|
|
12076
12069
|
}
|
|
12077
12070
|
|
|
12078
12071
|
[lang=id] {
|
|
12079
12072
|
--vds-font-family: "Noto Sans";
|
|
12080
|
-
--vds-headings-font-family: "
|
|
12073
|
+
--vds-headings-font-family: "Amiri";
|
|
12081
12074
|
}
|
|
12082
12075
|
|
|
12083
12076
|
[lang=it] {
|
|
12084
12077
|
--vds-font-family: "Noto Sans";
|
|
12085
|
-
--vds-headings-font-family: "
|
|
12078
|
+
--vds-headings-font-family: "Amiri";
|
|
12086
12079
|
}
|
|
12087
12080
|
|
|
12088
12081
|
[lang=ja] {
|
|
@@ -12102,12 +12095,12 @@ body {
|
|
|
12102
12095
|
|
|
12103
12096
|
[lang=lt] {
|
|
12104
12097
|
--vds-font-family: "Noto Sans";
|
|
12105
|
-
--vds-headings-font-family: "
|
|
12098
|
+
--vds-headings-font-family: "Amiri";
|
|
12106
12099
|
}
|
|
12107
12100
|
|
|
12108
12101
|
[lang=lv] {
|
|
12109
12102
|
--vds-font-family: "Noto Sans";
|
|
12110
|
-
--vds-headings-font-family: "
|
|
12103
|
+
--vds-headings-font-family: "Amiri";
|
|
12111
12104
|
}
|
|
12112
12105
|
|
|
12113
12106
|
[lang=mk] {
|
|
@@ -12117,12 +12110,12 @@ body {
|
|
|
12117
12110
|
|
|
12118
12111
|
[lang=mr] {
|
|
12119
12112
|
--vds-font-family: "Noto Sans";
|
|
12120
|
-
--vds-headings-font-family: "
|
|
12113
|
+
--vds-headings-font-family: "Amiri";
|
|
12121
12114
|
}
|
|
12122
12115
|
|
|
12123
12116
|
[lang=nl] {
|
|
12124
12117
|
--vds-font-family: "Noto Sans";
|
|
12125
|
-
--vds-headings-font-family: "
|
|
12118
|
+
--vds-headings-font-family: "Amiri";
|
|
12126
12119
|
}
|
|
12127
12120
|
|
|
12128
12121
|
[lang=or] {
|
|
@@ -12132,17 +12125,17 @@ body {
|
|
|
12132
12125
|
|
|
12133
12126
|
[lang=pl] {
|
|
12134
12127
|
--vds-font-family: "Noto Sans";
|
|
12135
|
-
--vds-headings-font-family: "
|
|
12128
|
+
--vds-headings-font-family: "Amiri";
|
|
12136
12129
|
}
|
|
12137
12130
|
|
|
12138
12131
|
[lang=pt] {
|
|
12139
12132
|
--vds-font-family: "Noto Sans";
|
|
12140
|
-
--vds-headings-font-family: "
|
|
12133
|
+
--vds-headings-font-family: "Amiri";
|
|
12141
12134
|
}
|
|
12142
12135
|
|
|
12143
12136
|
[lang=ro] {
|
|
12144
12137
|
--vds-font-family: "Noto Sans";
|
|
12145
|
-
--vds-headings-font-family: "
|
|
12138
|
+
--vds-headings-font-family: "Amiri";
|
|
12146
12139
|
}
|
|
12147
12140
|
|
|
12148
12141
|
[lang=ru] {
|
|
@@ -12157,7 +12150,7 @@ body {
|
|
|
12157
12150
|
|
|
12158
12151
|
[lang=sl] {
|
|
12159
12152
|
--vds-font-family: "Noto Sans";
|
|
12160
|
-
--vds-headings-font-family: "
|
|
12153
|
+
--vds-headings-font-family: "Amiri";
|
|
12161
12154
|
}
|
|
12162
12155
|
|
|
12163
12156
|
[lang=sr] {
|
|
@@ -12167,7 +12160,7 @@ body {
|
|
|
12167
12160
|
|
|
12168
12161
|
[lang=sv] {
|
|
12169
12162
|
--vds-font-family: "Noto Sans";
|
|
12170
|
-
--vds-headings-font-family: "
|
|
12163
|
+
--vds-headings-font-family: "Amiri";
|
|
12171
12164
|
}
|
|
12172
12165
|
|
|
12173
12166
|
[lang=ta] {
|
|
@@ -12187,7 +12180,7 @@ body {
|
|
|
12187
12180
|
|
|
12188
12181
|
[lang=tr] {
|
|
12189
12182
|
--vds-font-family: "Noto Sans";
|
|
12190
|
-
--vds-headings-font-family: "
|
|
12183
|
+
--vds-headings-font-family: "Amiri";
|
|
12191
12184
|
}
|
|
12192
12185
|
|
|
12193
12186
|
[lang=uk] {
|
|
@@ -12226,15 +12219,15 @@ body {
|
|
|
12226
12219
|
}
|
|
12227
12220
|
|
|
12228
12221
|
@font-face {
|
|
12229
|
-
font-family: "
|
|
12230
|
-
src: url("
|
|
12222
|
+
font-family: "Amiri";
|
|
12223
|
+
src: url("http://127.0.0.1:5500/dist/fonts/amiri/Amiri-Regular.ttf");
|
|
12231
12224
|
font-weight: 400;
|
|
12232
12225
|
font-style: normal;
|
|
12233
12226
|
}
|
|
12234
12227
|
@font-face {
|
|
12235
|
-
font-family: "
|
|
12236
|
-
src: url("
|
|
12237
|
-
font-weight:
|
|
12228
|
+
font-family: "Amiri";
|
|
12229
|
+
src: url("http://127.0.0.1:5500/dist/fonts/amiri/Amiri-Regular.ttf");
|
|
12230
|
+
font-weight: 700;
|
|
12238
12231
|
font-style: normal;
|
|
12239
12232
|
}
|
|
12240
12233
|
/*
|
|
@@ -12393,11 +12386,11 @@ body {
|
|
|
12393
12386
|
text-decoration: none;
|
|
12394
12387
|
--vds-logo-title-color: #9c6b14;
|
|
12395
12388
|
--vds-logo-tagline-color: #4f4d47;
|
|
12396
|
-
--vds-logo-title-font-size: 1.
|
|
12397
|
-
--vds-logo-title-line-height: 1.
|
|
12389
|
+
--vds-logo-title-font-size: 1.8em;
|
|
12390
|
+
--vds-logo-title-line-height: 1.2;
|
|
12398
12391
|
--vds-logo-tagline-font-size: 1em;
|
|
12399
12392
|
--vds-logo-tagline-line-height: 1;
|
|
12400
|
-
--vds-logo-tagline-margin: 0.
|
|
12393
|
+
--vds-logo-tagline-margin: 0.2em;
|
|
12401
12394
|
}
|
|
12402
12395
|
|
|
12403
12396
|
.vipassana-logo[data-reverse=true] {
|
|
@@ -12420,13 +12413,41 @@ body {
|
|
|
12420
12413
|
margin-bottom: -0.5em;
|
|
12421
12414
|
}
|
|
12422
12415
|
|
|
12416
|
+
.vipassana-logo[data-lang=bg],
|
|
12417
|
+
.vipassana-logo[data-lang=el],
|
|
12418
|
+
.vipassana-logo[data-lang=mk],
|
|
12419
|
+
.vipassana-logo[data-lang=ru],
|
|
12420
|
+
.vipassana-logo[data-lang=sr],
|
|
12421
|
+
.vipassana-logo[data-lang=uk],
|
|
12422
|
+
.vipassana-logo[data-lang=vi],
|
|
12423
|
+
.vipassana-logo[data-lang=ar],
|
|
12424
|
+
.vipassana-logo[data-lang=fa],
|
|
12425
|
+
.vipassana-logo[data-lang=gu],
|
|
12426
|
+
.vipassana-logo[data-lang=he],
|
|
12427
|
+
.vipassana-logo[data-lang=ja],
|
|
12428
|
+
.vipassana-logo[data-lang=km],
|
|
12429
|
+
.vipassana-logo[data-lang=ko],
|
|
12430
|
+
.vipassana-logo[data-lang=or],
|
|
12431
|
+
.vipassana-logo[data-lang=si],
|
|
12432
|
+
.vipassana-logo[data-lang=ta],
|
|
12433
|
+
.vipassana-logo[data-lang=te],
|
|
12434
|
+
.vipassana-logo[data-lang=th],
|
|
12435
|
+
.vipassana-logo[data-lang=zh-HANS],
|
|
12436
|
+
.vipassana-logo[data-lang=zh-Hans],
|
|
12437
|
+
.vipassana-logo[data-lang=zh-HANT],
|
|
12438
|
+
.vipassana-logo[data-lang=zh-Hant],
|
|
12439
|
+
.vipassana-logo[data-lang=zh-HANT-HK] {
|
|
12440
|
+
--vds-logo-title-font-size: 1.5em;
|
|
12441
|
+
--vds-logo-title-line-height: 1.3;
|
|
12442
|
+
--vds-logo-tagline-margin: 0.4em;
|
|
12443
|
+
}
|
|
12444
|
+
|
|
12423
12445
|
.vipassana-logo[data-lang=he][data-reverse=true] {
|
|
12424
12446
|
--vds-logo-tagline-margin: 0.25em;
|
|
12425
12447
|
}
|
|
12426
12448
|
|
|
12427
12449
|
.vipassana-logo[data-lang=ja] {
|
|
12428
12450
|
--vds-logo-title-font-size: 1.5em;
|
|
12429
|
-
--vds-logo-tagline-margin: 0.3em;
|
|
12430
12451
|
}
|
|
12431
12452
|
|
|
12432
12453
|
.vipassana-logo[data-lang=ko] {
|
|
@@ -12510,7 +12531,8 @@ body {
|
|
|
12510
12531
|
}
|
|
12511
12532
|
|
|
12512
12533
|
.vipassana-logo[data-disposition=default] {
|
|
12513
|
-
max-width: 48em;
|
|
12534
|
+
max-width: 48em;
|
|
12535
|
+
/* the title will wrap if it's too long */
|
|
12514
12536
|
}
|
|
12515
12537
|
|
|
12516
12538
|
.vipassana-logo[data-disposition=centered] {
|
|
@@ -12550,7 +12572,7 @@ body {
|
|
|
12550
12572
|
/* Title */
|
|
12551
12573
|
.vipassana-logo .logo-title {
|
|
12552
12574
|
color: var(--vds-logo-title-color);
|
|
12553
|
-
font-family: var(--vds-headings-font-family),
|
|
12575
|
+
font-family: var(--vds-headings-font-family), Amiri, 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;
|
|
12554
12576
|
line-height: var(--vds-logo-title-line-height);
|
|
12555
12577
|
font-size: var(--vds-logo-title-font-size);
|
|
12556
12578
|
font-weight: normal;
|
|
@@ -12651,9 +12673,9 @@ body {
|
|
|
12651
12673
|
}
|
|
12652
12674
|
|
|
12653
12675
|
/* Force font-family for english Logo */
|
|
12654
|
-
/* If the page is displayed in Hindi, but the Logo in english, we want to use
|
|
12676
|
+
/* If the page is displayed in Hindi, but the Logo in english, we want to use amiri */
|
|
12655
12677
|
.vipassana-logo[data-lang=en] {
|
|
12656
|
-
--vds-headings-font-family: "
|
|
12678
|
+
--vds-headings-font-family: "Amiri";
|
|
12657
12679
|
}
|
|
12658
12680
|
|
|
12659
12681
|
html.vds-html {
|