@icvdeveloper/common-module 0.0.41 → 0.0.43

package/dist/runtime/assets/scss/_custom.scss

@@ -1,364 +0,0 @@
-// Background Colors
-
-.bg-color-white {
-  background-color: #fff;
-}
-
-.bg-color-white-darker {
-  background-color: darken(#fff, 3);
-}
-
-.bg-color-1 {
-  background-color: $global-color-1;
-}
-.bg-color-2 {
-  background-color: $global-color-2;
-}
-.bg-color-3 {
-  background-color: $global-color-3;
-}
-.bg-color-4 {
-  background-color: $global-color-4;
-}
-.bg-color-5 {
-  background-color: $global-color-5;
-}
-.bg-color-6 {
-  background-color: $global-color-6;
-}
-.bg-color-link {
-  background-color: $link-color;
-}
-.bg-color-1-darker {
-  background-color: darken($global-color-1, 10%);
-}
-.bg-color-2-darker {
-  background-color: darken($global-color-2, 10%);
-}
-.bg-color-3-darker {
-  background-color: darken($global-color-3, 10%);
-}
-.bg-color-4-darker {
-  background-color: darken($global-color-4, 10%);
-}
-.bg-color-5-darker {
-  background-color: darken($global-color-5, 10%);
-}
-.bg-color-6-darker {
-  background-color: darken($global-color-6, 10%);
-}
-
-// Heading Colors
-
-.heading-color-1 {
-  color: $heading-color-1;
-}
-.heading-color-2 {
-  color: $heading-color-2;
-}
-.heading-color-3 {
-  color: $heading-color-3;
-}
-.heading-color-4 {
-  color: $heading-color-4;
-}
-.heading-color-5 {
-  color: $heading-color-5;
-}
-.heading-color-6 {
-  color: $heading-color-6;
-}
-
-// Body Colors
-
-.body-color-1 {
-  color: $body-color-1;
-}
-.body-color-2 {
-  color: $body-color-2;
-}
-.body-color-3 {
-  color: $body-color-3;
-}
-.body-color-4 {
-  color: $body-color-4;
-}
-.body-color-5 {
-  color: $body-color-5;
-}
-.body-color-6 {
-  color: $body-color-6;
-}
-
-// Paragraph Colors
-
-.paragraph-color-1 {
-  color: $paragraph-color-1;
-}
-.paragraph-color-2 {
-  color: $paragraph-color-2;
-}
-
-// Nav Text Colors
-
-.nav-color-1 {
-  color: $nav-color-1;
-}
-.nav-color-2 {
-  color: $nav-color-2;
-}
-.nav-color-3 {
-  color: $nav-color-3;
-}
-.nav-color-4 {
-  color: $nav-color-4;
-}
-.nav-color-5 {
-  color: $nav-color-5;
-}
-
-// Button Colors
-
-.button-color-1 {
-  background-color: $button-color-1;
-}
-.button-color-1-darker {
-  background-color: darken($button-color-1, 10%);
-}
-.button-color-2 {
-  background-color: $button-color-2;
-}
-.button-color-2-darker {
-  background-color: darken($button-color-2, 10%);
-}
-.button-color-3 {
-  background-color: $button-color-3;
-}
-.button-color-3-darker {
-  background-color: darken($button-color-3, 10%);
-}
-
-// Accent Colors
-
-.accent-color-1 {
-  color: $accent-color-1;
-}
-.accent-color-2 {
-  color: $accent-color-2;
-}
-.accent-color-3 {
-  color: $accent-color-3;
-}
-
-// Border Colors
-
-.border-color-1 {
-  border-color: $global-color-1;
-}
-.border-color-2 {
-  border-color: $global-color-2;
-}
-.border-color-3 {
-  border-color: $global-color-3;
-}
-.border-color-4 {
-  border-color: $global-color-4;
-}
-.border-color-5 {
-  border-color: $global-color-5;
-}
-.border-color-accent-1 {
-  border-color: $accent-color-1;
-}
-.border-color-accent-2 {
-  border-color: $accent-color-2;
-}
-.border-color-accent-3 {
-  border-color: $accent-color-3;
-}
-.border-color-link {
-  border-color: $link-color;
-}
-
-// Element Styling
-
-html {
-  background-color: $global-color-1;
-  color: $paragraph-color-1;
-}
-body {
-  font-family: $font-body-1;
-}
-a {
-  color: $link-color;
-  &:hover {
-    color: $link-hover;
-  }
-}
-h1 {
-  font-family: $font-heading-1;
-}
-
-// Font Classes
-
-.font-body-1 {
-  font-family: $font-body-1;
-}
-.font-body-2 {
-  font-family: $font-body-2;
-}
-.font-heading-1 {
-  font-family: $font-heading-1;
-}
-.font-heading-2 {
-  font-family: $font-heading-2;
-}
-
-// Page-Specific Color/Font Classes
-
-// if custom color variable is set, assign to class/element
-
-@if variable-exists(presenter-name-color) {
-  #page-presenters {
-    .presenter-name-color {
-      color: $presenter-name-color;
-    }
-  }
-}
-
-@if variable-exists(presenter-title-color) {
-  #page-presenters {
-    .presenter-title-color {
-      color: $presenter-title-color;
-    }
-  }
-}
-
-// Custom Classes
-.grid {
-  display: grid;
-}
-.place-self-center {
-  place-self: center;
-}
-.text-xxs {
-  font-size: 0.5rem;
-}
-.section-header {
-  @apply mb-0 uppercase tracking-wide;
-}
-.section-subheader {
-  @apply tracking-wide font-thin;
-}
-
-.contrast-border {
-  border-color: saturate(
-    mix($global-color-1, desaturate(invert($global-color-1), 100%), 90%),
-    5%
-  );
-}
-.presenter-icon {
-  @apply block mx-1;
-  svg {
-    @apply w-6 h-auto;
-  }
-}
-.presenter-icon-small {
-  @apply block;
-  margin: 0 0.2rem;
-  svg {
-    @apply w-4 h-auto;
-  }
-}
-
-.flex-basis-3 {
-  flex-basis: 33%;
-}
-.flex-basis-4 {
-  flex-basis: 25%;
-}
-.flex-basis-5 {
-  flex-basis: 20%;
-}
-
-// Text Classes
-
-.primary-link {
-  @apply no-underline uppercase tracking-wide;
-  font-size: 0.65rem;
-}
-
-.body-copy {
-  @apply paragraph-color-1 font-body-1 text-base leading-normal;
-}
-.heading-primary {
-  @apply heading-color-1 font-heading-1 leading-normal tracking-wide;
-}
-.heading-secondary {
-  @apply heading-color-2 font-heading-2 leading-normal tracking-wide;
-}
-.heading-link {
-  color: $body-color-3;
-  &:hover {
-    color: saturate(
-      mix($body-color-3, desaturate(invert($body-color-3), 100%), 75%),
-      0%
-    );
-  }
-}
-.presenter-name {
-  @apply body-color-4 font-body-1;
-}
-.presenter-title {
-  @apply body-color-5 font-body-1;
-}
-.hr-heading {
-  display: grid;
-  width: auto;
-  align-items: center;
-  text-align: center;
-  grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
-  grid-gap: 0.3em;
-  margin-left: 1em;
-  margin-right: 1em;
-  color: $heading-color-5;
-}
-.hr-heading:before,
-.hr-heading:after {
-  content: "";
-  border-top: 1px solid;
-  border-color: $accent-color-2;
-}
-
-.tabs-details {
-  max-height: 523px;
-  overflow-y: scroll;
-  li::before {
-    content: "—";
-    @apply text-center mr-4 body-color-1;
-    padding-bottom: 0.25rem;
-  }
-}
-
-.conf-name-alignment {
-  margin-top: -0.2em;
-}
-
-.invert {
-  transform: rotate(180deg);
-}
-
-.span-no-spacing {
-  margin-left: -3px;
-}
-
-@if variable-exists(captions-font) and
-  variable-exists(captions-text-color) and
-  variable-exists(captions-bg-color)
-{
-  .jw-text-track-cue {
-    font-family: $captions-font !important;
-    color: $captions-text-color !important;
-    background-color: $captions-bg-color !important;
-  }
-}

