vipassana-design-standards 0.0.4 → 0.0.6

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.
Files changed (66) hide show
  1. checksums.yaml +4 -4
  2. data/{assets → app/assets}/javascripts/index.js +7 -2
  3. data/{assets/css → app/assets/stylesheets}/fonts.css +44 -44
  4. data/{assets/css → app/assets/stylesheets}/index.css +1 -1
  5. data/app/assets/stylesheets/logo.css +123 -0
  6. data/dist/logos-inline-svg.json +1 -1
  7. data/index.html +18 -9
  8. data/lib/vipassana/engine.rb +4 -0
  9. data/lib/vipassana/logo_helper.rb +27 -1
  10. data/lib/vipassana/logos_inline_svg.rb +1 -1
  11. data/lib/vipassana/translations.rb +304 -0
  12. data/lib/vipassana-design-standards.rb +2 -1
  13. data/resolution.html +1 -1
  14. data/vipassana-design-standards.gemspec +2 -1
  15. metadata +58 -56
  16. data/assets/css/logo.css +0 -40
  17. /data/{assets → app/assets}/fonts/FootlightMTProBold.woff +0 -0
  18. /data/{assets → app/assets}/fonts/FootlightMTProBoldItalic.woff +0 -0
  19. /data/{assets → app/assets}/fonts/FootlightMTProExtraBold.woff +0 -0
  20. /data/{assets → app/assets}/fonts/FootlightMTProExtraBoldIt.woff +0 -0
  21. /data/{assets → app/assets}/fonts/FootlightMTProItalic.woff +0 -0
  22. /data/{assets → app/assets}/fonts/FootlightMTProLight.base64.js +0 -0
  23. /data/{assets → app/assets}/fonts/FootlightMTProLight.woff +0 -0
  24. /data/{assets → app/assets}/fonts/FootlightMTProLightItalic.woff +0 -0
  25. /data/{assets → app/assets}/fonts/FootlightMTProRegular.woff +0 -0
  26. /data/{assets → app/assets}/fonts/Lato-Black.woff +0 -0
  27. /data/{assets → app/assets}/fonts/Lato-BlackItalic.woff +0 -0
  28. /data/{assets → app/assets}/fonts/Lato-Bold.woff +0 -0
  29. /data/{assets → app/assets}/fonts/Lato-BoldItalic.woff +0 -0
  30. /data/{assets → app/assets}/fonts/Lato-Italic.woff +0 -0
  31. /data/{assets → app/assets}/fonts/Lato-Light.base64.js +0 -0
  32. /data/{assets → app/assets}/fonts/Lato-Light.woff +0 -0
  33. /data/{assets → app/assets}/fonts/Lato-LightItalic.woff +0 -0
  34. /data/{assets → app/assets}/fonts/Lato-Regular.woff +0 -0
  35. /data/{assets → app/assets}/fonts/Lato-Thin.woff +0 -0
  36. /data/{assets → app/assets}/fonts/Lato-ThinItalic.woff +0 -0
  37. /data/{assets → app/assets}/fonts/OFL.txt +0 -0
  38. /data/{assets → app/assets}/images/wheels/favicon.png +0 -0
  39. /data/{assets → app/assets}/images/wheels/favicon.svg +0 -0
  40. /data/{assets → app/assets}/images/wheels/old versions/2.5D-wheel.png +0 -0
  41. /data/{assets → app/assets}/images/wheels/old versions/2.5D-wheel.svg +0 -0
  42. /data/{assets → app/assets}/images/wheels/old versions/2D-wheel.svg +0 -0
  43. /data/{assets → app/assets}/images/wheels/old versions/3D-wheel.svg +0 -0
  44. /data/{assets → app/assets}/images/wheels/old versions/dhamma wheel 3D.png +0 -0
  45. /data/{assets → app/assets}/images/wheels/old versions/wheel-3d.ai +0 -0
  46. /data/{assets → app/assets}/images/wheels/old versions/wheel-3d.png +0 -0
  47. /data/{assets → app/assets}/images/wheels/tests/2.5D-wheel-1.svg +0 -0
  48. /data/{assets → app/assets}/images/wheels/tests/2.5D-wheel-2.svg +0 -0
  49. /data/{assets → app/assets}/images/wheels/tests/2.5D-wheel-3.svg +0 -0
  50. /data/{assets → app/assets}/images/wheels/tests/2.5D-wheel-4.svg +0 -0
  51. /data/{assets → app/assets}/images/wheels/tests/2.5D-wheel-5.svg +0 -0
  52. /data/{assets → app/assets}/images/wheels/tests/2.5D-wheel-6.svg +0 -0
  53. /data/{assets → app/assets}/images/wheels/tests/2.5D-wheel-7.svg +0 -0
  54. /data/{assets → app/assets}/images/wheels/tests/2.5D-wheel-8.svg +0 -0
  55. /data/{assets → app/assets}/images/wheels/tests/2.5D-wheel-sebastian.svg +0 -0
  56. /data/{assets → app/assets}/images/wheels/tests/3D-wheel-2.svg +0 -0
  57. /data/{assets → app/assets}/images/wheels/tests/3D-wheel-sebastian.svg +0 -0
  58. /data/{assets → app/assets}/images/wheels/tests/3D-wheel.svg +0 -0
  59. /data/{assets → app/assets}/images/wheels/wheel-2023-duotone.png +0 -0
  60. /data/{assets → app/assets}/images/wheels/wheel-2023-duotone.svg +0 -0
  61. /data/{assets → app/assets}/images/wheels/wheel-2023-duotone.svg.js +0 -0
  62. /data/{assets → app/assets}/images/wheels/wheel-2023-working-document-with-all-layers.svg +0 -0
  63. /data/{assets → app/assets}/images/wheels/wheel-2023.png +0 -0
  64. /data/{assets → app/assets}/images/wheels/wheel-2023.svg +0 -0
  65. /data/{assets → app/assets}/images/wheels/wheel-2023.svg.js +0 -0
  66. /data/{assets → app/assets}/javascripts/i18n.js +0 -0
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: cc96aa2c95db4a4b6465fffba2d43a1b4ab6f0cdbe20e69a2ac61786b018433e
4
- data.tar.gz: b9cfc9adb579e8f45c2dbdb468c103296a326fa95234b317ea8667cf9e89e38b
3
+ metadata.gz: 9ae88e192b757568c109e554815b2fef7446e8124653399ddbaf291f2519e30a
4
+ data.tar.gz: a46da6cb667d9c11b50e856165048371ba44984b8cb29ba9581db948eb6f9238
5
5
  SHA512:
