Skip to content

Use & Confirm Relative Lengths in Our CSS (All of It!) #378

@courte

Description

@courte

Description
Many of our stylesheets use absolute lengths (pixels) instead of relative ones (percentages, ems). It leads to odd styling in weird places and frustrating development.

Ask
Where it makes sense, please transition from using px to using percentages or ems in our stylesheets.

To Do
Adjust relative lengths for:

  • assets/stylesheets/code_good_day.scss
  • events.css.scss
  • footer.css.scss
  • header.css.scss
  • home.css.scss
  • index.css.scss
  • navigation.css.scss
  • projects.css.scss

Additional Info
This has the capacity to subtly muck up a lot of things in the view. Please:

  • only work with one view or stylesheet per pull request;
  • search for selector repetition in other stylesheets and views to confirm you're only impacting one view;
  • share before and after screenshots in your pull request; and
  • use (Foundation 4 standards)[http://foundation.zurb.com/docs/v/4.3.2/] when necessary.

Note: Anyone who takes part of this on is seriously heroic and should be applauded. Immediately. 👏 👏

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions