SynPon Labs

Primer Marketing CSS Cards

npm version Build Status

Card-like containers to group semantically related content together on marketing websites at GitHub.

This repository is a module of the full primer-css repository.


Documentation & refactor coming very soon


This repository is distributed with npm. After installing npm, you can install primer-cards with this command.

$ npm install --save primer-cards


The source files included are written in Sass (scss) You can simply point your sass include-path at your node_modules directory and import it like this.

@import "primer-cards/index.scss";

You can also import specific portions of the module by importing those partials from the /lib/ folder. Make sure you import any requirements along with the modules.


For a compiled css version of this module, a npm script is included that will output a css version to build/build.css

$ npm run build


MIT © GitHub