Back to Shortcuts-guidelines

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

Shortcuts are emphasized links to content.

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/shortcuts@14.1.0

Table of Contents

Edit this section, Opens in new window

Usage

Default

<ul role="presentation" class="if shortcuts">
  <li role="presentation" class="if"><a href="/" class="if shortcut <any icon string>">Jewelry</a></li>
</ul>

Where the icon string could be: icon product diamond;

Container

The Shortcuts container, .shortcuts, can be modified with the classes one, two or three for a desired layout.

<ul class="if shortcuts two" role="presentation">
  โ€ฆ
</ul>
<ul class="if shortcuts three" role="presentation">
  โ€ฆ
</ul>
<ul class="if shortcuts one" role="presentation">
  โ€ฆ
</ul>
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)

Bug Fixes

  • ๐Ÿ› Adjust spacing or shortcuts container (a55e291)

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.9.2 (2021-09-30)

Bug Fixes

  • ๐Ÿ› Complete the pseudo-element fix (1dcee2c)

13.6.3 (2021-09-17)

Bug Fixes

13.0.0 (2021-08-25)

chore

  • ๐Ÿค– Remove IE11 support for shortcuts (a8b386d), closes #336127

BREAKING CHANGES

  • ๐Ÿงจ We are removing IE11 support

12.13.1 (2021-08-11)

Bug Fixes

  • ๐Ÿ› Whitelist docs dir for npm packaging (1a5cfd0), closes #457621

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)

Code Refactoring

  • ๐Ÿ’ก Rename and consolidate mixins (67cf470), closes #268081
  • ๐Ÿ’ก Rename crosslink buttons to Shortcuts (c05bf9c), closes #336508

Features

  • ๐ŸŽธ Rename and extract and update hero with no image to (384eb77), closes #336508

BREAKING CHANGES

  • ๐Ÿงจ All of the mixins have now been renamed
  • ๐Ÿงจ This extracts the Hero variation with no image into a separate, design

updated component named Header

  • ๐Ÿงจ Crosslinks have seized to exist. They are all extracted into separate

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

8.0.0 (2020-12-14)

Bug Fixes

  • ๐Ÿ› Reset box-shadow on hover, bleed from button component (49a6341)

Features

  • ๐ŸŽธ Add new hover animation and markup for studio crosslink (f3115c0), closes #320753

BREAKING CHANGES

  • ๐Ÿงจ The adding of the hover animation is a breaking change with markup.

7.2.0 (2020-11-16)

Features

  • ๐ŸŽธ Make lifestyle crosslinks behave like studio crosslinks (0d2846a), closes #311625

7.1.0 (2020-11-16)

Features

  • ๐ŸŽธ Add support for auto generation of components index (9444600), closes #309650

6.42.1 (2020-10-22)

Bug Fixes

  • ๐Ÿ› Fix crosslink list spacing (0505a73)
  • ๐Ÿ› Fix crosslinks for breakpoints 400 - 720px (a55cc38), closes #302226

6.36.0 (2020-10-12)

Features

  • ๐ŸŽธ Add updated focus styling for crosslinks (f80e4ee)

6.27.1 (2020-08-31)

Bug Fixes

  • ๐Ÿ› Use a flag for adjusted lists instead of a global fix (edc9939)

6.27.0 (2020-08-27)

Bug Fixes

  • ๐Ÿ› add important to list-style and padding for crosslinks (cc1d935)
  • ๐Ÿ› Fix specificity for selectors for lists (9e171e5)

6.22.0 (2020-07-01)

Features

  • ๐ŸŽธ Add new color categories, update documentation (5496822)

6.21.10 (2020-06-15)

Bug Fixes

  • ๐Ÿ› More IE11 adjustments for button crosslinks (3926cf2)

6.21.8 (2020-06-15)

Bug Fixes

  • ๐Ÿ› Align arrow to sentence in lifestyle crosslinks (9e336cc), closes #260873
  • ๐Ÿ› Fix IE11 issues with crosslinks (b3ba4e5), closes #259489
  • ๐Ÿ› Remove height 320px for studio crosslinks (af3a594), closes #261386

6.21.1 (2020-06-08)

Bug Fixes

  • ๐Ÿ› Fix alignment of link arrow in crosslinks when the link is over two lines. Also remove the padding of studio crosslinks to reduce the spacing between the crosslinks in smaller screens (0332cd0), closes #259813
  • ๐Ÿ› Fix sizes for button crosslinks (b3f6268), closes #259821

