Back to Hero-guidelines

CSS ComponentThe latest version of this package is: 14.1.0, Opens in new window

Hero elements are large banners, that are usually found on the landing page of a web site or similar user interface.

This component provides .css, .styl, .less and .scss -files.

To be able to install this component, please refer to the Project Setup documentation.

$ npm i @ids-core/hero@14.1.0

Table of Contents

Edit this section, Opens in new window

Usage

Default

This is the default html implementation of the hero. Different features/modifiers implementation is found under relevant sections.

<section class="if hero">
  <div class="if container">
    <div class="if content hasno-breadcrumbs">
      <h1 class="if heading large">Husforsikring</h1>
      <p class="if text lead">
        Trygge rammer for dig og din familie med en husforsikring.
        <strong class="if">Få 10% rabat, når du handler online!</strong>
      </p>
      <button type="button" class="if button primary large">Beregn pris</button>
    </div>
    <div class="if image"></div>
  </div>
</section>

With studio image

<section class="if hero">
  <div class="if container">
    <div class="if content">
      <h1 class="if heading large">Husforsikring</h1>
      <p class="if text lead">
        Trygge rammer for dig og din familie med en husforsikring.
        <strong class="if">Få 10% rabat, når du handler online!</strong>
      </p>
      <button type="button" class="if button primary large">Beregn pris</button>
    </div>
    <div class="if image studio" style="background-image: url('https://v.imgi.no/nbtacvz4uu-MOODBOARD/2042');"></div>
  </div>
</section>

Live image

<section class="if hero">
  <div class="if container">
    <div class="if content">
      <h1 class="if heading largest">Det oknepiga försäkringsbolaget</h1>
      <p class="if text lead">
        Skaffa rätt skydd för ditt hem och dina saker
      </p>
      <button type="button" class="if button primary large">Hitta försäkring</button>
    </div>
    <div class="if image live">
      <video
        style="position:relative; left: -32%;"
        class="if video"
        loop="true"
        muted="true"
        autoplay
        preload="auto"
        src="https://if-brand-static-cdn.azureedge.net/videos/studio/If_studio-mov_BA-Private.mp4"
      ></video>
    </div>
  </div>
</section>

With Quick Facts

<section class="if hero">
  <div class="if container">
    <div class="if content">
      <h1 class="if heading largest">Villaförsäkring</h1>
      <p class="if text lead">
        Villaförsäkringen gäller för dig, de du bor med, de saker du äger, hyr eller lånar, byggnaderna och tomten.
      </p>
      <ul class="if quick-facts list">
        <li class="if quick-fact">
          Huskollen ingår
        </li>
        <li class="if quick-fact">
          Nyvärde hemelektronik
        </li>
        <li class="if quick-fact">
          Köp online - få 10% rabatt!
        </li>
      </ul>
      <button type="button" class="if button primary large">Beräkna pris</button>
    </div>
    <div class="if image studio" style="background-image: url(https://v.imgi.no/nbtacvz4uu-MOODBOARD/2042);"></div>
  </div>
</section>

No image


<section class="if hero">
  <div class="if container">
    <div class="if content no-image"></div>
  </div>
</div>

Reverse

<section class="if hero reverse"></section>

Entry form

<section class="if hero entry"></section>

Column

<section class="if hero [reverse] column"></section>
Edit this section, Opens in new window

Changelog

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

14.0.0 (2021-11-09)

chore

  • 🤖 Rename util to utils (f78721f)

Code Refactoring

  • 💡 Rename scope and repository (3ea5423)
  • 💡 Use new navigation structure for documentation (415aee5), closes #490579

Documentation

  • ✏️ Update links and change navigation structure (0bfd27d), closes #490579

BREAKING CHANGES

  • 🧨 The scope for If Design System npm packages has now changed from

@if-design-system to @ids-core. We have also renamed the repository from if-design-system to ids-core

  • 🧨 Util is now renamed to Utils
  • 🧨 We have now changed the navigation structure for the documentation site.

Please update any saved links!

  • 🧨 Navigation structure has now changed. Please see release notes!

13.11.0 (2021-10-19)

Features

  • 🎸 Input field hot reload (eac76b7)

13.10.6 (2021-10-18)

Bug Fixes

  • 🐛 Fix failing test (fb2a033)
  • 🐛 fix hero layout styles (be163d3)

13.6.3 (2021-09-17)

Bug Fixes

12.15.1 (2021-08-24)

Bug Fixes

  • 🐛 Use correct demo files, updated dev files (f53434b), closes #459841

