10up/wp-component-library

Name: wp-component-library

Owner: 10up

Description: A library of barebones front-end components built with WordPress and accessibility in mind.

Created: 2016-07-28 18:47:41.0

Updated: 2018-01-06 23:43:32.0

Pushed: 2017-05-25 19:04:23.0

Homepage: https://10up.github.io/wp-component-library/

Size: 743

Language: HTML

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

10up Component Library

At 10up, we strive to provide websites that yield a top-notch user experience. In order to improve both our efficiency and consistency, we need to standardize what we use and how we use it. Standardizing our approach to commonly-used front-end components allows us to understand better the inner workings of someone else?s project and produce better solutions ourselves and our clients.

Each component in this library is built with simplicity and accessibility in mind, tailored to fit the often opinionated nature of WordPress core output. These components are intended to be easily adapted to any number of different projects and use cases.

All components are tested to be WCAG 2.0 Compliant.

Start browsing ?

Dependencies

1. .editorconfig Plugin - The .editorconfig file ensures that everyone contributing to the project will use the same indentation.

Structure

onents/
component-name/
??? _notes.md
??? _resources.md
??? _support.md
??? component.css
??? component.js
??? component.html
??? component-wp.html (optional)
??? example.html
??? index.md
??? scss/
    ??? component-name.scss

torconfig
ignore
ME.md

Contributing

We don't know everything! We welcome pull requests and spirited, but respectful, debates. Please contribute via pull requests on GitHub.

All contributions to the component library should be tested against version 2 of the Web Accessibility Content Guidelines (WCAG 2.0)

1. Fork it!
2. Create your feature branch: git checkout -b component/my-new-component
3. Commit your changes: git commit -am 'Added some great feature!'
4. Push to the branch: git push origin component/my-new-component
5. Submit a pull request

Running Locally

install bundler
le install
le exec jekyll serve

Once bundle exec jekyll serve has run, you can view the 10up Component library in your browser by copying/pasting the server address from your command line. It will look similar to the code below.

iguration file: /[your-path-to-project]/wp-component-library/_config.yml
Server address: http://127.0.0.1:4000/wp-component-library/
rver running... press ctrl-c to stop.

Check out Github's documentation on local Jekyll setup for more info.

License

Released under MIT by, and copyright 2016 by 10up.