6.20.5 (2020-06-03)

Bug Fixes

  • ๐Ÿ› Fix crosslinks responsive (f2d162c)

6.20.2 (2020-06-03)

Bug Fixes

  • ๐Ÿ› Add more dynamic crosslink support for expandable (c13d113)

6.20.0 (2020-06-03)

Bug Fixes

  • ๐Ÿ› Update crosslink styling, update documentation (c16e4d5)

6.12.0 (2020-04-27)

Bug Fixes

  • ๐Ÿ› Adjust crosslink layout (b88e315)

6.11.5 (2020-04-23)

Bug Fixes

  • ๐Ÿ› Fix margin and padding issues in list based components (5c8fc57)

6.11.2 (2020-04-22)

Bug Fixes

  • ๐Ÿ› Clean up the margin/padding mess I made with lists (a107891)

6.11.0 (2020-04-22)

Bug Fixes

  • ๐Ÿ› Add sr only text for footer logo link (2971dd9)

6.4.2 (2020-04-03)

Bug Fixes

  • ๐Ÿ› Change min-width none to initial (f661bea)
  • ๐Ÿ› Remove misuse of unset, none, auto and initial (87624d7)
  • ๐Ÿ› Use initial instead of none and unset (d75bc65)
  • ๐Ÿ› use min-height none instead of unset (f6c335b)

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

Bug Fixes

  • ๐Ÿ› Fix teasers, make them a bit narrower in different (a1c82e0)

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

Reverts

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

5.0.1-alpha.134 (2020-02-24)

Bug Fixes

  • ๐Ÿ› Fix crosslink arrow placement and images (e42309b)

Features

  • ๐ŸŽธ Add preprocessor files to crosslinks (baf0813)

5.0.1-alpha.120 (2020-02-17)

Bug Fixes

  • ๐Ÿ› Do not use variables in calc (b6b6108)
  • ๐Ÿ› Fix typo (3da0851)
  • ๐Ÿ› Imports and usage of extend (f22b281)
  • ๐Ÿ› Use correct height (ccbad6b)

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

Bug Fixes

  • ๐Ÿ› Remove duplicate support color (a7f346d)

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

Bug Fixes

13.0.0 (2021-08-25)

chore

  • ๐Ÿค– Remove IE11 support for shortcuts (a8b386d), closes #336127

BREAKING CHANGES

  • ๐Ÿงจ We are removing IE11 support

12.13.1 (2021-08-11)

Bug Fixes

  • ๐Ÿ› Whitelist docs dir for npm packaging (1a5cfd0), closes #457621

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)

Code Refactoring

  • ๐Ÿ’ก Rename and consolidate mixins (67cf470), closes #268081
  • ๐Ÿ’ก Rename crosslink buttons to Shortcuts (c05bf9c), closes #336508

Features

  • ๐ŸŽธ Rename and extract and update hero with no image to (384eb77), closes #336508

BREAKING CHANGES

  • ๐Ÿงจ All of the mixins have now been renamed
  • ๐Ÿงจ This extracts the Hero variation with no image into a separate, design

updated component named Header

  • ๐Ÿงจ Crosslinks have seized to exist. They are all extracted into separate

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

8.0.0 (2020-12-14)

Bug Fixes

  • ๐Ÿ› Reset box-shadow on hover, bleed from button component (49a6341)

Features

  • ๐ŸŽธ Add new hover animation and markup for studio crosslink (f3115c0), closes #320753

BREAKING CHANGES

  • ๐Ÿงจ The adding of the hover animation is a breaking change with markup.

7.2.0 (2020-11-16)

Features

  • ๐ŸŽธ Make lifestyle crosslinks behave like studio crosslinks (0d2846a), closes #311625

7.1.0 (2020-11-16)

Features

  • ๐ŸŽธ Add support for auto generation of components index (9444600), closes #309650

6.42.1 (2020-10-22)

Bug Fixes

  • ๐Ÿ› Fix crosslink list spacing (0505a73)
  • ๐Ÿ› Fix crosslinks for breakpoints 400 - 720px (a55cc38), closes #302226

6.36.0 (2020-10-12)

Features

  • ๐ŸŽธ Add updated focus styling for crosslinks (f80e4ee)

6.27.1 (2020-08-31)

Bug Fixes

  • ๐Ÿ› Use a flag for adjusted lists instead of a global fix (edc9939)

