Menu icon Foundation
Foundation 5.5.2 is out! Bower update!

Hey Everyone! We just released a huge update with tons of feature improvements and bug fixes. Check it out! Feel free to ask questions below :)

Foundationrelease

Hey Everyone! We just released a huge update with tons of feature improvements and bug fixes. Check it out! Feel free to ask questions below :)

Rafi Benkual over 4 years ago

5.5.2 - April 30th, 2015

  • Accessibility updates
    • New visibility classes for accessibility - 7bb9efc
    • Focus ability added to Reveal modal - 9b942bd
    • Improves Reveal Modal markup for accessibility - ed2f57a
    • Fix the 'aria-expanded' in multi-buttons scenario - 4fe1071
    • Improvements to Accordion - 642e0f9
  • Workflow improvements
    • Updates the Grunt file: sets the key paths as variables, which are then available for use in the tasks. This helps with a few things including:
    • reusable configs across different projects
    • git history is cleaner with modular approach
    • easier to avoid merge conflicts
    • Distribute on NPM - Foundation-Sites
    • Added Grunt task to minify CSS - d163f4b
  • Adds Retina media queries - 71c7a49
  • Making the breakpoints more specific (Chrome rounding issue) - 2f2021a
  • Improvment to Reveal Modal positioning with vertical scroll - 5dbc404
  • Allows Ajax content to be replaced in open Reveal Modal - 94db26f
  • Equalizer can now be nested! Crazy! - f9b987c
  • Equalizer is now responsive - equalize on small, medium, large - 3bcaa8e
  • Interchange works with Ajax content - d096fab
  • Fix for Interchange custom queries - 89a156b
  • Interchange and Clearing now play well - 2ab7fa9
  • Fix for topbar parent link showing on medium - 5122552
  • Abide updates:
    • Abide can now have multiple custom validators - d4e1046
    • All validation must pass - 17c0347
    • Abide now can be reset for all error fields - b6e3c36
    • Fix for Reflow method on Abide validation - fb92e42
    • Fix for Abide validations triggering twice - 9a08080
    • Validation for Radio and Checkbox groups - adf3fbf
  • Tons of code cleanup and formatting improvements (listing a few here):

This is a huge release and thanks to everyone who contributed! You can check out all 383 commits by clicking the link here.

Diogo Bento over 4 years ago

Hi!

I have manually updated the settings sass file with the new Retina media query to use in my custom sass files, but it doesn't seem to be targeting iPad 3. Any obvious reason for this behavior?

Btw: I have noticed that other devices (like mobile phones with 1.5 pixel-ratio screens) greatly benefit from @2x images. Why is it not common practice to target these high-res devices?

Thanks

Rafi Benkual over 4 years ago

Not sure but not all ipad 3's are retina right?

You can use the retina media query on any image to help with HiDPI images. We would recommend targeting screens and not specific devices.

Diogo Bento over 4 years ago

I ended up using the following media query, which seems to target most hig-res screens:

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
  only screen and (-o-min-device-pixel-ratio: 13/10),
  only screen and (min-resolution: 120dpi)
  {
    /* code here */
  }

Courtesy https://gist.github.com/marcedwards/3446599

Rafi Benkual over 4 years ago

That's a good resource! thanks for sharing it!