Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add styles, scripts, and documentation for Alerts and Accordions. #27

Merged
merged 2 commits into from
Jan 10, 2019

Conversation

adunkman
Copy link
Member

@adunkman adunkman commented Jan 9, 2019

This includes the first additional JavaScript behavior, as Accordions in the US Web Design System do not have a Close button (other than clicking the header again).

I’ll be following up this PR with another PR that introduces integration tests of these accordions, as I’d like to assert their behavior (both the added close button and the standard US Web Design System behavior). I think that’s best suited for a follow-up PR as it’ll be the first integration tests for this repository, and will contain configuration and packages unrelated to these specific pages.

Without further ado:

Alerts Accordions
Screenshot of Alerts page Screenshot of Accordions page

@adunkman adunkman requested review from donjo and rtwell January 9, 2019 20:21
rules:
import/no-extraneous-dependencies:
- error
- devDependencies: true
Copy link
Member Author

Choose a reason for hiding this comment

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

This enables JavaScript files to import npm packages listed as development dependencies for this project, which is required because all of our dependencies are specified as development dependencies (as we distribute compiled JavaScript as our production dependency).

Copy link
Contributor

@donjo donjo left a comment

Choose a reason for hiding this comment

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

yay this looks great! I'm realizing now we don't really have a good container style for code samples. I'll try to come up with something for that.

@adunkman
Copy link
Member Author

Yeah! I’m thinking we might want to also include pygments-compatible syntax highlighting styles, since those would be used by the developer documentation sites at least.

The style guide already generates pygments-compatible classes for code, we’d just need to add the classes to the stylesheet — but obviously a base container style for code samples would get us a long way, even if we don’t add the syntax highlighting.

@adunkman adunkman merged commit d3f9b97 into master Jan 10, 2019
@adunkman adunkman deleted the alerts-and-accordions branch January 10, 2019 18:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants