search

AlaskaAirlines / WebCoreStyleSheets

The core front-end framework for building experiences with the Orion Design System and transition to the Auro Design System.
https://auro.alaskaair.com/webcorestylesheets
Apache License 2.0
5 stars 5 forks source link

feat: add anchor and side nav layouts #159

Closed marnel-mangrubang closed 1 year ago

marnel-mangrubang commented 1 year ago

Alaska Airlines Pull Request

This pull request will update some mixins as well add new classes for variations of 2 column page layouts.

The following is a summary of the changes made:

  1. Add note on .grid class for future deprecation in the next major patch.
  2. Move the grid breakpoint mixins to the breakpoints.scss file for better organization.
  3. Added new mixins.
    • grid-stickycolumn--md (for allowing anchor navs to be sticky in tablet to larger devices)
    • grid-stickycolumn--xs (for allowing the side nav column to be sticky on mobile and smaller devices)
  4. Removed unused parameters on some mixins
    • grid_margin
    • grid_padding
  5. Added classes
    • .container
    • .pagecontainer
    • .pageLayout-2colAnchorNav
    • .pageLayout-2colSideNav
  6. Remove unused mixin
    • grid_ratio

Fixes: # (issue, if applicable)

Summary:

Please summarize the scope of the changes you have submitted, what the intent of the work is and anything that describes the before/after state of the project.

Type of change:

Please delete options that are not relevant.

Checklist:

By submitting this Pull Request, I confirm that my contribution is made under the terms of the Apache 2.0 license.

Pull Requests will be evaluated by their quality of update and whether it is consistent with the goals and values of this project. Any submission is to be considered a conversation between the submitter and the maintainers of this project and may require changes to your submission.

Thank you for your submission!
-- Auro Design System Team

blackfalcon commented 1 year ago

:tada: This PR is included in version 4.7.0 :tada:

The release is available on:

Your semantic-release bot :package::rocket: