https://github.com/vineyardbovines/d10m

designSystem
https://github.com/vineyardbovines/d10m

Last synced: about 1 month ago
JSON representation

designSystem

• Host: GitHub
• URL: https://github.com/vineyardbovines/d10m
• Owner: vineyardbovines
• License: mit
• Created: 2018-04-12T00:36:15.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-12-15T17:25:45.000Z (almost 2 years ago)
• Last Synced: 2024-10-16T09:30:03.333Z (about 1 year ago)
• Language: TypeScript
• Size: 902 KB
• Stars: 12
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
![](https://raw.githubusercontent.com/gretzky/banners/master/d10m.png)

Baseline CSS for any React app. A styled-components wrapper around normalize.css / reset.css as well as a WCAG-compliant theme.

## Getting Started

Install into any React project.

```

yarn add global-reset

```

## Usage

### Global

Import the `Global` component as the first child in your root component.

```javascript

import React from "react";

import { render } from "react-dom";

import { Global } from "d10m";

import theme from "./theme";

const App = () => 
hello world
;


render(

  


    

    

  
,

  document.getElementById("root")

);

```


### Theme

A theme object with WCAG-compliant, a11y colors.

There are 2 color schemes (light and dark) for usage with the correct background, i.e. `theme.dark.primary` should be used against the black background color.

```

import { theme } from 'd10m'

const Text = () => (

  


    
hello

  

)

```