Installation

Getting started is quick and simple


Install with NPM

You can install OrbitCSS with NPM. This will give you all of the Sass files along with the compiled CSS.

npm install orbitcss
Copy

Use the jsDelivr CDN to include OrbitCSS directly into your project.

Compressed CSS.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/orbitcss/css/orbit.min.css" />
Copy

Uncompressed CSS.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/orbitcss/css/orbit.css" />
Copy

GitHub

You can download the repository directly from GitHub.

https://github.com/OrbitCSS/orbitcss/tree/master/css
Copy

Starter template

To get started right away just copy/paste the HTML template below.

<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/orbitcss/css/orbit.min.css">
    <title>In orbit.</title>
  </head>
  <body>
    <p>Hello, world! I am in outer space!</p>
  </body>
</html>
Copy

For OrbitCSS to work correctly you must use the HTML5 doctype <!DOCTYPE html> and the repsonsive viewport meta tag.