package/dist/runtime/assets/scss/_footer.scss

@@ -1,20 +0,0 @@
-footer {
-  // @apply bg-color-5;
-  // nav {
-  //   @apply bg-color-4;
-  //   ul {
-  //     @apply list-none p-0 inline-flex justify-start content-center;
-  //   }
-
-  //   ul li {
-  //     @apply flex-auto flex-grow my-3 mx-6 self-center;
-  //     a {
-  //       @apply no-underline text-white uppercase tracking-wide nav-color-3;
-
-  //       &:hover {
-  //         @apply nav-color-4;
-  //       }
-  //     }
-  //   }
-  // }
-}

package/dist/runtime/assets/scss/_forms.scss

@@ -1,29 +0,0 @@
-.form-input {
-  @apply border rounded w-full py-2 px-3 text-gray-600 leading-tight;
-  &:focus {
-    @apply outline-none shadow;
-  }
-}
-
-.select-input {
-  @apply border rounded w-full text-gray-600 leading-tight py-1 px-2 h-auto;
-  &:focus {
-    @apply outline-none;
-  }
-}
-
-.btn {
-  @apply button-color-1 text-white tracking-wide font-bold uppercase py-2 px-4 rounded;
-
-  &:hover {
-    @apply button-color-1-darker;
-  }
-
-  &-secondary {
-    @apply text-white button-color-2;
-
-    &:hover {
-      @apply button-color-2-darker;
-    }
-  }
-}

