vipassana-design-standards 0.0.12 → 0.0.13

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 (5) hide show
  1. package/README.md +8 -4
  2. package/app/assets/stylesheets/logo.css +1 -0
  3. package/app/assets/stylesheets/vds-header.scss +9 -5
  4. package/app/assets/stylesheets/vds-layout.scss +4 -0
  5. package/package.json +3 -2
package/README.md CHANGED
@@ -8,10 +8,13 @@ helper Vipassana::LogoHelper
8
8
 
9
9
  <body class="vds-body">
10
10
  <div class="vds-header-and-content">
11
+ <!-- Header -->
11
12
  <header class="vds-header">
12
- <!-- Logo vipassana_logo_svg -->
13
+ <div class="vds-container">
14
+ <a href class="vds-logo"><!-- Logo vipassana_logo_svg --></a>
15
+ </div>
13
16
  </header>
14
-
17
+ <!-- Page -->
15
18
  <div class="vds-page vds-container">
16
19
  <div class="vds-sidenav">
17
20
  <ul>
@@ -20,13 +23,14 @@ helper Vipassana::LogoHelper
20
23
  </li>
21
24
  </ul>
22
25
  </div>
23
-
24
26
  <div class="vds-page-content">
25
27
  <!-- Page content -->
26
28
  </div>
27
29
  </div>
28
30
  </div>
29
-
31
+ <!-- Footer -->
30
32
  <footer class="vds-footer">
33
+ <div class="vds-container">
34
+ </div>
31
35
  </footer>
32
36
  </body>
package/app/assets/stylesheets/logo.css CHANGED
@@ -4,6 +4,7 @@
4
4
  transform: scale(1);
5
5
  transform-origin: left;
6
6
  text-align: left;
7
+ text-decoration: none;
7
8
 
8
9
  --vipassana-logo-title-color: #9C6B14;
9
10
  --vipassana-logo-tagline-color: #4F4D47;
package/app/assets/stylesheets/vds-header.scss CHANGED
@@ -20,11 +20,15 @@
20
20
  padding: var(--header-y-padding) var(--layout-padding);
21
21
  }
22
22
 
23
- .vds-logo svg {
24
- max-height: 40px;
25
- max-width: 100%;
26
- @include media-breakpoint-up(md) {
27
- max-height: 70px;
23
+ .vds-logo {
24
+ display: inline-flex;
25
+
26
+ svg {
27
+ max-height: 40px;
28
+ max-width: 100%;
29
+ @include media-breakpoint-up(md) {
30
+ max-height: 70px;
31
+ }
28
32
  }
29
33
  }
30
34
  }
package/app/assets/stylesheets/vds-layout.scss CHANGED
@@ -1,3 +1,7 @@
1
+ html, body {
2
+ height: 100%;
3
+ }
4
+
1
5
  .vds-body {
2
6
  --page-max-width: 100%;
3
7
 
package/package.json CHANGED
@@ -1,11 +1,12 @@
1
1
  {
2
2
  "name": "vipassana-design-standards",
3
- "version": "0.0.12",
3
+ "version": "0.0.13",
4
4
  "description": "Vipassana design standards materials",
5
5
  "homepage": "https://design-standards.dhamma.org",
6
6
  "author": "Dhamma Workers",
7
7
  "dependencies": {
8
- "bootstrap5": "npm:bootstrap@5"
8
+ "bootstrap5": "npm:bootstrap@5",
9
+ "@popperjs/core": "^2.9.1"
9
10
  },
10
11
  "sass": "app/assets/stylesheets/vds.scss"
11
12
  }