v1.3.1

Live Demo →

Changes Since v1.3.0:

• 2ce5a6d Revert "Add workaround for Chrome on macOS to prevent jumpiness when scrolling"

  This reverts commit 01041c1.

v1.3.0

Live Demo →

Changes Since v1.2.2:

• 20280cd FIx SVG icons

  The SVG icons were not rendering properly in the browser.

• 5f841df Icons and styles needed by

v1.2.3

Live Demo →

Changes Since v1.3.1:

• 6276d55 Revert "Add workaround for Chrome on macOS to prevent jumpiness when scrolling"

  This reverts commit 01041c1.

v1.2.2

Live Demo →

Changes Since v1.2.0:

• 01041c1 Add workaround for Chrome on macOS to prevent jumpiness when scrolling

• 9b1d2d2 fix(edge): transparent outline: 1px -> 0px

v1.2.0

Live Demo →

Changes Since v1.1.1:

• 389eb7f Add required field mixin

• be957b9 Add Sauce Labs mention

• 15951b4 Use files property of package.json instead of .npmignore [skip ci]

v1.1.1

Live Demo →
API Documentation →

Changes Since v1.1.0-beta1:

• 54d4781 Add Bower resolutions for vaadin-development-mode-detector and vaadin-usage-statistics

• 95b0ebc Use vaadin-element-mixin 2.0.0

• 966e5fd Restore using specific beta versions for P3 conversion

• 7a3a3d6 Use badgen for npm and bower versions badges

v1.1.0-beta1

Live Demo →
API Documentation →

No Changes Since 1.1.0-alpha3:

v1.1.0-alpha3

Documentation →

Changes Since 1.0.0:

• 0cce642 Merge branch 'master' of https://github.com/vaadin/vaadin-lumo-styles
• 5d31d7b Updated icons Sketch document - Rename the file so that it shows up as “Lumo Icons” in Sketch when used as a library.

Add instructions in the Sketch document how to add new icons and how to update existing ones.

• f475275 Merge branch 'master' into p3-preview
• 441ecda Fix broken documentation links and add visual cues for external links
• 1e30fbd Update Vaadin core dev dependency
• 83bc168 Kithcen sink test update
• 4f0dead Fix broken documentation link
• 9ce655c Generate icons.html and font-icons.html from SVG source files - Add a Gulp script that optimizes the source SVG icons and then generates the iron-iconset-svg and font icon version from those.

The unicode values for the font icons change with this update, but those are not part of the public API, as users should rely on the custom property names instead (which do not change).

Some icons are visually adjusted as well, to make them more coherent.

The individual SVG versions are now also included, if someone wants to use them separately.

The demo page now also allows you to view both the iron-iconset-svg and font icon versions.

v1.0.0

Documentation →

Changes Since 1.0.0-beta3:

• Add missing tint, shade and contrast colors to the properties list - Fixes #21

v1.0.0-beta3

Documentation →

⚠️ Potentially breaking changes

Menu overlay mixin refactored (31f23fe)

• Utilize vaadin-overlay opening and closing animation feature (different animations for larger and small viewports)
• Use CSS media queries instead of element-specific state attributes (phone and fullscreen) for triggering “bottom sheet” behavior

❇️ Updates

Badge style update (bcb87e3)

• Increase padding
• Increase font size for the normal size badge
• Use line-height: 1; as badges are expected to be only one line

Use vaadin-overlay closing animation feature for backdrop (fc3e8ad)

• Decrease the backdrop intensity.
• Add a utility keyframe animation that can be used by all overlays for opening and closing animation timing.

Fix iOS 9 support (c20994e)

• Move the mask image to the content part instead of a pseudo element on top of it.
• Don’t use a custom property for the mask-image (not supported on iOS9).