Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

CSS Refactor: Minimize global styles, support high contrast mode, new typography feature #1985

Closed
wants to merge 4 commits into from

Conversation

marcysutton
Copy link
Contributor

Includes:

  • Framework typography stylesheet
  • SVG icons in the docs (menu, list toggle)
  • Flex styles for layout.scss in Safari
  • Docs menu & demo source button bug fixes (Safari, Firefox, IE)
  • Media queries for Windows high contrast mode
  • Relegates text-rendering to specific elements concerned with typography

Closes #1442, #1561, #1128, #1989, Refs #1718

Marcy Sutton added 3 commits March 20, 2015 14:27
Includes new typography stylesheet, flex styles for layout.scss in Safari

Closes #1442, #1561, #1718
@ajoslin ajoslin added the in progress Mainly for in progress PRs, but may be used for issues that require multiple PRs label Mar 20, 2015
@marcysutton marcysutton self-assigned this Mar 20, 2015
@marcysutton marcysutton added this to the 0.9.0 milestone Mar 20, 2015
@return $map-str + '}';
}

@function map-to-string($map) {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Isn't this exactly the same as the above function ?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Git rebase mixup, good catch!

@gkalpak
Copy link
Member

gkalpak commented Mar 22, 2015

After a superficial look, this looks nice.
I wonder if it would make sense to document the new CSS classes (e.g. md-display-X, md-title, md-caption etc). Related to #594.

@marcysutton
Copy link
Contributor Author

@gkalpak definitely, #594 is being worked on AFAIK. The typography classes will for sure go into CSS documentation, we just have to figure out the best place. I'm thinking CSS will go under the API Reference section, and one part of that can be Typography.

Plus CSS cleanup and comments

Closes #1989
This was referenced Mar 24, 2015
@marcysutton marcysutton added resolution: fixed and removed in progress Mainly for in progress PRs, but may be used for issues that require multiple PRs labels Mar 25, 2015
font-size: 100%;
}

ul {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why is this in the typography SASS ?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The goal is to provide basic typographic defaults for the framework. Do you mean the list styles? They could be moved back to structure.scss I suppose, but I thought they were related to typography. Or do you think we shouldn't include global styles for lists?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think we should keep the typography.scss consistent. Let's move the ul styling to structure.scss.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Already done actually. I think I'll have the Typography page done today, and that change is in there. I can even commit it as part of this PR.

@marcysutton marcysutton deleted the wip-css-refactor branch March 26, 2015 18:31
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Broad style rules in structure.scss can cause conflicts
4 participants