12.13.1 (2021-08-11)

Bug Fixes

12.6.0 (2021-05-27)

Bug Fixes

  • 🐛 Manually set firstPublished and lastModified (e83af7d)
  • 🐛 We don't need lastModified (e458a12)

12.0.0 (2021-05-05)

Bug Fixes

Code Refactoring

Features

  • 🎸 Extract components from selection control (50607a4), closes #336508
  • 🎸 Rename and extract and update hero with no image to (384eb77), closes #336508

BREAKING CHANGES

  • 🧨 All of the mixins have now been renamed
  • 🧨 Notification is now renamed to Alert Banner
  • 🧨 USPs component is now renamed to Quick Facts
  • 🧨 This extracts the Hero variation with no image into a separate, design

updated component named Header

  • 🧨 The Hero Navigation is now extracted from the Hero component
  • 🧨 Footer is now renamed to Global Footer
  • 🧨 Crosslinks have seized to exist. They are all extracted into separate

components. This commit converts crosslink buttons into the new component Shortcuts

  • 🧨 Selection controls is no more. Has ceased to be. Bereft of life, it

rests in peace. This is an ex-component. The component is split into Radio Buttons, Toggle Control and Checkbox

10.0.0 (2021-02-15)

Code Refactoring

  • 💡 Rename form-group to input-wrapper (7ee3bae)

BREAKING CHANGES

  • 🧨 form-group is now renamed to input-wrapper, a more logical name

8.1.7 (2021-01-11)

Bug Fixes

  • 🐛 Fix hero image not visible on mobile devices (d66a0ee), closes #322909

8.0.0 (2020-12-14)

Code Refactoring

  • 💡 Separate and rename block board from hero to split (91a3e4a), closes #318242

BREAKING CHANGES

  • 🧨 The hero block board is now a separate component named Split.

7.9.2 (2020-12-03)

Bug Fixes

  • 🐛 Adjust small block board, remove cascading conflict css (1f711e3), closes #314811

7.4.0 (2020-11-17)

Bug Fixes

  • 🐛 Reduce max-width of buttons for tablet portrait mode (ea1c06e)

Features

  • 🎸 Set small board to be as desktop in tablet portrait (b529073), closes #309077

7.1.1 (2020-11-16)

Bug Fixes

  • 🐛 Adjusted hero content spacing, updated preprocessors (8c0d225)
  • 🐛 Fix breadcrumb positioning (adf5fc6), closes #311671
  • 🐛 Fix margin error for lifestyle image in column (99bcf46), closes #311905
  • 🐛 Fix positioning of image in column hero (a304d7b), closes #311905

7.1.0 (2020-11-16)

Features

  • 🎸 Add support for auto generation of components index (9444600), closes #309650

6.45.1 (2020-11-12)

Bug Fixes

6.44.0 (2020-11-11)

Bug Fixes

  • 🐛 Fix breadcrumb positioning and hero spacing (35e6b19), closes #307691

6.43.1 (2020-11-02)

Bug Fixes

6.42.0 (2020-10-22)

Bug Fixes

  • 🐛 Do not remove image on mobile for hero nav steps (7504952), closes #302035
  • 🐛 Fix navigation issue, need to display list, no scroll (a741ea4)
  • 🐛 Fix navigation list heights, add nav lifestyle to demo (fd11aa0), closes #302038
  • 🐛 Layout issues with entry, breadcrumbs and column types (c82051a), closes #301600
  • 🐛 Use new type of inline arrow to break words correctly (ed92767), closes #297665

6.38.1 (2020-10-19)

Bug Fixes

6.37.0 (2020-10-15)

Bug Fixes

  • 🐛 Use overflow auto instead of scroll to prevent scrollbar from beeing visible when not needed in Chrome (0e870e3)

6.36.1 (2020-10-13)

Bug Fixes

  • 🐛 Make hero navigation more loose in height restrictions (7397b9e)

6.35.1 (2020-10-05)

Bug Fixes

  • 🐛 Fix navigation item word breaks (2057de7)
  • 🐛 Remove navigation image on mobile for step 1 and 2 (8964a26)
  • 🐛 Resize entry form to 55%/45% (01fc6bd)

6.30.1 (2020-09-21)

Bug Fixes

  • 🐛 Fix heroes once and for all (abf2e76)

6.30.0 (2020-09-15)

Features

  • 🎸 Add lifestyle support to hero navigation (9aa3009)

6.29.6 (2020-09-10)

