vipassana-design-standards 1.2.0 → 1.2.2

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.
@@ -11990,12 +11990,12 @@ body {
11990
11990
  */
11991
11991
  :root {
11992
11992
  --vds-font-family: "Noto Sans";
11993
- --vds-headings-font-family: "FootLight";
11993
+ --vds-headings-font-family: "Amiri";
11994
11994
  }
11995
11995
 
11996
11996
  [lang=en] {
11997
11997
  --vds-font-family: "Noto Sans";
11998
- --vds-headings-font-family: "FootLight";
11998
+ --vds-headings-font-family: "Amiri";
11999
11999
  }
12000
12000
 
12001
12001
  [lang=bg] {
@@ -12005,22 +12005,22 @@ body {
12005
12005
 
12006
12006
  [lang=ca] {
12007
12007
  --vds-font-family: "Noto Sans";
12008
- --vds-headings-font-family: "FootLight";
12008
+ --vds-headings-font-family: "Amiri";
12009
12009
  }
12010
12010
 
12011
12011
  [lang=cs] {
12012
12012
  --vds-font-family: "Noto Sans";
12013
- --vds-headings-font-family: "FootLight";
12013
+ --vds-headings-font-family: "Amiri";
12014
12014
  }
12015
12015
 
12016
12016
  [lang=da] {
12017
12017
  --vds-font-family: "Noto Sans";
12018
- --vds-headings-font-family: "FootLight";
12018
+ --vds-headings-font-family: "Amiri";
12019
12019
  }
12020
12020
 
12021
12021
  [lang=de] {
12022
12022
  --vds-font-family: "Noto Sans";
12023
- --vds-headings-font-family: "FootLight";
12023
+ --vds-headings-font-family: "Amiri";
12024
12024
  }
12025
12025
 
12026
12026
  [lang=el] {
@@ -12030,7 +12030,7 @@ body {
12030
12030
 
12031
12031
  [lang=es] {
12032
12032
  --vds-font-family: "Noto Sans";
12033
- --vds-headings-font-family: "FootLight";
12033
+ --vds-headings-font-family: "Amiri";
12034
12034
  }
12035
12035
 
12036
12036
  [lang=fa] {
@@ -12040,12 +12040,12 @@ body {
12040
12040
 
12041
12041
  [lang=fi] {
12042
12042
  --vds-font-family: "Noto Sans";
12043
- --vds-headings-font-family: "FootLight";
12043
+ --vds-headings-font-family: "Amiri";
12044
12044
  }
12045
12045
 
12046
12046
  [lang=fr] {
12047
12047
  --vds-font-family: "Noto Sans";
12048
- --vds-headings-font-family: "FootLight";
12048
+ --vds-headings-font-family: "Amiri";
12049
12049
  }
12050
12050
 
12051
12051
  [lang=gu] {
@@ -12060,22 +12060,22 @@ body {
12060
12060
 
12061
12061
  [lang=hi] {
12062
12062
  --vds-font-family: "Noto Sans";
12063
- --vds-headings-font-family: "FootLight";
12063
+ --vds-headings-font-family: "Amiri";
12064
12064
  }
12065
12065
 
12066
12066
  [lang=hu] {
12067
12067
  --vds-font-family: "Noto Sans";
12068
- --vds-headings-font-family: "FootLight";
12068
+ --vds-headings-font-family: "Amiri";
12069
12069
  }
12070
12070
 
12071
12071
  [lang=id] {
12072
12072
  --vds-font-family: "Noto Sans";
12073
- --vds-headings-font-family: "FootLight";
12073
+ --vds-headings-font-family: "Amiri";
12074
12074
  }
12075
12075
 
12076
12076
  [lang=it] {
12077
12077
  --vds-font-family: "Noto Sans";
12078
- --vds-headings-font-family: "FootLight";
12078
+ --vds-headings-font-family: "Amiri";
12079
12079
  }
12080
12080
 
12081
12081
  [lang=ja] {
@@ -12095,12 +12095,12 @@ body {
12095
12095
 
12096
12096
  [lang=lt] {
12097
12097
  --vds-font-family: "Noto Sans";
12098
- --vds-headings-font-family: "FootLight";
12098
+ --vds-headings-font-family: "Amiri";
12099
12099
  }
12100
12100
 
12101
12101
  [lang=lv] {
12102
12102
  --vds-font-family: "Noto Sans";
12103
- --vds-headings-font-family: "FootLight";
12103
+ --vds-headings-font-family: "Amiri";
12104
12104
  }
12105
12105
 
12106
12106
  [lang=mk] {
@@ -12110,12 +12110,12 @@ body {
12110
12110
 
12111
12111
  [lang=mr] {
12112
12112
  --vds-font-family: "Noto Sans";
12113
- --vds-headings-font-family: "FootLight";
12113
+ --vds-headings-font-family: "Amiri";
12114
12114
  }
12115
12115
 
12116
12116
  [lang=nl] {
12117
12117
  --vds-font-family: "Noto Sans";
12118
- --vds-headings-font-family: "FootLight";
12118
+ --vds-headings-font-family: "Amiri";
12119
12119
  }
12120
12120
 
12121
12121
  [lang=or] {
@@ -12125,17 +12125,17 @@ body {
12125
12125
 
12126
12126
  [lang=pl] {
12127
12127
  --vds-font-family: "Noto Sans";
12128
- --vds-headings-font-family: "FootLight";
12128
+ --vds-headings-font-family: "Amiri";
12129
12129
  }
12130
12130
 
12131
12131
  [lang=pt] {
12132
12132
  --vds-font-family: "Noto Sans";
12133
- --vds-headings-font-family: "FootLight";
12133
+ --vds-headings-font-family: "Amiri";
12134
12134
  }
12135
12135
 
12136
12136
  [lang=ro] {
12137
12137
  --vds-font-family: "Noto Sans";
12138
- --vds-headings-font-family: "FootLight";
12138
+ --vds-headings-font-family: "Amiri";
12139
12139
  }
12140
12140
 
12141
12141
  [lang=ru] {
@@ -12150,7 +12150,7 @@ body {
12150
12150
 
12151
12151
  [lang=sl] {
12152
12152
  --vds-font-family: "Noto Sans";
12153
- --vds-headings-font-family: "FootLight";
12153
+ --vds-headings-font-family: "Amiri";
12154
12154
  }
12155
12155
 
12156
12156
  [lang=sr] {
@@ -12160,7 +12160,7 @@ body {
12160
12160
 
12161
12161
  [lang=sv] {
12162
12162
  --vds-font-family: "Noto Sans";
12163
- --vds-headings-font-family: "FootLight";
12163
+ --vds-headings-font-family: "Amiri";
12164
12164
  }
12165
12165
 
12166
12166
  [lang=ta] {
@@ -12180,7 +12180,7 @@ body {
12180
12180
 
12181
12181
  [lang=tr] {
12182
12182
  --vds-font-family: "Noto Sans";
12183
- --vds-headings-font-family: "FootLight";
12183
+ --vds-headings-font-family: "Amiri";
12184
12184
  }
12185
12185
 
12186
12186
  [lang=uk] {
@@ -12219,15 +12219,15 @@ body {
12219
12219
  }
12220
12220
 
12221
12221
  @font-face {
12222
- font-family: "FootLight";
12223
- src: url("https://design-standards.dhamma.org/dist/fonts/footlight/FootlightLight-v2.woff");
12222
+ font-family: "Amiri";
12223
+ src: url("https://design-standards.dhamma.org/dist/fonts/amiri/Amiri-Regular.ttf");
12224
12224
  font-weight: 400;
12225
12225
  font-style: normal;
12226
12226
  }
12227
12227
  @font-face {
12228
- font-family: "FootLight";
12229
- src: url("https://design-standards.dhamma.org/dist/fonts/footlight/FootlightRegular-v2.woff");
12230
- font-weight: 500;
12228
+ font-family: "Amiri";
12229
+ src: url("https://design-standards.dhamma.org/dist/fonts/amiri/Amiri-Regular.ttf");
12230
+ font-weight: 700;
12231
12231
  font-style: normal;
12232
12232
  }
12233
12233
  /*
@@ -12386,11 +12386,11 @@ body {
12386
12386
  text-decoration: none;
12387
12387
  --vds-logo-title-color: #9c6b14;
12388
12388
  --vds-logo-tagline-color: #4f4d47;
12389
- --vds-logo-title-font-size: 1.5em;
12390
- --vds-logo-title-line-height: 1.3;
12389
+ --vds-logo-title-font-size: 1.8em;
12390
+ --vds-logo-title-line-height: 1.2;
12391
12391
  --vds-logo-tagline-font-size: 1em;
12392
12392
  --vds-logo-tagline-line-height: 1;
12393
- --vds-logo-tagline-margin: 0.4em;
12393
+ --vds-logo-tagline-margin: 0.2em;
12394
12394
  }
12395
12395
 
12396
12396
  .vipassana-logo[data-reverse=true] {
@@ -12413,13 +12413,41 @@ body {
12413
12413
  margin-bottom: -0.5em;
12414
12414
  }
12415
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
+
12416
12445
  .vipassana-logo[data-lang=he][data-reverse=true] {
12417
12446
  --vds-logo-tagline-margin: 0.25em;
12418
12447
  }
12419
12448
 
12420
12449
  .vipassana-logo[data-lang=ja] {
12421
12450
  --vds-logo-title-font-size: 1.5em;
12422
- --vds-logo-tagline-margin: 0.3em;
12423
12451
  }
12424
12452
 
12425
12453
  .vipassana-logo[data-lang=ko] {
@@ -12503,7 +12531,8 @@ body {
12503
12531
  }
12504
12532
 
12505
12533
  .vipassana-logo[data-disposition=default] {
12506
- max-width: 48em; /* the title will wrap if it's too long */
12534
+ max-width: 48em;
12535
+ /* the title will wrap if it's too long */
12507
12536
  }
12508
12537
 
12509
12538
  .vipassana-logo[data-disposition=centered] {
@@ -12543,7 +12572,7 @@ body {
12543
12572
  /* Title */
12544
12573
  .vipassana-logo .logo-title {
12545
12574
  color: var(--vds-logo-title-color);
12546
- font-family: var(--vds-headings-font-family), FootLight, 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;
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;
12547
12576
  line-height: var(--vds-logo-title-line-height);
12548
12577
  font-size: var(--vds-logo-title-font-size);
12549
12578
  font-weight: normal;
@@ -12644,9 +12673,9 @@ body {
12644
12673
  }
12645
12674
 
12646
12675
  /* Force font-family for english Logo */
12647
- /* If the page is displayed in Hindi, but the Logo in english, we want to use footlight */
12676
+ /* If the page is displayed in Hindi, but the Logo in english, we want to use amiri */
12648
12677
  .vipassana-logo[data-lang=en] {
12649
- --vds-headings-font-family: "FootLight";
12678
+ --vds-headings-font-family: "Amiri";
12650
12679
  }
12651
12680
 
12652
12681
  html.vds-html {