vipassana-design-standards 0.0.20 → 0.0.22

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

@@ -1,42 +0,0 @@
-.vds-header {
-  text-align: center;
-  position: relative;
-  background-color: white;
-  color: $primary;
-  display: flex;
-  align-items: center;
-  @extend .d-print-none;
-
-  border-bottom: 2px solid $secondary;
-  @include media-breakpoint-up(md) {
-    border-top: 1.25rem solid $primary;
-  }
-
-  .vds-container {
-    --header-y-padding: 1rem;
-    @include media-breakpoint-down(md) {
-      --header-y-padding: .5rem;
-    }
-    padding: var(--header-y-padding) var(--layout-padding);
-  }
-
-  .vds-logo-link {
-    display: inline-flex;
-    text-decoration: none;
-
-    svg {
-      max-height: 40px;
-      max-width: 100%;
-      @include media-breakpoint-up(md) {
-        max-height: 70px;
-      }
-    }
-  }
-
-  .vds-locale-picker {
-    border: none;
-    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

@@ -1,90 +0,0 @@
-html, body {
-  height: 100%;
-}
-
-.vds-body {
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-
-  --page-max-width: 100%;
-
-  &:not(.iframe) {
-    @include media-breakpoint-up(xl) {
-      --page-max-width: 900px;
-      &.with-sidenav {
-        --page-max-width: 1100px;
-      }
-    }
-  }
-
-  .vds-page {
-    display: flex;
-    flex-grow: 1;
-
-    .vds-page-content {
-      flex-grow: 1;
-      @extend .bg-body;
-
-      & > h1:first-child, & > h2:first-child {
-        margin-top: 0;
-      }
-    }
-  }
-
-}
-
-// The container so eery part of the page have same content-width
-.vds-container {
-  width: 100%;
-  max-width: var(--page-max-width);
-  margin-left: auto;
-  margin-right: auto;
-}
-
-// wait for vue to be loaded to display it
-.vue-container {
-  --page-content-opacity: 0;
-  &.mounted {
-    --page-content-opacity: 1;
-  }
-
-  .vds-page-real-content {
-    transition: opacity .3s;
-    opacity: var(--page-content-opacity);
-  }
-}
-
-//  Sticky footer
-.vds-header-and-content {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-
-  .vds-page-content {
-    padding: var(--layout-padding);
-  }
-}
-
-.vds-footer {
-  background-color: var(--bs-primary);
-  color: white;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-
-  .vds-container {
-    padding: 1rem var(--layout-padding);
-  }
-
-  a {
-    color: white;
-    text-decoration: none;
-    &:hover {
-      color: white;
-      text-decoration: underline;
-    }
-  }
-}

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

@@ -1,5 +0,0 @@
-@mixin page-width($width) {
-  .vds-page {
-    --page-max-width: #{$width};
-  }
-}

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

@@ -1,43 +0,0 @@
-.vds-sidenav {
-  background-color: $gold-200;
-  margin-right: 1rem;
-  padding: var(--layout-padding);
-  font-size: 1.25rem;
-  @extend .d-none;
-  @extend .d-lg-block;
-  @extend .d-print-none;
-  @extend .flex-shrink-0;
-
-  ul {
-    @extend .sticky-top;
-    top: 1rem;
-    z-index: 100;
-
-    a {
-      font-family: $headings-font-family;
-      font-weight: 600;
-      &.active {
-        color: $gold-600;
-      }
-    }
-  }
-}
-
-.vds-mobile-sidenav {
-  .locale-icon {
-    display: none;
-  }
-}
-
-.vds-sidenav, .vds-mobile-sidenav {
-  ul {
-    @extend .list-unstyled;
-    @extend .flex-column;
-
-    li {
-      a {
-        @extend .text-decoration-none;
-      }
-    }
-  }
-}

package/src/stylesheets/logo.scss

@@ -1,121 +0,0 @@
-.vipassana-logo {
-  display: inline-flex;
-  align-items: center;
-  transform: scale(1);
-  transform-origin: left;
-  text-align: left;
-  text-decoration: none;
-
-  --vipassana-logo-title-color: #9C6B14;
-  --vipassana-logo-tagline-color: #4F4D47;
-
-  --vipassana-logo-title-line-height: 1.1;
-  --vipassana-logo-tagline-line-height: 1.4;
-
-  --vipassana-logo-title-font-size: 1.8em;
-  --vipassana-logo-tagline-font-size: 1.1em;
-}
-.vipassana-logo[data-disposition="left-two-lines"][data-tagline="true"] {
-  --vipassana-logo-title-line-height: 1.1;
-  --vipassana-logo-tagline-line-height: 1.25;
-  --vipassana-logo-title-font-size: 1.7em;
-  --vipassana-logo-tagline-font-size: 1em;
-}
-.vipassana-logo[data-disposition="left-two-lines"][data-tagline="false"] {
-  --vipassana-logo-title-line-height: 1.15;
-  --vipassana-logo-title-font-size: 1.9em;
-}
-.vipassana-logo[data-reverse="true"] {
-  --vipassana-logo-tagline-line-height: 1.8;
-}
-.vipassana-logo[data-dark-mode="true"] {
-  --vipassana-logo-title-color: white;
-  --vipassana-logo-tagline-color: #ffffff90;
-}
-.vipassana-logo[data-disposition="default"] {
-  max-width: 48em; /* the title will wrap if it's too long */
-}
-.vipassana-logo[data-disposition="centered"] {
-  flex-direction: column;
-  text-align: center;
-}
-
-/* Wheel */
-.vipassana-logo .logo-wheel {
-  height: 5.5em;
-  max-width: 3.9em;
-  margin-right: 1em;
-}
-.vipassana-logo[data-disposition="centered"] .logo-wheel {
-  margin: 0 !important;
-  margin-bottom: .6em !important;
-}
-.vipassana-logo[data-disposition="centered"][data-reverse="true"] .logo-wheel {
-  margin-bottom: .25em !important;
-}
-
-/* Text */
-.vipassana-logo .logo-text {
-  display: flex;
-  flex-direction: column;
-}
-.vipassana-logo[data-reverse="true"] .logo-text {
-  flex-direction: column-reverse;
-}
-
-/* Title */
-.vipassana-logo .logo-title {
-  color: var(--vipassana-logo-title-color);
-  font-family: var(--vds-headings-font-family);
-  line-height: var(--vipassana-logo-title-line-height);
-  font-size: var(--vipassana-logo-title-font-size);
-  font-weight: normal;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-}
-.vipassana-logo[data-reverse="true"] .logo-title {
-  flex-direction: row-reverse;
-}
-.vipassana-logo[data-disposition="left-two-lines"] .logo-title,
-.vipassana-logo[data-disposition="centered"] .logo-title {
-  flex-direction: column;
-}
-.vipassana-logo[data-disposition="left-two-lines"] .logo-space,
-.vipassana-logo[data-disposition="centered"] .logo-space {
-  display: none;
-}
-.vipassana-logo[data-disposition="left-two-lines"][data-reverse="true"] .logo-title,
-.vipassana-logo[data-disposition="centered"][data-reverse="true"] .logo-title {
-  flex-direction: column-reverse;
-}
-
-
-.vipassana-logo .logo-title span {
-  display: inline-flex;
-}
-.vipassana-logo:not([data-reverse="true"]) [data-start-with="v"] {
-  margin-left: -.17em /*rtl:0*/;
-}
-
-.vipassana-logo[data-disposition="left-two-lines"] .logo-title span {
-  width: 100%;
-}
-.vipassana-logo[data-disposition="centered"] .logo-title span {
-  width: 100%;
-  justify-content: center;
-}
-
-/* Tagline */
-.logo-subtitle {
-  color: var(--vipassana-logo-tagline-color);
-  font-family: var(--vds-font-family);
-  font-weight: 300;
-  font-size: var(--vipassana-logo-tagline-font-size);
-  line-height: var(--vipassana-logo-tagline-line-height);
-}
-.vipassana-logo[data-tagline="false"] .logo-subtitle {
-  display: none;
-}

package/src/stylesheets/mixins.scss

@@ -1,11 +0,0 @@
-$grid-breakpoints: (
-  xs: 0,
-  sm: 576px,
-  md: 768px,
-  lg: 992px,
-  xl: 1200px,
-  xxl: 1400px
-) !default;
-@import "bootstrap5/scss/mixins/_breakpoints.scss";
-
-@import "layout/vds-mixins.scss";

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

@@ -1,65 +0,0 @@
-/* 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;
-}