vipassana-design-standards 0.0.12 → 0.0.14

package/dist/css/logo.css

@@ -0,0 +1,144 @@
+.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;
+}
+
+[dir=rtl] .vipassana-logo .logo-wheel {
+  margin-left: 1em;
+  margin-right: 0;
+}
+
+.vipassana-logo[data-disposition=centered] .logo-wheel {
+  margin: 0 !important;
+  margin-bottom: 0.6em !important;
+}
+
+.vipassana-logo[data-disposition=centered][data-reverse=true] .logo-wheel {
+  margin-bottom: 0.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: -0.17em;
+}
+
+[dir=rtl] .vipassana-logo [data-start-with=v] {
+  margin-left: 0 !important;
+}
+
+.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;
+}
+
+/*# sourceMappingURL=logo.css.map */

package/dist/css/logo.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../app/assets/stylesheets/logo.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAGF;AACA;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAGF;AACA;EACE;EACA;;;AAEF;EACE;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;AAAA;EAEE;;;AAEF;AAAA;EAEE;;;AAEF;AAAA;EAEE;;;AAIF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;;;AAEF;EACE;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE","file":"logo.css"}