Usage

Markup

<a href="/" class="if logo"><span class="if axe sr-only">Home</span></a>
Edit this section, Opens in new window

Assets

URIs for direct linking

Here are some direct links for the If logo that can be used in your application/content

For meta tags

<!--- example usage --->
<link
  async
  rel="icon"
  type="image/png"
  sizes="512x512"
  href="//if-vid-brand-cdn.azureedge.net/images/meta/favicon-512x512.png"
/>
tag rel type sizes (dimensions) file type image
link apple-touch-icon-precomposed 57x57 png logo
link apple-touch-icon-precomposed 60x60 png logo
link apple-touch-icon-precomposed 72x72 png logo
link apple-touch-icon-precomposed 76x76 png logo
link apple-touch-icon-precomposed 114x114 png logo
link apple-touch-icon-precomposed 120x120 png logo
link apple-touch-icon-precomposed 144x144 png logo
link apple-touch-icon-precomposed 152x152 png logo
link apple-touch-icon-precomposed 180x180 png logo
link apple-touch-icon-precomposed 512x512 png logo
link icon image/png 16x16 png logo
link icon image/png 32x32 png logo
link icon image/png 96x96 png logo
link icon image/png 128x128 png logo
link icon image/png 196x196 png logo
link icon image/png 512x512 png logo
<!--- example usage --->
<meta
  name="msapplication-square150x150logo"
  content="//if-vid-brand-cdn.azureedge.net/images/meta/mstile-150x150.png"
/>
tag name dimensions image
meta msapplication-square70x70logo 70x70 logo
meta msapplication-TileImage 144x144 logo
meta msapplication-square150x150logo 150x150 logo
meta msapplication-wide310x150logo 310x150 logo
meta msapplication-square310x310logo 310x310 logo
<!--- example usage --->
<link async rel="shortcut icon" href="//if-vid-brand-cdn.azureedge.net/images/meta/favicon.ico" />
tag rel sizes (dimensions) file type image
link shortcut icon 64x64 ico logo

For other usage

NOTE! The sizes of these logos, even though the original dimensions are different, are constricted. 40x40 on mobile, 72x72 on desktop.

sizes file type image
150x148 png logo
113x112 svg logo

Downloads

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.4 (2021-11-15)

Bug Fixes

  • Several fixes reported by Monta (8619659)

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.6.3 (2021-09-17)

Bug Fixes

13.4.1 (2021-09-06)

Bug Fixes

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)

Bug Fixes

  • ๐Ÿ› Fix some layout bugs with navigational cards (565db7f)
  • ๐Ÿ› Update references (c08f107)

Code Refactoring

  • ๐Ÿ’ก Remove Teasers, added Text and Lifestyle cards (1247479), closes #336508
  • ๐Ÿ’ก Rename and consolidate mixins (67cf470), closes #268081
  • ๐Ÿ’ก Rename Notification to Alert Banner (8b4e48d), closes #336508

BREAKING CHANGES

  • ๐Ÿงจ All of the mixins have now been renamed
  • ๐Ÿงจ Teasers are no more. It has been replaces with Lifestyle Navigational

Card, Text Navigational Card. Studio Teasers is gone, use Studio Navigational Card instead, which is based on the old Studio Crosslinks

  • ๐Ÿงจ Notification is now renamed to Alert Banner

7.1.0 (2020-11-16)

Features

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

6.21.2 (2020-06-11)

Bug Fixes

  • ๐Ÿ› Temporarily readd old logo.svg (af26041)

6.11.1 (2020-04-22)

Bug Fixes

  • ๐Ÿ› Readd missing asset build (34fb48a)

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

Reverts

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

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

Bug Fixes

  • ๐Ÿ› Use correct png file (91c4072)

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)

Bug Fixes

13.4.1 (2021-09-06)

Bug Fixes

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)

Bug Fixes

  • ๐Ÿ› Fix some layout bugs with navigational cards (565db7f)
  • ๐Ÿ› Update references (c08f107)

Code Refactoring

  • ๐Ÿ’ก Remove Teasers, added Text and Lifestyle cards (1247479), closes #336508
  • ๐Ÿ’ก Rename and consolidate mixins (67cf470), closes #268081
  • ๐Ÿ’ก Rename Notification to Alert Banner (8b4e48d), closes #336508

BREAKING CHANGES

  • ๐Ÿงจ All of the mixins have now been renamed
  • ๐Ÿงจ Teasers are no more. It has been replaces with Lifestyle Navigational

Card, Text Navigational Card. Studio Teasers is gone, use Studio Navigational Card instead, which is based on the old Studio Crosslinks

  • ๐Ÿงจ Notification is now renamed to Alert Banner

7.1.0 (2020-11-16)

Features

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

6.21.2 (2020-06-11)

Bug Fixes

  • ๐Ÿ› Temporarily readd old logo.svg (af26041)

6.11.1 (2020-04-22)

Bug Fixes

  • ๐Ÿ› Readd missing asset build (34fb48a)

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

Reverts

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

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

Bug Fixes

  • ๐Ÿ› Use correct png file (91c4072)

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.3 (2019-10-04)

Bug Fixes

  • ๐Ÿ› Adjust sizes for logo (e9b2d75)
  • ๐Ÿ› Remove spacing around logo images (f11c5fd)
  • ๐Ÿ› Use correct logo (89eaa6f)
  • ๐Ÿ› Use correct logo that is not perfectly round (757fc37)

5.0.1-alpha.2 (2019-10-04)

Bug Fixes

  • ๐Ÿ› Adjust sizes for logo (e9b2d75)
  • ๐Ÿ› Remove spacing around logo images (f11c5fd)
  • ๐Ÿ› Use correct logo (89eaa6f)
  • ๐Ÿ› Use correct logo that is not perfectly round (757fc37)

5.0.1-alpha.1 (2019-09-30)

Bug Fixes

  • ๐Ÿ› Add correct favicons (73a4bf6)
Edit this section, Opens in new window
Contact us, Opens in new window