package/dist/runtime/assets/scss/_functions.scss

@@ -1,24 +0,0 @@
-@function get-high-contrast-text-color($color) {
-  @if (lightness($color) > 50) {
-    @return darken($color, 60%);
-  } @else {
-    @return lighten($color, 60%);
-  }
-}
-
-@function get-color-value($string) {
-  $first: str-slice($string, 1, 1);
-
-  // Pad <1 values with a leading 0
-  @if $first == '.' {
-    $string: '0' + $string;
-  }
-
-  $last: str-slice($string, -1, -1);
-
-  @return if(
-    $last == '%',
-    nth(_json-decode--number(str-slice($string, 1, -2), 2), 2) * 1%,
-    nth(_json-decode--number($string, 2), 2)
-  );
-}

package/dist/runtime/assets/scss/_header.scss

@@ -1,40 +0,0 @@
-header {
-  // @apply bg-color-2;
-
-  nav {
-    // @apply bg-color-3;
-    //   ul {
-    //     @apply inline-flex flex-1 justify-start content-around text-center;
-    //   }
-
-    //   ul li {
-    //     @apply flex-auto flex-grow my-3 self-center text-center;
-    //     a {
-    //       @apply primary-link nav-color-1;
-
-    //       &:hover {
-    //         @apply nav-color-2;
-    //       }
-
-    //       &.active {
-    //         @apply nav-color-2;
-    //       }
-
-    //     }
-    //   }
-  }
-  /* mobile nav */
-  .mobile-nav {
-    // @apply bg-color-3;
-
-    // button {
-    //   @apply border rounded nav-color-1;
-    //   border-color: $nav-color-1;
-
-    //   &:hover {
-    //     @apply nav-color-2;
-    //     border-color: $nav-color-2;
-    //   }
-    // }
-  }
-}

package/dist/runtime/assets/scss/_index_production.scss

@@ -1,45 +0,0 @@
-@import "_variables";
-@import "/tmp/sass/_variables2";
-@tailwind preflight;
-@tailwind components;
-@import "_custom";
-@import "_functions";
-@import "_animations";
-@import "_transitions";
-@import "_header";
-@import "_footer";
-@import "_forms";
-@import "_container_variants";
-@import "_webcast";
-@import "agenda";
-
-/** START Custom Classes **/
-* {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
-}
-
-body {
- font-size: 14px;
- font-weight: 400;
-}
-
-p {
- margin-bottom: 1em;
-}
-
-h1 {
- margin-bottom: 1em;
-}
-
-blockquote {
- display: block;
- margin-top: 1em;
- margin-bottom: 1em;
- margin-left: 40px;
- margin-right: 40px;
-}
-
-/** END Custom Classes **/
-@tailwind utilities;

