npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

change-styleguide

v3.0.0

Published

The Change.org style guide

Downloads

133

Readme

:warning: DEPRECATED - only update dependencies if needed

Circle CI code style: prettier

Change.org CSS style guide

The style guide is a pattern library for Change.org apps. It is a set of design tools for the responsive, flexible, and efficient development of UI, as well as serving as a compass for consistency and intuitive experiences throughout the Change.org ecosystem. The goal is to eliminate the need for writing and maintaining CSS in the Change.org consumer apps.

Getting started

To make use of the Change.org pattern library in your app:

What's included

The package includes the source LESS files as well as the compiled CSS, so you can make use of it in whole or in part. What you get:

  • Base styles: normalized elements, base styles for semantic HTML documents, global variables such as colors, and the complete icon suite.
  • Utilities: oft-repeated, low-level structural and positional classes for common patterns or overrides, e.g. styles for text alignment
  • Components: object-oriented classes for encapsulating style, semantics, and behavior for UI objects, e.g. modals

Documentation on how to use the patterns can be found at http://styleguide.change.org/user-interface/ or when running this repo locally.

Contribute

Please refer to the contribution guidelines for instructions on getting the style guide development environment set up. It also includes documentation on how to submit pull requests, our CSS code standards, and examples of all our CSS patterns.

Prettier

This repository uses Prettier to enforce a uniform code style. A precommit hook is setup to format the code once you run git commit. If you have an error in your code (e.g. missing a closing }), you will need to fix the error(s) and run git commit again. You will see the following when an error occurs:

✖ prettier --write found some errors. Please fix them and try committing again.