Loading

A quick guide to

Getting started

It's pretty easy really to get up and running with Kubish, if you have ever used a CSS framework such as Kube or Bootstrap then Kubish will be second nature. To get started, go ahead and download the files, add them to your project and start configuring your SCSS files. Kuish doesn't require compass so can be compiled directly from the command line or using an app such as CodeKit.


<!DOCTYPE html>
<html>
<head>
    <title>Basic Template</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Kube CSS -->
    <link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
    <h1>Hello, world!</h1>
    <!-- Kube JS + jQuery are used for some functionality, but are not required for the basic setup -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="assets/js/main.js"></script>
</body>
</html>

Supported Browsers

Kube supports the latest, stable releases of all major browsers:

  • Latest Chrome
  • Latest Firefox
  • Latest Safari
  • Latest Opera
  • Microsoft Edge
  • Internet Explorer 11

Development with Kube

Kube has been designed to help you with web development, that's why it's so easy to use Kube when building websites. To move forward quickly and efficiently, just link kube.scss from Kube package: this file contains variables, mixins and everything you need to simplify daily routine tasks.

For example, import kube.scss into your master.scss styles file, which you will later compile into master.css:

// master.scss
@import "dist/scss/kube.scss";