All Projects → primer → Css

primer / Css

Licence: mit
The CSS design system that powers GitHub

Programming Languages

SCSS
7915 projects
javascript
184084 projects - #8 most used programming language
shell
77523 projects

Projects that are alternatives of or similar to Css

Wordless
All the power of Pug, Sass, Coffeescript and WebPack in your WordPress theme. Stop writing themes like it's 1998.
Stars: ✭ 1,374 (-87.12%)
Mutual labels:  framework, scss, sass
Gulp Frontnote
スタイルガイドジェネレーターFrontNoteのGulpプラグイン
Stars: ✭ 7 (-99.93%)
Mutual labels:  styleguide, scss, sass
A11y Style Guide
Accessibility (A11Y) Style Guide
Stars: ✭ 493 (-95.38%)
Mutual labels:  styleguide, scss, sass
Css
Believe in Better CSS
Stars: ✭ 262 (-97.54%)
Mutual labels:  styleguide, scss, sass
Zeva
a modern and minimalist ui framework for building responsive and modern frontends
Stars: ✭ 57 (-99.47%)
Mutual labels:  framework, ui-components, scss
Oruga
🐛 Oruga is a lightweight library of UI components without CSS framework dependency
Stars: ✭ 297 (-97.22%)
Mutual labels:  ui-components, scss, sass
Sugui Design System
A design system template for the SugUI components library based on styleguidist
Stars: ✭ 17 (-99.84%)
Mutual labels:  styleguide, design-system, ui-components
Storybook
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Stars: ✭ 67,445 (+532.1%)
Mutual labels:  styleguide, design-systems, ui-components
Generator Baukasten
Awesome!
Stars: ✭ 50 (-99.53%)
Mutual labels:  framework, scss, sass
Codyhouse Framework
A lightweight front-end framework for building accessible, bespoke interfaces.
Stars: ✭ 1,020 (-90.44%)
Mutual labels:  framework, design-system, scss
Musubii
Simple CSS Framework for JP
Stars: ✭ 138 (-98.71%)
Mutual labels:  framework, scss, sass
Frontnote
Node.jsを使ったスタイルガイドジェネレーター
Stars: ✭ 73 (-99.32%)
Mutual labels:  styleguide, scss, sass
Hocus Pocus
Universal and lightweight stylesheet starter kit
Stars: ✭ 128 (-98.8%)
Mutual labels:  framework, scss, sass
Daisyui
⭐️ ⭐️ ⭐️ ⭐️ ⭐️  Tailwind Components
Stars: ✭ 382 (-96.42%)
Mutual labels:  design-system, design-systems, ui-components
Baseguide
Lightweight and robust CSS framework for prototyping and production code.
Stars: ✭ 127 (-98.81%)
Mutual labels:  framework, scss, sass
Primitive
⛏️ ‎ A front-end design toolkit for developing web apps.
Stars: ✭ 783 (-92.66%)
Mutual labels:  framework, scss, sass
Sscss
Light Sass lib for managing your font-size, margin, padding, and position values across breakpoints.
Stars: ✭ 119 (-98.88%)
Mutual labels:  styleguide, scss, sass
Toolkit
Sky's CSS Toolkit
Stars: ✭ 126 (-98.82%)
Mutual labels:  styleguide, design-systems, scss
Axiom React
Axiom - Brandwatch design system and React pattern library
Stars: ✭ 41 (-99.62%)
Mutual labels:  styleguide, design-system, ui-components
Vitamin Web
Decathlon Design System libraries for web applications
Stars: ✭ 70 (-99.34%)
Mutual labels:  styleguide, design-system, ui-components

Primer CSS

The CSS implementation of GitHub's Primer Design System

Documentation

Our documentation site lives at primer.style/css. You'll be able to find detailed documentation on getting started, all of the components, our theme, our principles, and more.

Install

This repository is distributed with npm. After installing npm, you can install @primer/css with this command:

npm install --save @primer/css

Usage

The included source files are written in Sass using SCSS syntax. After installing with npm, you can add your project's node_modules directory to your Sass include paths (AKA load paths in Ruby), then import it like this:

@import "@primer/css/index.scss";

You can import individual Primer modules directly from the @primer/css package:

@import "@primer/css/core/index.scss";
@import "@primer/css/product/index.scss";
@import "@primer/css/marketing/index.scss";

Development

See DEVELOP.md for development docs.

Releasing (for GitHub staff)

You can find docs about our release process in RELEASING.md.

License

MIT © GitHub

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].