Bug Fixes

  • 🐛 Another attempt to fix this mess. Set max-height (87d0c2d)

6.29.5 (2020-09-10)

Bug Fixes

  • 🐛 Fix studio in portrait mode (fa7d3ea)

6.29.4 (2020-09-09)

Bug Fixes

  • 🐛 Fix hero navigation issue with studio image (c40269a)

6.27.1 (2020-08-31)

Bug Fixes

  • 🐛 Use correct css class for studio image in hero (80567a9)

6.27.0 (2020-08-27)

Features

  • 🎸 Add support for entry type hero, for larger forms (799c27c)

6.26.0 (2020-07-13)

Bug Fixes

  • 🐛 Make videos in heroes full width (1086bbe)
  • 🐛 Reduce content el margin in smaller screens (58af861), closes #261168

Features

  • 🎸 Add portrait mode support for hero (b9838f5)

6.25.0 (2020-07-07)

Bug Fixes

  • 🐛 Fix padding issues with hero board (e16b215), closes #259555
  • 🐛 Use correct background-color for small boards on dark bg (d1a6f03), closes #262933

6.22.0 (2020-07-01)

Features

  • 🎸 Add new color categories, update documentation (5496822)

6.21.16 (2020-06-18)

Bug Fixes

  • 🐛 Add display inline-block to navigation-link in hero nav (62e7688), closes #263883

6.20.3 (2020-06-03)

Bug Fixes

6.17.7 (2020-05-26)

Bug Fixes

6.16.1 (2020-05-20)

Bug Fixes

  • 🐛 Fix hero spacing (adae578)
  • 🐛 Fix routing for dev server (295db6e)
  • 🐛 Fix spacing issues for content container for hero el (bb31377)
  • 🐛 Make sure the live image container grows correctly (aab6bff)
  • 🐛 Make sure we have room for breadcrumbs for small screens (a0eda17)

6.15.2 (2020-05-11)

Bug Fixes

  • 🐛 Align text to the left for the hero navigation step1 (c92ade3)

6.15.1 (2020-05-07)

Bug Fixes

  • 🐛 Fix responsiveness to hero navigation (ec74c1e)

6.15.0 (2020-05-07)

Bug Fixes

  • 🐛 Position hero lifestyle background image to the left on larger screens (7bbf3e3)
  • 🐛 Reduce breakpoint trigger for mobile (751db58)
  • 🐛 Remove reserved space for breadcrumbs in hero (8cc4b23)
  • 🐛 Use 16:9 ratio on images on mobile (02b5621)

Features

  • 🎸 Use a flag: .hasno-breadcrumbs to remove reserved spacing for breadcrumbs (7dd3b11)

6.11.4 (2020-04-23)

Bug Fixes

  • 🐛 Fix margin and padding issues (3ace1a4)
  • 🐛 Remove transition from normal hero content (5ea4b23)

6.11.0 (2020-04-22)

Bug Fixes

  • 🐛 Add sr only text for footer logo link (2971dd9)
  • 🐛 Fix hero board reverse box (4af9612)

6.10.7 (2020-04-21)

Bug Fixes

  • 🐛 Fix live video in heroes (7a900ad)

6.5.4 (2020-04-08)

Bug Fixes

6.4.3 (2020-04-03)

Bug Fixes

  • 🐛 Revert positional top left right bottom from 0 to auto (f06d59a)

6.4.2 (2020-04-03)

Bug Fixes

  • 🐛 Change min-width none to initial (f661bea)
  • 🐛 Fix hero navigation bugs for IE11 (e862de8)
  • 🐛 Make js IE11 friendly (760ff44)
  • 🐛 Remove misuse of unset, none, auto and initial (87624d7)
  • 🐛 Use initial instead of none and unset (d75bc65)
  • 🐛 Use max-height none instead of unset (05ff638)
  • 🐛 use min-height none instead of unset (f6c335b)

6.4.1 (2020-04-01)

Bug Fixes

6.4.0 (2020-04-01)

Bug Fixes

  • 🐛 Fix hero image on smaller screens to go full width (c71ba2d)

6.3.4 (2020-04-01)

Bug Fixes

  • 🐛 Make hero more tight responsively (60006cc)

6.2.1 (2020-03-26)

Bug Fixes

  • 🐛 Fix hero navigation tabbing (631d7c2)

5.3.1 (2020-03-19)

Bug Fixes

  • 🐛 Adjust hero navigation to work more smoothly responsive (52c02b1)
  • 🐛 Apply latest fixes for the hero navigation (47ba6fe)

