https://github.com/impress-org/givewp-design-system

The design system of GiveWP for use in development
https://github.com/impress-org/givewp-design-system

Last synced: 3 days ago
JSON representation

The design system of GiveWP for use in development

• Host: GitHub
• URL: https://github.com/impress-org/givewp-design-system
• Owner: impress-org
• Created: 2023-02-28T23:31:54.000Z (almost 2 years ago)
• Default Branch: develop
• Last Pushed: 2024-11-15T16:58:42.000Z (about 2 months ago)
• Last Synced: 2024-11-15T17:20:11.119Z (about 2 months ago)
• Language: CSS
• Size: 15.6 KB
• Stars: 1
• Watchers: 7
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# GiveWP Design System

This is the design system for GiveWP intended for development. It's very simple and currently only

includes the foundational design system for both marketing and product development.

## Getting Started

The design system is simply a bunch of CSS Properties. There are no components, classes, or other

such things. You simply import the CSS file and use the properties in your own CSS.

There are two ways to install and use the design system:

Install via NPM:

```bash

npm install @givewp/design-system

```

Retrieve directly via the unpkg CDN:

```html

```

## Using pieces of the design system

The design system is broken up into several files. You can import the entire design system via the

`foundation.css` file, or you can import individual files.