Basscss
  • Getting Started
  • Base
  • Utility
  • Layout
  • Color
  • Guides
    • Basics
    • Page Layout
    • Flex Object Layout
    • UI Elements
    • Tips & Tricks
    • Custom Builds
    • CSS4 Syntax
  • Design Principles
  • Built with Basscss
  • Table of Styles
  • Stats
  • Variables
  • Color Combos
  • Customize
  • Tools & Resources
  • Modules
Github

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 Layout

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.

CSS4 Syntax

Getting started with CSS4 features, including custom properties and custom media queries

Color Design Principles
Home Docs Download Github

Made by Jxnblk