5.3.0 (2020-03-18)

Bug Fixes

  • 🐛 Decrease the minimum height of the hero element (9a01629)

5.2.0 (2020-03-17)

Features

  • 🎸 Add small section board with dark color (6d558e4)

5.0.1-alpha.162 (2020-03-13)

Bug Fixes

  • 🐛 Adjust navigation for hero (93462a6)
  • 🐛 Change name of form grid to form-grid to avoid overlap (09f62c5)

5.0.1-alpha.160 (2020-03-12)

Features

  • 🎸 Add local dev server for components and updated docs (41881ab)

Reverts

  • Revert "chore: lerna bootstrap" (006ac4a)

5.0.1-alpha.159 (2020-03-11)

Bug Fixes

  • 🐛 Adjust navigation styling and documentation for nav (635e971)

Features

  • 🎸 Add animation to hero navigation (06441f2)

5.0.1-alpha.139 (2020-02-26)

Bug Fixes

  • 🐛 Always show arrow and underline in mobile hero nav (129c960)

5.0.1-alpha.137 (2020-02-25)

Features

  • 🎸 Add navigation feature to hero element (a9646f3)

5.0.1-alpha.112 (2020-01-22)

Features

5.0.1-alpha.111 (2020-01-21)

Bug Fixes

  • 🐛 Fix responsiveness for forms grids, heroes and inputs (5de0a0d)

5.0.1-alpha.106 (2020-01-14)

Features

  • 🎸 Add sass support for hero (cb57870)
  • 🎸 Add support for less for hero, core, typo and breakpoin (237b71c)

5.0.1-alpha.99 (2019-12-17)

Features

  • 🎸 Add small hero board (aa5057f)

5.0.1-alpha.94 (2019-12-12)

Bug Fixes

12.15.1 (2021-08-24)

Bug Fixes

  • 🐛 Use correct demo files, updated dev files (f53434b), closes #459841

12.13.1 (2021-08-11)

Bug Fixes

12.6.0 (2021-05-27)

Bug Fixes

  • 🐛 Manually set firstPublished and lastModified (e83af7d)
  • 🐛 We don't need lastModified (e458a12)

12.0.0 (2021-05-05)

Bug Fixes

Code Refactoring

Features

  • 🎸 Extract components from selection control (50607a4), closes #336508
  • 🎸 Rename and extract and update hero with no image to (384eb77), closes #336508

BREAKING CHANGES

  • 🧨 All of the mixins have now been renamed
  • 🧨 Notification is now renamed to Alert Banner
  • 🧨 USPs component is now renamed to Quick Facts
  • 🧨 This extracts the Hero variation with no image into a separate, design

updated component named Header

  • 🧨 The Hero Navigation is now extracted from the Hero component
  • 🧨 Footer is now renamed to Global Footer
  • 🧨 Crosslinks have seized to exist. They are all extracted into separate

components. This commit converts crosslink buttons into the new component Shortcuts

  • 🧨 Selection controls is no more. Has ceased to be. Bereft of life, it

rests in peace. This is an ex-component. The component is split into Radio Buttons, Toggle Control and Checkbox

10.0.0 (2021-02-15)

Code Refactoring

  • 💡 Rename form-group to input-wrapper (7ee3bae)

BREAKING CHANGES

  • 🧨 form-group is now renamed to input-wrapper, a more logical name

8.1.7 (2021-01-11)

Bug Fixes

  • 🐛 Fix hero image not visible on mobile devices (d66a0ee), closes #322909

8.0.0 (2020-12-14)

Code Refactoring

  • 💡 Separate and rename block board from hero to split (91a3e4a), closes #318242

BREAKING CHANGES

  • 🧨 The hero block board is now a separate component named Split.

7.9.2 (2020-12-03)

Bug Fixes

  • 🐛 Adjust small block board, remove cascading conflict css (1f711e3), closes #314811

7.4.0 (2020-11-17)

Bug Fixes

  • 🐛 Reduce max-width of buttons for tablet portrait mode (ea1c06e)

Features

  • 🎸 Set small board to be as desktop in tablet portrait (b529073), closes #309077

7.1.1 (2020-11-16)

Bug Fixes

  • 🐛 Adjusted hero content spacing, updated preprocessors (8c0d225)
  • 🐛 Fix breadcrumb positioning (adf5fc6), closes #311671
  • 🐛 Fix margin error for lifestyle image in column (99bcf46), closes #311905
  • 🐛 Fix positioning of image in column hero (a304d7b), closes #311905

