turretcss

Getting Started


turretcss makes creating responsive, accessible, mobile-first web interfaces simple. turretcss provides a robust CSS foundation of HTML typography, forms, and elements that are easy to customise and style.

CDN

Include the stylesheet <link> into your <head>.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bigfishtv-turret/4.0.0/turret.min.css" crossorigin="anonymous">

Template

turretcss makes use of HTML5 elements and CSS properties that require the use of the HTML5 doctype. To ensure proper rendering and touch zooming, add the viewport meta tag to your <head>.

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Page Title -->
    <title>turretcss</title>

    <!-- turretcss CSS -->
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bigfishtv-turret/4.0.0/turret.min.css" crossorigin="anonymous">
  </head>
  <body>
    ...
  </body>
</html>

Boilerplate

The turretcss-boilerplate is a basic boilerplate using turretcss, PostCSS, PostCSS CLI, postcss-preset-env, and CSSNano.

Download

Download the turretcss repo to include ready-to-use CSS code to easily drop into your project. Includes compiled and minified versions of the turretcss CSS.

Download down

GitHub

Clone the repo from GitHub download the source CSS, and documentation files.

git clone https://github.com/turretcss/turretcss.git

npm

Install turretcss for your Node powered apps with the npm package:

npm install turretcss

yarn

Install turretcss with yarn:

yarn add turretcss