barbican-reset 3.20.0 → 3.22.0

package/components/VideoContent.vue

@@ -1,74 +0,0 @@
-<template>
-  <div>
-    <fluid-iframe v-if="data.type === 'jwplayer'" :src="data.url" />
-
-    <template v-if="data.type === 'brightcove'">
-      <div v-html="data.markup" :class="$style.brightcove"></div>
-
-      <br-alert v-if="data.isExpired" error center inline
-        >Event has passed.</br-alert
-      >
-    </template>
-
-    <h2 v-html="data.title" class="margin-bottom-1"></h2>
-
-    <p v-html="data.lead_description"></p>
-
-    <template v-if="data.long_description">
-      <p v-html="data.long_description"></p>
-    </template>
-
-    <template v-if="data.expires">
-      <p>Until {{ formatDateTime(data.expires) }}</p>
-    </template>
-
-    <template v-if="data.programme">
-      <p>
-        Read tonight's
-        <a :href="data.programme" target="_blank">Digital Programme</a>
-      </p>
-    </template>
-  </div>
-</template>
-
-<script>
-import FluidIframe from '#components/FluidIframe.vue'
-import BrAlert from '#components/BrAlert.vue'
-import { DateTime } from 'luxon'
-
-export default {
-  props: {
-    data: {
-      type: Object,
-    },
-    concert: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  created() {
-    if (this.concert) {
-      this.data.expires = this.data.brightcove.expires
-      this.data.markup = this.data.brightcove.markup
-      this.data.script = this.data.brightcove.script
-      this.data.isExpired = this.data.brightcove.isExpired
-    }
-  },
-  components: { FluidIframe, BrAlert },
-  methods: {
-    formatDateTime(date) {
-      return DateTime.fromISO(date).toFormat('h:mm a ccc d LLL yyyy')
-    },
-  },
-}
-</script>
-
-<style lang="scss" module>
-@use '#styles/helpers' as *;
-
-.brightcove {
-  border-radius: var(--border-radius-lg);
-  margin-bottom: var(--margin-xxl);
-  overflow: hidden;
-}
-</style>

package/scss/_br-nav-card-wrap.scss

@@ -1,11 +0,0 @@
-@use "mixins/breakpoints" as *;
-
-.br-nav-card-wrap {
-  gap: var(--gap-md);
-  display: grid;
-
-  @include medium-up {
-    grid-template-columns: repeat(2, 1fr);
-    gap: var(--gap-lg);
-  }
-}

package/scss/_br-navlink.scss

@@ -1,51 +0,0 @@
-.br-navlink {
-  border-color: var(--color-black-25-lighten);
-  border-bottom-width: var(--border-width-sm);
-  border-right-width: var(--border-width-sm);
-  border-left-width: var(--border-width-sm);
-  padding-bottom: var(--padding-md);
-  padding-right: var(--padding-lg);
-  padding-left: var(--padding-lg);
-  padding-top: var(--padding-md);
-  background-color: white;
-  text-decoration: none;
-  border-top-width: 0;
-  align-items: center;
-  border-style: solid;
-  gap: var(--gap-xs);
-  font-weight: bold;
-  display: flex;
-}
-
-.br-navlink:first-child {
-  border-top-right-radius: var(--border-radius-lg);
-  border-top-left-radius: var(--border-radius-lg);
-  border-top-width: var(--border-width-sm);
-}
-
-.br-navlink:last-child {
-  border-bottom-right-radius: var(--border-radius-lg);
-  border-bottom-left-radius: var(--border-radius-lg);
-}
-
-a.br-navlink:hover,
-a.br-navlink:focus {
-  background-color: var(--color-brand-generic-15-lighten);
-  outline-color: var(--color-brand-generic-90-darken);
-  outline-offset: calc(var(--border-width-sm) * -1);
-  color: var(--color-brand-generic-90-darken);
-  outline-width: var(--border-width-lg);
-  text-decoration: underline;
-  outline-style: solid;
-}
-
-div.br-navlink {
-  background-color: var(--color-brand-generic);
-  border-color: var(--color-brand-generic);
-  outline-offset: calc(var(--border-width-sm) * -1);
-  outline-color: var(--color-brand-generic);
-  outline-width: var(--border-width-lg);
-  outline-style: solid;
-  color: white;
-  cursor: default;
-}

package/scss/card/_navcard.scss

@@ -1,133 +0,0 @@
-@use "../mixins/breakpoints" as *;
-
-.link-navcard.inline .br-card.navcard .br-card-body {
-  @include medium-down {
-    padding: 0;
-  }
-}
-
-.link-navcard.benefits .br-card.navcard .br-card-title {
-  font-size: var(--font-size-h4);
-}
-
-@include medium-down {
-  .link-navcard.inline {
-    background-color: transparent;
-    margin-top: var(--margin-md);
-    margin-right: auto;
-    border-radius: 0;
-    border-width: 0;
-  }
-
-  .link-navcard.inline .wrap-navcard-content {
-    display: block;
-  }
-
-  .link-navcard.inline .wrap-navcard-icon {
-    display: none;
-  }
-
-  .link-navcard.inline .br-card-text {
-    display: none;
-  }
-
-  .link-navcard.inline:hover,
-  .link-navcard.inline:focus {
-    background-color: var(--color-black-80-lighten);
-    outline-color: var(--color-black-80-lighten);
-    outline-width: 0.25rem;
-    outline-style: solid;
-    color: white;
-  }
-}
-
-@include small-down {
-  .link-navcard.inline {
-    margin-top: var(--margin-sm);
-  }
-}
-
-.link-navcard {
-  border-color: var(--color-black-10-lighten);
-  border-radius: var(--border-radius-lg);
-  border-width: var(--border-width-sm);
-  background-color: white;
-  text-decoration: none;
-  border-style: solid;
-}
-
-.link-navcard .br-card-title {
-  text-decoration: underline;
-}
-
-.link-navcard:hover,
-.link-navcard:focus {
-  background-color: var(--color-brand-generic-15-lighten);
-  outline-color: var(--color-brand-generic-90-darken);
-  outline-offset: calc(var(--border-width-sm) * -1);
-  color: var(--color-brand-generic-90-darken);
-  outline-width: var(--border-width-lg);
-  outline-style: solid;
-}
-
-.link-navcard:active {
-  transform: scale(0.98);
-}
-
-.br-card.navcard {
-  background-color: transparent;
-  border-width: 0;
-}
-
-.br-card.navcard .br-card-body {
-  @include large-up {
-    padding: var(--padding-card-lg);
-  }
-
-  @include small-down {
-    padding: var(--padding-card-sm);
-  }
-}
-
-.br-card.navcard .br-card-title {
-  line-height: var(--line-height-sm);
-  font-size: var(--font-size-h2);
-
-  @include small-down {
-    font-size: var(--font-size-h4);
-  }
-}
-
-.br-card.navcard .br-card-title+.br-card-text {
-  margin-top: var(--margin-md);
-}
-
-.br-card.navcard .br-card-text {
-  @include small-down {
-    display: none;
-  }
-}
-
-.wrap-navcard-icon {
-  @include small-up {
-    margin-top: var(--margin-sm);
-  }
-}
-
-.wrap-navcard-icon * {
-  display: block;
-}
-
-.wrap-navcard-content.has-icon {
-  grid-template-columns: 2.1875rem auto;
-  gap: var(--gap-md);
-  display: grid;
-
-  @include small-down {
-    align-items: center;
-  }
-}
-
-.wrap-navcard-content:not(.has-icon) {
-  text-align: center;
-}