Basscss
  • Getting Started
  • Base
  • Utility
  • Layout
  • Color
  • Guides
    • Basics
    • Page Layout
    • UI Elements
    • Tips & Tricks
    • Custom Builds
    • Using Rework
  • Design Principles
  • Built with Basscss
  • Table of Styles
  • Stats
  • Variables
  • Customize
  • Modules
    • Base Reset
    • Base Typography
    • Base Forms
    • Base Buttons
    • Base Tables
    • Utility Layout
    • Utility Typography
    • Utility White Space
    • Utility Responsive States
    • Ui Utility Button Sizes
    • Ui Utility Groups
    • Positions
    • Grid
    • Table Object
    • Color Base
    • Color Buttons
    • Color Forms
    • Color Forms Dark
    • Color Tables
    • Button Outline
    • Button Transparent
    • Button Blue
    • Button Blue Outline
    • Button Gray
    • Button Light Gray
    • Button Red
    • Button Nav Light
    • Button Nav Dark
    • Button Nav Tab
    • Colors
    • Color Borders
    • Flex Object
    • Utility Headings
    • Background Images
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.

UI Elements

Basscss can be used to create many different user interface elements out of the box. With utility styles and a thoughtfully-architected templating system, you can keep CSS bloat to a minimum, while making iterative design changes to partials and components.

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 Rework

Color Design Principles
Home Docs Download Github

Made by Jxnblk