tachyons/docs/getting-started.md
2018-03-12 17:30:49 -06:00

1.6 KiB

export const meta = { title: 'Getting Started / Overview / Docs / TACHYONS', subNav: 'overview', editUrl: 'https://github.com/tachyons-css/tachyons/edit/master/docs/getting-started.md' }

Getting Started

Docs can be found at https://tachyons.io/docs. The modules are generally pretty small and thus quick and easy to read.

Start a new project

Get setup and running with this ~7 minute screencast. Download the project and learn how to customize the tachyons source files and recompile the css using the postcss build system.

Use the CDN

The quickest and easiest way to start using tachyons is to include a reference to the minified file in the head of your html file.

<link rel="stylesheet" href="https://unpkg.com/tachyons@5.0.0/css/tachyons.min.css">

Html starter template

Save this file to your computer to start prototyping right away without worrying about setting up a dev environment. You can open the file in a web browser and view your changes.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <title>Tachyons</title>
    <meta name="author" content="">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://unpkg.com/tachyons@5.0.0/css/tachyons.min.css">
  </head>
  <body>
    <h1>Hello, Tachyons!</h1>
  </body>
</html>