7.1.0 (2020-11-16)

Features

  • 🎸 Add support for auto generation of components index (9444600), closes #309650

6.45.1 (2020-11-12)

Bug Fixes

6.44.0 (2020-11-11)

Bug Fixes

  • 🐛 Fix breadcrumb positioning and hero spacing (35e6b19), closes #307691

6.43.1 (2020-11-02)

Bug Fixes

6.42.0 (2020-10-22)

Bug Fixes

  • 🐛 Do not remove image on mobile for hero nav steps (7504952), closes #302035
  • 🐛 Fix navigation issue, need to display list, no scroll (a741ea4)
  • 🐛 Fix navigation list heights, add nav lifestyle to demo (fd11aa0), closes #302038
  • 🐛 Layout issues with entry, breadcrumbs and column types (c82051a), closes #301600
  • 🐛 Use new type of inline arrow to break words correctly (ed92767), closes #297665

6.38.1 (2020-10-19)

Bug Fixes

6.37.0 (2020-10-15)

Bug Fixes

  • 🐛 Use overflow auto instead of scroll to prevent scrollbar from beeing visible when not needed in Chrome (0e870e3)

6.36.1 (2020-10-13)

Bug Fixes

  • 🐛 Make hero navigation more loose in height restrictions (7397b9e)

6.35.1 (2020-10-05)

Bug Fixes

  • 🐛 Fix navigation item word breaks (2057de7)
  • 🐛 Remove navigation image on mobile for step 1 and 2 (8964a26)
  • 🐛 Resize entry form to 55%/45% (01fc6bd)

6.30.1 (2020-09-21)

Bug Fixes

  • 🐛 Fix heroes once and for all (abf2e76)

6.30.0 (2020-09-15)

Features

  • 🎸 Add lifestyle support to hero navigation (9aa3009)

6.29.6 (2020-09-10)

Bug Fixes

  • 🐛 Another attempt to fix this mess. Set max-height (87d0c2d)

6.29.5 (2020-09-10)

Bug Fixes

  • 🐛 Fix studio in portrait mode (fa7d3ea)

6.29.4 (2020-09-09)

Bug Fixes

  • 🐛 Fix hero navigation issue with studio image (c40269a)

6.27.1 (2020-08-31)

Bug Fixes

  • 🐛 Use correct css class for studio image in hero (80567a9)

6.27.0 (2020-08-27)

Features

  • 🎸 Add support for entry type hero, for larger forms (799c27c)

6.26.0 (2020-07-13)

Bug Fixes

  • 🐛 Make videos in heroes full width (1086bbe)
  • 🐛 Reduce content el margin in smaller screens (58af861), closes #261168

Features

  • 🎸 Add portrait mode support for hero (b9838f5)

6.25.0 (2020-07-07)

Bug Fixes

  • 🐛 Fix padding issues with hero board (e16b215), closes #259555
  • 🐛 Use correct background-color for small boards on dark bg (d1a6f03), closes #262933

6.22.0 (2020-07-01)

Features

  • 🎸 Add new color categories, update documentation (5496822)

6.21.16 (2020-06-18)

Bug Fixes

  • 🐛 Add display inline-block to navigation-link in hero nav (62e7688), closes #263883

6.20.3 (2020-06-03)

Bug Fixes

6.17.7 (2020-05-26)

Bug Fixes

6.16.1 (2020-05-20)

Bug Fixes

  • 🐛 Fix hero spacing (adae578)
  • 🐛 Fix routing for dev server (295db6e)
  • 🐛 Fix spacing issues for content container for hero el (bb31377)
  • 🐛 Make sure the live image container grows correctly (aab6bff)
  • 🐛 Make sure we have room for breadcrumbs for small screens (a0eda17)

6.15.2 (2020-05-11)

Bug Fixes

  • 🐛 Align text to the left for the hero navigation step1 (c92ade3)

6.15.1 (2020-05-07)

Bug Fixes

  • 🐛 Fix responsiveness to hero navigation (ec74c1e)

6.15.0 (2020-05-07)

Bug Fixes

  • 🐛 Position hero lifestyle background image to the left on larger screens (7bbf3e3)
  • 🐛 Reduce breakpoint trigger for mobile (751db58)
  • 🐛 Remove reserved space for breadcrumbs in hero (8cc4b23)
  • 🐛 Use 16:9 ratio on images on mobile (02b5621)

Features

  • 🎸 Use a flag: .hasno-breadcrumbs to remove reserved spacing for breadcrumbs (7dd3b11)

