mirror of
https://github.com/papercss/papercss
synced 2024-06-16 04:35:37 +02:00
70 lines
1.9 KiB
Markdown
70 lines
1.9 KiB
Markdown
|
---
|
||
|
title: Get PaperCSS
|
||
|
menu: main
|
||
|
weight: -270
|
||
|
---
|
||
|
|
||
|
#### Download
|
||
|
|
||
|
`Download` the latest version (1.1.0) using either of the links below. Or
|
||
|
download an older release via Github.
|
||
|
|
||
|
<div class="row flex-spaces text-center">
|
||
|
<a class="paper-btn margin" href="https://github.com/rhyneav/papercss/releases/download/v1.1.0/paper.css">CSS File</a>
|
||
|
<a class="paper-btn margin" href="https://github.com/rhyneav/papercss/releases/download/v1.1.0/paper.min.css">Minified CSS File</a>
|
||
|
<a class="paper-btn margin" href="https://github.com/rhyneav/papercss/releases">Github Releases</a>
|
||
|
</div>
|
||
|
|
||
|
#### NPM
|
||
|
|
||
|
PaperCSS is now available on NPM as of version 1.1.0. Install with <code>npm
|
||
|
install papercss --save</code> and find the CSS in:
|
||
|
|
||
|
* node_modules/papercss/dist/paper.css
|
||
|
* node_modules/papercss/dist/paper.min.css
|
||
|
|
||
|
#### CDN
|
||
|
|
||
|
Don't want to download it? That's cool. You can just link to PaperCSS via
|
||
|
[unpkg's CDN](https://unpkg.com/#/). You can use either:
|
||
|
|
||
|
* [https://unpkg.com/papercss@1.1.0/dist/paper.css](https://unpkg.com/papercss@1.1.0/dist/paper.css)
|
||
|
* [https://unpkg.com/papercss@1.1.0/dist/paper.min.css](https://unpkg.com/papercss@1.1.0/dist/paper.min.css)
|
||
|
|
||
|
Here's a quck snippet to get started with PaperCSS:
|
||
|
|
||
|
```html
|
||
|
<!DOCTYPE html>
|
||
|
<html lang="en">
|
||
|
<head>
|
||
|
<meta charset="UTF-8">
|
||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||
|
<link rel="stylesheet" href="https://unpkg.com/papercss@1.1.0/dist/paper.min.css">
|
||
|
<title>Document</title>
|
||
|
</head>
|
||
|
<body>
|
||
|
<div class="paper container">
|
||
|
<h1>Some Fresh Title</h1>
|
||
|
<p>This is where some content would go.</p>
|
||
|
</div>
|
||
|
</body>
|
||
|
</html>
|
||
|
```
|
||
|
|
||
|
#### Build it Yourself
|
||
|
|
||
|
If you'd rather customize things, you can build the CSS yourself via the git
|
||
|
repo
|
||
|
|
||
|
```sh
|
||
|
git clone [repo url]
|
||
|
npm install
|
||
|
npm run build
|
||
|
```
|
||
|
|
||
|
Grab the CSS out of the /dist folder created
|
||
|
|
||
|
You can also go into src/colors.less before building to change around the colors
|
||
|
of your new CSS.
|