2017-11-25 09:25:43 +01:00
|
|
|
---
|
|
|
|
|
title: Get PaperCSS
|
|
|
|
|
menu: main
|
|
|
|
|
weight: -270
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
#### Download
|
|
|
|
|
|
2021-12-25 20:36:47 +01:00
|
|
|
Download the latest version (1.8.3) using either of the links below. Or
|
2019-07-30 19:05:53 +02:00
|
|
|
download an older release via GitHub.
|
2017-11-25 09:25:43 +01:00
|
|
|
|
|
|
|
|
<div class="row flex-spaces text-center">
|
2021-12-25 20:36:47 +01:00
|
|
|
<a class="paper-btn margin" href="https://github.com/rhyneav/papercss/releases/download/v1.8.3/paper.css">CSS File</a>
|
|
|
|
|
<a class="paper-btn margin" href="https://github.com/rhyneav/papercss/releases/download/v1.8.3/paper.min.css">Minified CSS File</a>
|
2019-07-30 19:05:53 +02:00
|
|
|
<a class="paper-btn margin" href="https://github.com/rhyneav/papercss/releases">GitHub Releases</a>
|
2017-11-25 09:25:43 +01:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
#### NPM
|
|
|
|
|
|
2021-12-25 20:36:47 +01:00
|
|
|
PaperCSS is available on NPM, current version 1.8.3. Install with <code>npm install papercss --save</code> and find the CSS in:
|
2017-11-25 09:25:43 +01:00
|
|
|
|
|
|
|
|
* 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:
|
|
|
|
|
|
2021-12-25 20:36:47 +01:00
|
|
|
* [https://unpkg.com/papercss@1.8.3/dist/paper.css](https://unpkg.com/papercss@1.8.3/dist/paper.css)
|
|
|
|
|
* [https://unpkg.com/papercss@1.8.3/dist/paper.min.css](https://unpkg.com/papercss@1.8.3/dist/paper.min.css)
|
2017-11-25 09:25:43 +01:00
|
|
|
|
2018-12-05 00:31:39 +01:00
|
|
|
Here's a quick snippet to get started with PaperCSS:
|
2017-11-25 09:25:43 +01:00
|
|
|
|
|
|
|
|
```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">
|
2021-12-25 20:36:47 +01:00
|
|
|
<link rel="stylesheet" href="https://unpkg.com/papercss@1.8.3/dist/paper.min.css">
|
2017-11-25 09:25:43 +01:00
|
|
|
<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
|
|
|
|
|
|
2018-01-02 15:48:06 +01:00
|
|
|
If you'd rather customize things, you can build the CSS yourself via the git repo
|
2017-11-25 09:25:43 +01:00
|
|
|
|
|
|
|
|
```sh
|
2018-01-02 15:48:06 +01:00
|
|
|
git clone https://github.com/papercss/papercss.git
|
|
|
|
|
cd papercss
|
2017-11-25 09:25:43 +01:00
|
|
|
npm install
|
|
|
|
|
npm run build
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
Grab the CSS out of the /dist folder created
|
|
|
|
|
|
2018-01-02 15:48:06 +01:00
|
|
|
You can also go into src/core/_config.scss before building to change around the global styles of your new CSS.
|