6.11.4 (2020-04-23)

Bug Fixes

  • 🐛 Fix margin and padding issues (3ace1a4)
  • 🐛 Remove transition from normal hero content (5ea4b23)

6.11.0 (2020-04-22)

Bug Fixes

  • 🐛 Add sr only text for footer logo link (2971dd9)
  • 🐛 Fix hero board reverse box (4af9612)

6.10.7 (2020-04-21)

Bug Fixes

  • 🐛 Fix live video in heroes (7a900ad)

6.5.4 (2020-04-08)

Bug Fixes

6.4.3 (2020-04-03)

Bug Fixes

  • 🐛 Revert positional top left right bottom from 0 to auto (f06d59a)

6.4.2 (2020-04-03)

Bug Fixes

  • 🐛 Change min-width none to initial (f661bea)
  • 🐛 Fix hero navigation bugs for IE11 (e862de8)
  • 🐛 Make js IE11 friendly (760ff44)
  • 🐛 Remove misuse of unset, none, auto and initial (87624d7)
  • 🐛 Use initial instead of none and unset (d75bc65)
  • 🐛 Use max-height none instead of unset (05ff638)
  • 🐛 use min-height none instead of unset (f6c335b)

6.4.1 (2020-04-01)

Bug Fixes

6.4.0 (2020-04-01)

Bug Fixes

  • 🐛 Fix hero image on smaller screens to go full width (c71ba2d)

6.3.4 (2020-04-01)

Bug Fixes

  • 🐛 Make hero more tight responsively (60006cc)

6.2.1 (2020-03-26)

Bug Fixes

  • 🐛 Fix hero navigation tabbing (631d7c2)

5.3.1 (2020-03-19)

Bug Fixes

  • 🐛 Adjust hero navigation to work more smoothly responsive (52c02b1)
  • 🐛 Apply latest fixes for the hero navigation (47ba6fe)

5.3.0 (2020-03-18)

Bug Fixes

  • 🐛 Decrease the minimum height of the hero element (9a01629)

5.2.0 (2020-03-17)

Features

  • 🎸 Add small section board with dark color (6d558e4)

5.0.1-alpha.162 (2020-03-13)

Bug Fixes

  • 🐛 Adjust navigation for hero (93462a6)
  • 🐛 Change name of form grid to form-grid to avoid overlap (09f62c5)

5.0.1-alpha.160 (2020-03-12)

Features

  • 🎸 Add local dev server for components and updated docs (41881ab)

Reverts

  • Revert "chore: lerna bootstrap" (006ac4a)

5.0.1-alpha.159 (2020-03-11)

Bug Fixes

  • 🐛 Adjust navigation styling and documentation for nav (635e971)

Features

  • 🎸 Add animation to hero navigation (06441f2)

5.0.1-alpha.139 (2020-02-26)

Bug Fixes

  • 🐛 Always show arrow and underline in mobile hero nav (129c960)

5.0.1-alpha.137 (2020-02-25)

Features

  • 🎸 Add navigation feature to hero element (a9646f3)

5.0.1-alpha.112 (2020-01-22)

Features

5.0.1-alpha.111 (2020-01-21)

Bug Fixes

  • 🐛 Fix responsiveness for forms grids, heroes and inputs (5de0a0d)

5.0.1-alpha.106 (2020-01-14)

Features

  • 🎸 Add sass support for hero (cb57870)
  • 🎸 Add support for less for hero, core, typo and breakpoin (237b71c)

5.0.1-alpha.99 (2019-12-17)

Features

  • 🎸 Add small hero board (aa5057f)

5.0.1-alpha.94 (2019-12-12)

Bug Fixes

  • 🐛 Fix hero usage with video example (f85f7d6)

5.0.1-alpha.87 (2019-12-04)

Bug Fixes

5.0.1-alpha.67 (2019-11-26)

Bug Fixes

  • 🐛 Use package-based imports (6822233)

5.0.1-alpha.58 (2019-11-22)

Features

  • 🎸 Remove normalize.css (2c23c2b)

5.0.1-alpha.40 (2019-11-05)

Bug Fixes

  • 🐛 Fix typography based on latest sketches (2653b61)

5.0.1-alpha.38 (2019-11-04)

Bug Fixes

  • 🐛 Update styling and adjust documentaiton (e379009)

5.0.1-alpha.35 (2019-11-01)

Features

  • 🎸 Add first iteration of moodboards (f73703d)
Edit this section, Opens in new window
Contact us, Opens in new window