UCLALibrary / ucla-library-website-components

This is a library of Vue components that will be used in UCLA Library Nuxt websites.
Other
4 stars 1 forks source link

feat: APPS-2701 Create DividerWayfinder & DividerGeneral component FTVA variation #523

Open jendiamond opened 1 week ago

jendiamond commented 1 week ago

Connected to APPS-2701

https://deploy-preview-523--ucla-library-storybook-vue3x.netlify.app/

  1. https://deploy-preview-523--ucla-library-storybook-vue3x.netlify.app/?path=/docs/divider-general--docs
  2. https://deploy-preview-523--ucla-library-storybook-vue3x.netlify.app/?path=/docs/divider-way-finder--docs

Components Updated:

Stories:


Notes: Turns out that the HalfWidth version was not necessary so I removed it.

$accent-blue is still not working. I hard coded it for now.

_divider-way-finder.scss

.ftva.divider-way-finder {
  &.color-default {
    --color-border: var(--color-default-cyan-03);
  }

  &.color-ftva {
    --color-border: #115DAF;
    // --color-border: $accent-blue;
  }
}

Checklist:

Screenshot 2024-06-20 at 12 05 20 PM
github-actions[bot] commented 1 week ago

🚀 Deployed on https://deploy-preview-523--ucla-library-storybook-vue3x.netlify.app