plboilingnl/cirrus

:cloud: A lightweight CSS framework.

Logo is being worked on

Cirrus

tl;dr: A CSS framework.

A fully responsive CSS and UI framework with custom design controls and simplistic structure. A components are customizable and work with your CSS.

Check it out: https://spiderpig86.github.io/Cirrus (WIP)

Framework Components

• Animations
  • Consists of animations that will work with the controls.
• Buttons
  • Styles for the button with 3 different variations.
• Cards
  • Base for card controls.
• Code
  • Style for code markup blocks.
• Default (Base)
  • The core of this framework.
• Font
  • All text styles for this framework for headers, articles, blockquotes, and paragraphs.
• Forms
  • Form styles for textboxes, textfields, selects, and layout.
• Header
  • Styles for header elements including drop down menus.
• Layout
  • Rules for grids, item alignment, and layout borders.
• Links
  • Link styles with different effects.
• Lists
  • A simple stylesheet to simplify list UI.
• Tables
  • Clean designs for tables.
• Util
  • Designed to solve many common headaches with CSS.

Why not other frameworks?

Even with a multitude of CSS frameworks, some are either too basic to develop more complex websites and some are too bogged down with a lot of styles that don't end up getting used. Cirrus is meant to bridge a gap between boilerplate stylesheets and UI frameworks.

Getting Started

Install with npm

npm install cirrus-ui

Link

https://unpkg.com/[email protected]/dist/cirrus.min.css

Supported Browsers

• Chrome
• Opera
• Firefox
• Safari
• Edge (Untested)
• Internet Explorer (Untested)

TODO

• Triangle text for images.
• Modal dialogs.
• Add figure and figures that display more info on hover

Examples the use Cirrus

• Polarity 9