package/dist/runtime/assets/scss/_transitions.scss

@@ -1,24 +0,0 @@
-.page-enter-active, .page-leave-active {
-    transition: opacity 250ms;
-}
-.page-enter, .page-leave-to {
-    opacity: 0;
-}
-
-.fade-enter-active, .fade-leave-active {
-  transition: opacity .5s;
-}
-.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
-  opacity: 0;
-}
-
-.slide-fade-enter-active {
-  transition: all .3s ease;
-}
-.slide-fade-leave-active {
-  transition: all .3s cubic-bezier(1.0, 0.5, 0.8, 1.0);
-}
-.slide-fade-enter, .slide-fade-leave-to {
-  transform: translateY(-100px);
-  opacity: 0;
-}

package/dist/runtime/assets/scss/_variables.scss

@@ -1,62 +0,0 @@
-$global-color-1: #fbfbfb; // background color
-$global-color-2: #fbfbfb; // header background color
-$global-color-3: #333333; // top nav background color
-$global-color-4: #333333; // bottom nav background color
-$global-color-5: #333333; // footer background color
-$global-color-6: #333333; // tabbed agenda track name background color
-
-$heading-color-1: #fbfbfb; // main body title
-$heading-color-2: #fbfbfb; // city/date
-$heading-color-3: #000000; // start time/log in text
-$heading-color-4: #000000; // page titles
-$heading-color-5: #000000; // section titles
-$heading-color-6: #000000; // UNUSED
-
-$body-color-1: #000000; // agenda date
-$body-color-2: teal; // track title
-$body-color-3: #000000; // session name
-$body-color-4: #7b8fd8; // presenter name
-$body-color-5: #febb01; // presenter title
-$body-color-6: #febb01; // unused
-
-$paragraph-color-1: #000000; // main body copy
-$paragraph-color-2: #000000; // unused
-
-$nav-color-1: #fbfbfb; // top nav text
-$nav-color-2: #febb01; // top nav text hover
-$nav-color-3: #fbfbfb; // bottom nav text
-$nav-color-4: darken($nav-color-3, 10%); // bottom nav text hover
-$nav-color-5: #000000; // unused
-
-$accent-color-1: #febb01; // countdown timer border
-$accent-color-2: #febb01; // header color bar element
-$accent-color-3: #000000; // countdown timer text
-
-$link-color: #7b8fd8;
-$link-hover: darken($link-color, 10%);
-
-$button-color-1: #febb01; // button color 1
-$button-color-2: #7b8fd8; // button color 2
-$button-color-3: #7b8fd8; // unused 
-
-$font-body-1: 'Arial', 'Helvetica', sans-serif; // body
-$font-body-2: 'Arial', 'Helvetica', sans-serif; // header
-$font-heading-1: 'Arial', 'Helvetica', sans-serif; // secondary header
-$font-heading-2: 'Arial', 'Helvetica', sans-serif; // misc
-
-$captions-font: 'Arial', 'Helvetica', sans-serif; // captions
-$captions-text-color: #ffffff; // captions
-$captions-bg-color: rgba(0, 0, 0, 0.5); // captions
-
-$agenda-tab-bg-color: #0070FF;
-$agenda-tab-active-bg-color: #EB455A;
-$agenda-tab-sponsor-bg-color: #DEDEDE;
-$agenda-tab-color: #fff;
-$agenda-track-bg-color: #CADFFC;
-$agenda-track-group-bg-color: #aaa;
-$agenda-grouped-track-color-1: #CADFFC;
-$agenda-grouped-track-color-2: #CADFFC;
-$agenda-grouped-track-color-3: #CADFFC;
-$agenda-grouped-track-color-4: #CADFFC;
-$agenda-grouped-track-text-color: #000;
-$agenda-presenter-color: #EB455A;