vipassana-design-standards 0.0.14 → 0.0.16

package/src/stylesheets/layout/vds-header.scss

@@ -32,4 +32,12 @@
       }
     }
   }
+
+  .vds-locale-picker {
+    border: none;
+    padding-right: 2.3em;
+    padding-left: 0.7em;
+    color: $primary;
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 18'%3e%3cpath fill='none' stroke='%231e3461' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
+  }
 }

package/src/stylesheets/layout/vds-layout.scss

@@ -3,6 +3,10 @@ html, body {
 }
 
 .vds-body {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+
   --page-max-width: 100%;
 
   &:not(.iframe) {
@@ -53,11 +57,10 @@ html, body {
 
 //  Sticky footer
 .vds-header-and-content {
-  min-height: 100%;
-  padding-bottom: 3.5rem;
   position: relative;
   display: flex;
   flex-direction: column;
+  flex-grow: 1;
 
   .vds-page-content {
     padding: var(--layout-padding);
@@ -67,15 +70,13 @@ html, body {
 .vds-footer {
   background-color: var(--bs-primary);
   color: white;
-  margin-top: -3.5rem;
-  height: 3.5rem;
   position: relative;
   display: flex;
   flex-direction: column;
   justify-content: center;
 
   .vds-container {
-    padding: 0 var(--layout-padding);
+    padding: 1rem var(--layout-padding);
   }
 
   a {

package/src/stylesheets/logo.scss

@@ -46,10 +46,6 @@
   max-width: 3.9em;
   margin-right: 1em;
 }
-[dir="rtl"] .vipassana-logo .logo-wheel {
-  margin-left: 1em;
-  margin-right: 0;
-}
 .vipassana-logo[data-disposition="centered"] .logo-wheel {
   margin: 0 !important;
   margin-bottom: .6em !important;
@@ -101,10 +97,7 @@
   display: inline-flex;
 }
 .vipassana-logo:not([data-reverse="true"]) [data-start-with="v"] {
-  margin-left: -.17em;
-}
-[dir="rtl"] .vipassana-logo [data-start-with="v"] {
-  margin-left: 0 !important;
+  margin-left: -.17em /*rtl:0*/;
 }
 
 .vipassana-logo[data-disposition="left-two-lines"] .logo-title span {

package/src/stylesheets/specific-fonts/fonts-gu.css

@@ -0,0 +1,65 @@
+/* gujarati */
+@font-face {
+  font-family: 'Noto Sans Gujarati';
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/notosansgujarati/v23/wlpZgx_HC1ti5ViekvcxnhMlCVo3f5pv17ivlzsUB14gg1TMbXaYEL-C.woff2) format('woff2');
+  unicode-range: U+0964-0965, U+0A80-0AFF, U+200C-200D, U+20B9, U+25CC, U+A830-A839;
+}
+
+/* latin-ext */
+@font-face {
+  font-family: 'Noto Sans Gujarati';
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/notosansgujarati/v23/wlpZgx_HC1ti5ViekvcxnhMlCVo3f5pv17ivlzsUB14gg1TMbWOYEL-C.woff2) format('woff2');
+  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;
+}
+
+/* latin */
+@font-face {
+  font-family: 'Noto Sans Gujarati';
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/notosansgujarati/v23/wlpZgx_HC1ti5ViekvcxnhMlCVo3f5pv17ivlzsUB14gg1TMbW2YEA.woff2) format('woff2');
+  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;
+}
+
+/* gujarati */
+@font-face {
+  font-family: 'Noto Sans Gujarati';
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/notosansgujarati/v23/wlpZgx_HC1ti5ViekvcxnhMlCVo3f5pv17ivlzsUB14gg1TMbXaYEL-C.woff2) format('woff2');
+  unicode-range: U+0964-0965, U+0A80-0AFF, U+200C-200D, U+20B9, U+25CC, U+A830-A839;
+}
+
+/* latin-ext */
+@font-face {
+  font-family: 'Noto Sans Gujarati';
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/notosansgujarati/v23/wlpZgx_HC1ti5ViekvcxnhMlCVo3f5pv17ivlzsUB14gg1TMbWOYEL-C.woff2) format('woff2');
+  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;
+}
+
+/* latin */
+@font-face {
+  font-family: 'Noto Sans Gujarati';
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/notosansgujarati/v23/wlpZgx_HC1ti5ViekvcxnhMlCVo3f5pv17ivlzsUB14gg1TMbW2YEA.woff2) format('woff2');
+  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;
+}