Menu
Basscss

Guides

Home / Docs / Guides
  • Basics

    Understanding the basics of designing for the web with CSS is essential to using Basscss effectively. This guide covers the fundamentals to help get you started.

  • Page Layout

    Creating page layouts in Basscss is incredibly fast and flexible. This guide will walk you through common layout patterns to create an entire page with a basic information hierarchy.

  • Flex Object

    Solving page-level and micro layout problems with the flex object and other utilities

  • UI Elements

    Creating user interface elements while keeping CSS bloat to a minimum and allowing for flexibility in making iterative design decisions

  • Tips & Tricks

    Basscss is a versatile starting point for any project. These tips and tricks will help you build on top of its foundation in an elegant and maintainable way.

  • Custom Builds

    Using NPM, Cssnext, Bower, Sass, and other tools to customize Basscss for your needs.

  • Future CSS Syntax

    Getting started with bleeding edge CSS features, including custom properties and custom media queries

Background Colors
Basics
  • Basscss
  • Getting Started
  • Base Reset
  • Base Forms
  • Base Tables
  • Base Typography
  • Color Base
  • Color Forms
  • Color Tables
  • Btn
  • Btn Primary
  • Btn Outline
  • Type Scale
  • Utility Typography
  • Utility Layout
  • Align
  • White Space
  • Positions
  • Responsive States
  • Grid
  • Flex Object
  • Borders
  • Colors
  • Background Colors
  • Guides
  • Basics
  • Page Layout
  • Flex Object
  • UI Elements
  • Tips & Tricks
  • Custom Builds
  • Future CSS Syntax
  • Reference
  • Design Principles
  • Table of Styles
  • Color Combos
Basscss
v7.1.1
DocsGitHub
Made by Jxnblk