Adding breakpoint helpers

[goulinkh]

During the migration to Vanilla 3 on Juju dashboard I had an issue where the breakpoint medium doesn't exist anymore, I had an option to manually define the breakpoint medium but I feel that it's fighting against the flow of the Vanilla lib so instead I decided to follow the docs and use a media selector that does this mobile < ... < large.

That made my SCSS code somewhat unreadable easily by others so during my research on fixing, I stumbled across this article: https://css-tricks.com/approaches-media-queries-sass and I found this one easy to write/use/read: Landon Schropp’s technique.

Here is how our solution look like: https://github.com/canonical/jaas-dashboard/blob/05c9737e7251e77df8583ac4dffefbf7466c5b4f/src/scss/_breakpoints.scss

It maybe worth it to add this in the Vanilla library!

[bartaz]

Triage: for consideration in new architecture

[syncronize-issues-to-jira[bot]]

Thank you for reporting us your feedback!

The internal ticket has been created: https://warthogs.atlassian.net/browse/WD-15213.

This message was autogenerated