6.27.0 (2020-08-27)

Bug Fixes

  • ๐Ÿ› add important to list-style and padding for crosslinks (cc1d935)
  • ๐Ÿ› Fix specificity for selectors for lists (9e171e5)

6.22.0 (2020-07-01)

Features

  • ๐ŸŽธ Add new color categories, update documentation (5496822)

6.21.10 (2020-06-15)

Bug Fixes

  • ๐Ÿ› More IE11 adjustments for button crosslinks (3926cf2)

6.21.8 (2020-06-15)

Bug Fixes

  • ๐Ÿ› Align arrow to sentence in lifestyle crosslinks (9e336cc), closes #260873
  • ๐Ÿ› Fix IE11 issues with crosslinks (b3ba4e5), closes #259489
  • ๐Ÿ› Remove height 320px for studio crosslinks (af3a594), closes #261386

6.21.1 (2020-06-08)

Bug Fixes

  • ๐Ÿ› Fix alignment of link arrow in crosslinks when the link is over two lines. Also remove the padding of studio crosslinks to reduce the spacing between the crosslinks in smaller screens (0332cd0), closes #259813
  • ๐Ÿ› Fix sizes for button crosslinks (b3f6268), closes #259821

6.20.5 (2020-06-03)

Bug Fixes

  • ๐Ÿ› Fix crosslinks responsive (f2d162c)

6.20.2 (2020-06-03)

Bug Fixes

  • ๐Ÿ› Add more dynamic crosslink support for expandable (c13d113)

6.20.0 (2020-06-03)

Bug Fixes

  • ๐Ÿ› Update crosslink styling, update documentation (c16e4d5)

6.12.0 (2020-04-27)

Bug Fixes

  • ๐Ÿ› Adjust crosslink layout (b88e315)

6.11.5 (2020-04-23)

Bug Fixes

  • ๐Ÿ› Fix margin and padding issues in list based components (5c8fc57)

6.11.2 (2020-04-22)

Bug Fixes

  • ๐Ÿ› Clean up the margin/padding mess I made with lists (a107891)

6.11.0 (2020-04-22)

Bug Fixes

  • ๐Ÿ› Add sr only text for footer logo link (2971dd9)

6.4.2 (2020-04-03)

Bug Fixes

  • ๐Ÿ› Change min-width none to initial (f661bea)
  • ๐Ÿ› Remove misuse of unset, none, auto and initial (87624d7)
  • ๐Ÿ› Use initial instead of none and unset (d75bc65)
  • ๐Ÿ› use min-height none instead of unset (f6c335b)

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

Bug Fixes

  • ๐Ÿ› Fix teasers, make them a bit narrower in different (a1c82e0)

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

Reverts

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

5.0.1-alpha.134 (2020-02-24)

Bug Fixes

  • ๐Ÿ› Fix crosslink arrow placement and images (e42309b)

Features

  • ๐ŸŽธ Add preprocessor files to crosslinks (baf0813)

5.0.1-alpha.120 (2020-02-17)

Bug Fixes

  • ๐Ÿ› Do not use variables in calc (b6b6108)
  • ๐Ÿ› Fix typo (3da0851)
  • ๐Ÿ› Imports and usage of extend (f22b281)
  • ๐Ÿ› Use correct height (ccbad6b)

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

Bug Fixes

  • ๐Ÿ› Remove duplicate support color (a7f346d)

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

Bug Fixes

  • ๐Ÿ› Several fixes (3cb042e)

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

Bug Fixes

  • ๐Ÿ› Use package-based imports (6822233)

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

Features

  • ๐ŸŽธ Add mixins for icons (f2f3420)

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

Features

  • ๐ŸŽธ Remove normalize.css (2c23c2b)

5.0.1-alpha.53 (2019-11-13)

Bug Fixes

  • ๐Ÿ› Fix old usp.list, rename to list-block (001ddad)

Features

  • ๐ŸŽธ Add IE11 support for teasers, crosslinks, usps +footer (b36949b)

5.0.1-alpha.44 (2019-11-08)

Features

  • ๐ŸŽธ Add support colors, replace hardcoded rgb to variables (32a2b9e)

5.0.1-alpha.43 (2019-11-07)

Bug Fixes

  • ๐Ÿ› Use correct display mode for crosslink lists (a7fa532)

Features

  • ๐ŸŽธ Add crosslinks (615c093)
Edit this section, Opens in new window
Contact us, Opens in new window