barbican-reset 2.38.0 → 2.40.0

package/components/related_card.vue

@@ -1,39 +0,0 @@
-<template>
-  <b-card related no-body>
-    <b-img v-if="content.image" :src="content.image" />
-    <b-card-body>
-      <b-card-title>
-        <b-link v-if="content.title" v-html="content.title" :href="content.link" target="_blank" />
-        <b-link v-else :href="content.link" target="_blank">More Info</b-link>
-      </b-card-title>
-      <b-card-sub-title v-if="content.start_date" v-html="handleDate(content.start_date)" />
-      <b-card-text v-html="limitLength(content.description)" />
-    </b-card-body>
-  </b-card>
-</template>
-
-<script>
-import { DateTime } from 'luxon'
-import { BCard, BImg, BCardBody, BLink, BCardTitle, BCardSubTitle, BCardText } from 'bootstrap-vue'
-
-export default {
-  name: "RelatedCard",
-  props: ['content'],
-  components: { BCard, BImg, BCardBody, BLink, BCardTitle, BCardSubTitle, BCardText },
-  methods: {
-    limitLength(title, limit = 140, output) {
-      if (title.length > limit) {
-        output = title.slice(0, limit);
-        output = output.substr(0, Math.min(output.length, output.lastIndexOf(' ')));
-        output += ' ...';
-      } else {
-        output = title;
-      }
-      return output;
-    },
-    handleDate(date) {
-      return DateTime.fromISO(date).toFormat('ff');
-    },
-  },
-};
-</script>

package/components/related_row.vue

@@ -1,34 +0,0 @@
-<template>
-  <div class="component">
-    <slot />
-  </div>  
-</template>
-
-<script>
-export default {
-  name: 'RelatedRow'
-}
-</script>
-
-<style lang="scss" scoped>
-
-.component {
-  margin-right: auto;
-  margin-left: auto;
-  max-width: 20rem;
-
-  @include media-breakpoint-down(md) {
-    .card + .card {
-      margin-top: 1.25rem;
-    }
-  }
-
-  @include media-breakpoint-up(md) {
-    grid-template-columns: repeat(3, 1fr);
-    column-gap: 1.25rem;
-    max-width: 60rem;
-    display: grid;
-  }
-}
-
-</style>

package/components/related_title.vue

@@ -1,93 +0,0 @@
-<template>
-  <div :class="$style.container">
-    <div :class="styleTitle">
-      <div :class="$style.line"></div>
-      <div :class="$style.text"><slot /></div>
-      <div :class="$style.line"></div>
-    </div>
-    <span v-if="tagline" :class="$style.tagline" v-html="tagline"></span>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "RelatedTitle",
-  props: {
-    tagline: {
-      type: String,
-    },
-  },
-  computed: {
-    styleTitle() {
-      return this.tagline ? this.$style.title_tagline : this.$style.title;
-    }
-  }
-};
-</script>
-
-<style lang="scss" module>
-
-
-.container {
-  text-align: center;
-}
-
-.title {
-  @include fontfamily-black;
-  font-size: $h5-font-size;
-  margin-bottom: 3rem;
-
-  @include media-breakpoint-up(md) {
-    grid-template-columns: 1fr auto 1fr;
-    font-size: $h4-font-size;
-    display: grid;
-    gap: 1rem;
-  }
-
-  &_tagline {
-    composes: title;
-    margin-bottom: 1rem;
-
-    @include media-breakpoint-up(md) {
-      margin-bottom: 0.5rem;
-    }
-  }
-}
-
-.line {
-  background-color: $c-grey-l65;
-  height: 1px;
-
-  @include media-breakpoint-up(md) {
-    margin-top: 1.125rem;
-  }
-}
-
-.text {
-  @include media-breakpoint-down(md) {
-    @include inline-block;
-    padding-bottom: 0.75rem;
-    padding-top: 0.75rem;
-  }
-}
-
-.tagline {
-  display: inline-block;
-  margin-bottom: 1.25rem;
-
-  @include media-breakpoint-up(md) {
-    margin-bottom: 2rem;
-  }
-
-  @include focus() {
-    @include double-box($white, $c-grey-l21);
-    border-radius: $border-radius;
-    outline: none;
-
-    a:hover {
-      color: inherit;
-    }
-  }
-}
-
-</style>

package/components/type_text.vue

@@ -1,56 +0,0 @@
-<template>
-  <p ref="checking" :class="$style.component">
-    <slot />
-  </p>
-</template>
-
-<script>
-import { gsap } from 'gsap'
-import { TextPlugin } from 'gsap/TextPlugin'
-gsap.registerPlugin(TextPlugin);
-
-export default {
-  methods: { 
-    loadingAnim(target) {
-      const message = target.innerText;
-      const speed = message.length * 0.15;
-      const tl = gsap.timeline({
-        repeat: -1,
-        repeatDelay: 0.5,
-      });
-      tl.set(target, { 
-          text: "" 
-        })
-        .to(target, {
-          text: message,
-          duration: speed,
-        })
-        .to(target, {
-          text: message + " .",
-          duration: 0.3,
-        })
-        .to(target, {
-          text: message + " ..",
-          duration: 0.3,
-        })
-        .to(target, {
-          text: message + " ...",
-          duration: 0.3,
-        });
-    }
-  },
-  mounted() {
-    this.loadingAnim(this.$refs.checking);
-  },
-};
-</script>
-
-<style lang="scss" module>
-
-.component {
-  font-size: $h4-font-size;
-  min-height: 2.25rem;
-  text-align: center;
-}
-
-</style>