primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-01 12:42:32 +03:00
Code Issues Projects Releases Wiki Activity
76ab27453e
css/modules/primer-support
History
Emily 2064c1b00b Publish 
- primer-alerts@1.5.6
 - primer-avatars@1.5.3
 - primer-base@1.7.1
 - primer-blankslate@1.4.6
 - primer-box@2.5.6
 - primer-branch-name@1.0.4
 - primer-breadcrumb@1.5.2
 - primer-buttons@2.5.4
 - primer-core@6.9.0
 - primer-forms@2.1.1
 - primer-labels@1.5.6
 - primer-layout@1.4.6
 - primer-markdown@3.7.6
 - primer-marketing-buttons@1.0.5
 - primer-marketing-support@1.5.1
 - primer-marketing-type@1.4.6
 - primer-marketing-utilities@1.6.2
 - primer-marketing@6.2.1
 - primer-navigation@1.5.4
 - primer-page-headers@1.4.6
 - primer-page-sections@1.4.6
 - primer-pagination@1.0.0
 - primer-popover@0.1.0
 - primer-product@5.6.3
 - primer-subhead@1.0.4
 - primer-support@4.5.3
 - primer-table-object@1.4.6
 - primer-tables@1.4.6
 - primer-tooltips@1.5.4
 - primer-truncate@1.4.6
 - primer-utilities@4.10.0
 - primer@10.5.0
 - generator-primer-module@1.0.5
 - stylelint-config-primer@2.2.6
 - stylelint-selector-no-utility@1.8.6
2018-05-10 15:31:44 -07:00
..
docs Merge pull request #481 from primer/task/styleguide-polish 2018-05-08 14:48:19 -07:00
lib Merge pull request #418 from primer/btn_contrast 2018-01-16 18:51:13 -05:00
.npmignore rename packages directory to modules 2017-06-29 12:49:16 -07:00
index.scss rename packages directory to modules 2017-06-29 12:49:16 -07:00
LICENSE Happy new year 2018-01-03 15:05:16 -08:00
package.json Publish 2018-05-10 15:31:44 -07:00
README.md Changing shields.io url to https 2017-11-15 10:08:26 -08:00

README.md

Primer Support

npm version Build Status

Support files are Sass variables, mixins, and functions that we import into different bases for use across components, objects, and utilities. Sharing these common properties across GitHub sites helps us to keep our styles more consistent.

Most of the time to include these you'll only need to add @import "support/support"; to the top of your bundle. If you want only a specific partial you can import them separately.

This repository is a module of the full primer repository.

Install

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

$ npm install --save primer-support

Usage

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-support/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.

Documentation

Primer is built on systems that form the foundation of our styles, and inform the way we write and organize our CSS. Building upon systems helps us make styles consistent and interoperable with each other, and assists us with visual hierarchy and vertical rhythm.

We use Sass variables to keep color, typography, spacing, and other foundations of our system consistent. Occasionally we use Sass mixins to apply multiple CSS properties, they are a convenient solution for frequently-used verbose patterns.

We've documented variables, mixins, and the systems they are built on for the following:

License

MIT © GitHub