6
- metadata.gz: 46830664707c4b2cc4b3e11a072722a3f457ef08268e566f5131d4d7003bd1f8ded393b49c1074333d793bfa7624d2f7d8c015bf2dbdd4915668a4b8de5730a9
7
- data.tar.gz: 3b32f8f4f9986bb871ffe402e9e2fa27dc038edd444e48e714742f454269110d2e705149f40aa498450c3cec6bbfe14fe16f2fac0143aa88a28470ee1f29f278
6
+ metadata.gz: 4d39d74b8e7c54f12177a7302c75f77b8b0091bcd6d8f9fc06add75f53aa073c1103424bfd00edbc4440e505f5a1ad8935b7fe54d1394a2311ad331f40566be8
7
+ data.tar.gz: 5e77dcc386052ea6df947c7a8fec6d11d71d4101eb0b1feaee7f2f16ae13346ccaaf30a79c97aadd09dc152b122958aec40691e6a4dce65bd7ade5252bfb5c0c
@@ -95,8 +95,11 @@ export default {
95
95
  taglineFontFamily() {
96
96
  return this.getTaglineFontFamily(this.locale)
97
97
  },
98
+ reverse() {
99
+ return this.i18n[this.locale].reverse
100
+ },
98
101
  positions() {
99
- if (this.i18n[this.locale].reverse) {
102
+ if (this.reverse) {
100
103
  return {
101
104
  'left-one-line': {
102
105
  firstTitleTop: 60,
@@ -257,7 +260,9 @@ export default {
257
260
  },
258
261
  downloadPNG() {
259
262
  const [filename, canvas] = this.getPNGData()
260
- fileSaver.saveAs(canvas.toDataURL(), filename);
263
+ setTimeout(() => {
264
+ fileSaver.saveAs(canvas.toDataURL(), filename);
265
+ }, 100)
261
266
  },
262
267
  getPNGData() {
263
268
  // SVG -> canvas -> PNG
@@ -3,70 +3,70 @@
3
3
  */
4
4
 
5
5
  :root { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
6
- html[lang="en"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
7
- html[lang="bg"] { --vipassana-font-family: 'Noto Sans'; --vipassana-headings-font-family: 'FootLight'; }
8
- html[lang="cs"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
9
- html[lang="de"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
10
- html[lang="el"] { --vipassana-font-family: 'Noto Sans'; --vipassana-headings-font-family: 'FootLight'; }
11
- html[lang="es"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
12
- html[lang="fa"] { --vipassana-font-family: 'Noto Sans Arabic'; --vipassana-headings-font-family: 'Noto Sans Arabic'; }
13
- html[lang="fi"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
14
- html[lang="fr"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
15
- html[lang="gu"] { --vipassana-font-family: 'Noto Sans Gujarati'; --vipassana-headings-font-family: 'Noto Sans Gujarati'; }
16
- html[lang="he"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
17
- html[lang="hi"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
18
- html[lang="hu"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
19
- html[lang="id"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
20
- html[lang="it"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
21
- html[lang="ja"] { --vipassana-font-family: 'Noto Sans JP'; --vipassana-headings-font-family: 'Noto Sans JP'; }
22
- html[lang="km"] { --vipassana-font-family: 'Noto Sans Khmer'; --vipassana-headings-font-family: 'Noto Sans Khmer'; }
23
- html[lang="ko"] { --vipassana-font-family: 'Noto Sans KR'; --vipassana-headings-font-family: 'Noto Sans KR'; }
24
- html[lang="lt"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
25
- html[lang="lv"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
26
- html[lang="mk"] { --vipassana-font-family: 'Noto Sans'; --vipassana-headings-font-family: 'FootLight'; }
27
- html[lang="mr"] { --vipassana-font-family: 'Noto Sans'; --vipassana-headings-font-family: 'FootLight'; }
28
- html[lang="nl"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
29
- html[lang="or"] { --vipassana-font-family: 'Noto Sans'; --vipassana-headings-font-family: 'FootLight'; }
30
- html[lang="pl"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
31
- html[lang="pt"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
32
- html[lang="ro"] { --vipassana-font-family: 'Noto Sans'; --vipassana-headings-font-family: 'FootLight'; }
33
- html[lang="ru"] { --vipassana-font-family: 'Noto Sans'; --vipassana-headings-font-family: 'FootLight'; }
34
- html[lang="si"] { --vipassana-font-family: 'Noto Sans Sinhala'; --vipassana-headings-font-family: 'Noto Sans Sinhala'; }
35
- html[lang="sl"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
36
- html[lang="sr"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
37
- html[lang="sv"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
38
- html[lang="ta"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
39
- html[lang="te"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
40
- html[lang="th"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
41
- html[lang="tr"] { --vipassana-font-family: 'Noto Sans'; --vipassana-headings-font-family: 'FootLight'; }
42
- html[lang="vi"] { --vipassana-font-family: 'Noto Sans'; --vipassana-headings-font-family: 'FootLight'; }
43
- html[lang="zh-HANS"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
44
- html[lang="zh-HANT"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
45
- html[lang="zh-HANT-HK"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
6
+ [lang="en"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
7
+ [lang="bg"] { --vipassana-font-family: 'Noto Sans'; --vipassana-headings-font-family: 'FootLight'; }
8
+ [lang="cs"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
9
+ [lang="de"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
10
+ [lang="el"] { --vipassana-font-family: 'Noto Sans'; --vipassana-headings-font-family: 'FootLight'; }
11
+ [lang="es"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
12
+ [lang="fa"] { --vipassana-font-family: 'Noto Sans Arabic'; --vipassana-headings-font-family: 'Noto Sans Arabic'; }
13
+ [lang="fi"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
14
+ [lang="fr"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
15
+ [lang="gu"] { --vipassana-font-family: 'Noto Sans Gujarati'; --vipassana-headings-font-family: 'Noto Sans Gujarati'; }
16
+ [lang="he"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
17
+ [lang="hi"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
18
+ [lang="hu"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
19
+ [lang="id"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
20
+ [lang="it"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
21
+ [lang="ja"] { --vipassana-font-family: 'Noto Sans JP'; --vipassana-headings-font-family: 'Noto Sans JP'; }
22
+ [lang="km"] { --vipassana-font-family: 'Noto Sans Khmer'; --vipassana-headings-font-family: 'Noto Sans Khmer'; }
23
+ [lang="ko"] { --vipassana-font-family: 'Noto Sans KR'; --vipassana-headings-font-family: 'Noto Sans KR'; }
24
+ [lang="lt"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
25
+ [lang="lv"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
26
+ [lang="mk"] { --vipassana-font-family: 'Noto Sans'; --vipassana-headings-font-family: 'FootLight'; }
27
+ [lang="mr"] { --vipassana-font-family: 'Noto Sans'; --vipassana-headings-font-family: 'FootLight'; }
28
+ [lang="nl"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
29
+ [lang="or"] { --vipassana-font-family: 'Noto Sans'; --vipassana-headings-font-family: 'FootLight'; }
30
+ [lang="pl"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
31
+ [lang="pt"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
32
+ [lang="ro"] { --vipassana-font-family: 'Noto Sans'; --vipassana-headings-font-family: 'FootLight'; }
33
+ [lang="ru"] { --vipassana-font-family: 'Noto Sans'; --vipassana-headings-font-family: 'FootLight'; }
34
+ [lang="si"] { --vipassana-font-family: 'Noto Sans Sinhala'; --vipassana-headings-font-family: 'Noto Sans Sinhala'; }
35
+ [lang="sl"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
36
+ [lang="sr"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
37
+ [lang="sv"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
38
+ [lang="ta"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
39
+ [lang="te"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
40
+ [lang="th"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
41
+ [lang="tr"] { --vipassana-font-family: 'Noto Sans'; --vipassana-headings-font-family: 'FootLight'; }
42
+ [lang="vi"] { --vipassana-font-family: 'Noto Sans'; --vipassana-headings-font-family: 'FootLight'; }
43
+ [lang="zh-HANS"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
44
+ [lang="zh-HANT"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
45
+ [lang="zh-HANT-HK"] { --vipassana-font-family: 'Lato'; --vipassana-headings-font-family: 'FootLight'; }
46
46
 
47
47
  /* Main fonts */
48
48
 
49
49
  @font-face {
50
50
  font-family: 'FootLight';
51
- src: url('https://design-standards.dhamma.org/assets/fonts/FootlightMTProLight.woff');
51
+ src: url('../fonts/FootlightMTProLight.woff');
52
52
  font-weight: normal;
53
53
  font-style: normal;
54
54
  }
55
55
  @font-face {
56
56
  font-family: 'Lato';
57
- src: url('https://design-standards.dhamma.org/assets/fonts/Lato-Regular.woff');
57
+ src: url('../fonts/Lato-Regular.woff');
58
58
  font-weight: normal;
59
59
  font-style: normal;
60
60
  }
61
61
  @font-face {
62
62
  font-family: 'Lato';
63
- src: url('https://design-standards.dhamma.org/assets/fonts/Lato-Light.woff');
63
+ src: url('../fonts/Lato-Light.woff');
64
64
  font-weight: 300;
65
65
  font-style: normal;
66
66
  }
67
67
  @font-face {
68
68
  font-family: 'Lato';
69
- src: url('https://design-standards.dhamma.org/assets/fonts/Lato-Bold.woff');
69
+ src: url('../fonts/Lato-Bold.woff');
70
70
  font-weight: 800;
71
71
  font-style: normal;
72
72
  }
@@ -122,7 +122,7 @@ select, button {
122
122
  border-radius: 3px;
123
123
  }
124
124
 
125
- #logo-html, canvas {
125
+ .vipassana-logo, canvas {
126
126
  /* out of screen */
127
127
  visibility: hidden;
128
128
  position: absolute;
@@ -0,0 +1,123 @@
1
+ .vipassana-logo {
2
+ display: inline-flex;
3
+ align-items: center;
4
+ transform: scale(1);
5
+ transform-origin: left;
6
+
7
+ --vipassana-logo-title-color: #9C6B14;
8
+ --vipassana-logo-tagline-color: #4F4D47;
9
+
10
+ --vipassana-logo-title-line-height: 1.1;
11
+ --vipassana-logo-tagline-line-height: 1.4;
12
+ }
13
+ .vipassana-logo[data-disposition="auto"] {
14
+ max-width: 44em; /* the title will wrap if it's too long */
15
+ }
16
+ .vipassana-logo[data-disposition="left-two-lines"] {
17
+ --vipassana-logo-tagline-line-height: 1.25;
18
+ }
19
+ .vipassana-logo[data-disposition="left-two-lines"][data-tagline="true"] {
20
+ --vipassana-logo-title-line-height: 1.05;
21
+ --vipassana-logo-tagline-line-height: 1.25;
22
+ }
23
+ .vipassana-logo[data-disposition="left-two-lines"][data-tagline="false"] {
24
+ --vipassana-logo-title-line-height: 1.15;
25
+ }
26
+ .vipassana-logo[data-reverse="true"] {
27
+ --vipassana-logo-tagline-line-height: 1.8;
28
+ }
29
+ .vipassana-logo[data-dark-mode="true"] {
30
+ --vipassana-logo-title-color: white;
31
+ --vipassana-logo-tagline-color: #ffffff90;
32
+ }
33
+ .vipassana-logo[data-disposition="centered"] {
34
+ flex-direction: column;
35
+ text-align: center;
36
+ }
37
+
38
+ /* Wheel */
39
+ .vipassana-logo .logo-wheel {
40
+ height: 5.5em;
41
+ max-width: 3.9em;
42
+ margin-right: 1em;
43
+ }
44
+ [dir="rtl"] .vipassana-logo .logo-wheel {
45
+ margin-left: 1em;
46
+ margin-right: 0;
47
+ }
48
+ .vipassana-logo[data-disposition="centered"] .logo-wheel {
49
+ margin: 0 !important;
50
+ margin-bottom: .6em !important;
51
+ }
52
+ .vipassana-logo[data-disposition="centered"][data-reverse="true"] .logo-wheel {
53
+ margin-bottom: .25em !important;
54
+ }
55
+
56
+ /* Text */
57
+ .vipassana-logo .logo-text {
58
+ display: flex;
59
+ flex-direction: column;
60
+ }
61
+ .vipassana-logo[data-reverse="true"] .logo-text {
62
+ flex-direction: column-reverse;
63
+ }
64
+
65
+ /* Title */
66
+ .vipassana-logo .logo-title {
67
+ color: var(--vipassana-logo-title-color);
68
+ font-family: var(--vipassana-headings-font-family);
69
+ line-height: var(--vipassana-logo-title-line-height);
70
+ font-size: 1.8em;
71
+ font-weight: normal;
72
+ margin: 0;
73
+ padding: 0;
74
+ display: flex;
75
+ flex-direction: row;
76
+ flex-wrap: wrap;
77
+ }
78
+ .vipassana-logo[data-reverse="true"] .logo-title {
79
+ flex-direction: row-reverse;
80
+ }
81
+ .vipassana-logo[data-disposition="left-two-lines"] .logo-title,
82
+ .vipassana-logo[data-disposition="centered"] .logo-title {
83
+ flex-direction: column;
84
+ }
85
+ .vipassana-logo[data-disposition="left-two-lines"] .logo-space,
86
+ .vipassana-logo[data-disposition="centered"] .logo-space {
87
+ display: none;
88
+ }
89
+ .vipassana-logo[data-disposition="left-two-lines"][data-reverse="true"] .logo-title,
90
+ .vipassana-logo[data-disposition="centered"][data-reverse="true"] .logo-title {
91
+ flex-direction: column-reverse;
92
+ }
93
+
94
+
95
+ .vipassana-logo .logo-title span {
96
+ display: inline-flex;
97
+ }
98
+ .vipassana-logo:not([data-reverse="true"]) [data-start-with="v"] {
99
+ margin-left: -.17em;
100
+ }
101
+ [dir="rtl"] .vipassana-logo [data-start-with="v"] {
102
+ margin-left: 0 !important;
103
+ }
104
+
105
+ .vipassana-logo[data-disposition="left-two-lines"] .logo-title span {
106
+ width: 100%;
107
+ }
108
+ .vipassana-logo[data-disposition="centered"] .logo-title span {
109
+ width: 100%;
110
+ justify-content: center;
111
+ }
112
+
113
+ /* Tagline */
114
+ .logo-subtitle {
115
+ color: var(--vipassana-logo-tagline-color);
116
+ font-family: var(--vipassana-font-family);
117
+ font-weight: 300;
118
+ font-size: 1em;
119
+ line-height: var(--vipassana-logo-tagline-line-height);
120
+ }
121
+ .vipassana-logo[data-tagline="false"] .logo-subtitle {
122
+ display: none;
123
+ }