release-1.17.0

Changes since 1.16.0:

• Fix disappearing logo on mobile Chrome
• Set node-sass version to 4.12.0 to fix crash on startup

release-1.16.0

Description

Hero-big increased min-height and other minor style improvements. New currency and settings icons added.
Hermione visual testing.

Changes since 1.15.0:

• Minor style improvements to hero-big
• New currency and settings icons.
• Hermione visual testing

release-1.15.0

Description

Hero big design change. Few new icons.

Hero big with new behind text overlay, play/pause button for stopping a background video (functionality for this to be made else where). Also hero image now takes only about 75% of the screen space on larger sizes, leaving space under the image.

Changes since 1.14.0:

• Hero big design change.
• Play and pause icons.
• Euro currency icon.

release-1.14.0

Description

Added new and shiny headphones icon. Fixed style guide footer template that was missing correct class.

Changes since 1.13.0:

• Added headphones icon.
• Fixed Styleguide github pages footer template that was missing a class.

release-1.13.0

Description

Overall accessibility improvements and bug fix for iOS mobile device double tap issue. (https://css-tricks.com/annoying-mobile-double-tap-link-issue/)

Changes sine 1.12.0:

• Changed colors to have more contrast.
• Overlay opacity changes.
• Fixed iOS double tap issue.

See pdf for full list of changes.
hy-style-guide_improvement-proposals-2.pdf

release-1.12.0

For accessibility reasons in helsinki.fi we are going to change some page elements from <span> to <button>. Therefore few styles need to be added to search toggle and main menu expand toggles. This shouldn't have any visual side effects if you use the current <span> elements.

Changes sine 1.11.0:

• Applied such styles to search toggle and main menu expand toggles that <button> elements can be used.

release-1.11.0

Adds WhatsApp icon and icon button using it.

Changes sine 1.10.0:

• Added WhatsApp icon and icon button:
  http://universityofhelsinki.github.io/Styleguide/#section-2-1
  http://universityofhelsinki.github.io/Styleguide/#section-3-7-6

release-1.10.0

Description

Contains visual changes to “Header bar” element and support for styling quick menu links contained in the active trail of navigation tree.

Changes sine 1.9.0:

• Visual changes to "Header bar" (http://universityofhelsinki.github.io/Styleguide/#section-15-1-2):

  • Allow left part of header bar to shrink. In case of long text after the logo the text was cut off on narrower viewports.

• Apply same style to quick menu links with class active-trail as ones with active.

Screenshots

Changes to "Header bar":

Styles for active trail links in quick menu:

release-1.9.0

Description

Contains visual changes to “Hero big” and “Footer” elements.

Changes sine 1.8.0:

• Visual changes to "Hero big" (http://universityofhelsinki.github.io/Styleguide/#section-16-1-2):

  • Content is now wider.

• Visual changes to "Footer" element (http://universityofhelsinki.github.io/Styleguide/#section-15-2):

  • Copyright is now positioned so that there can be content of any height on the same column without overlapping it.

Screenshots

How footer copyright would be positioned with long content in the last footer column:

How footer looks with markup provided by the styleguide:

Changes to "Hero big":

release-1.8.0

Description

Contains visual changes to various elements.

Changes sine 1.7.0:

• Visual changes to “Top bar” (https://universityofhelsinki.github.io/Styleguide#section-15-1) and “Liftup grid” (https://universityofhelsinki.github.io/Styleguide#section-18-1):
  • Changed background to pitch black.
• Visual changes to “Hero big” (https://universityofhelsinki.github.io/Styleguide#section-16-1-2), “Hero medium” (https://universityofhelsinki.github.io/Styleguide#section-16-1-4) and “Video player” (https://universityofhelsinki.github.io/Styleguide#section-21-1
• ):
  • Changed overlay shown over images to be 40% black.
  • Removed text shadows.
• Visual changes to “Liftup mosaic” (https://universityofhelsinki.github.io/Styleguide/#section-18-3):
  • Changed background to pitch black.
  • Removed text shadows.
  • Added border between mosaic items.
  • Item titles are underlined when hovered over the item.
  • Image overlay is now 40% black and same on hover.

Screenshots

Top bar:

Liftup grid:

Hero big:

Hero medium:

Video player:

Liftup mosaic: