Basics
A lightweight, drop-in stylesheet for intelligent defaults. AKA basi.css (pun ruthlessly intended). This stylesheet does not add any particular styles or themes to your project - it's not Bootstrap. Rather, Basics is intended to provide some resets, normalisation and classes to enhance your project before you've even started. You can download it on GitHub or clone it with Bower:
bower install basics --save
Includes:
- Micro clearfix hack
- CSS responsive viewport
- Natural box sizing
- Cross-browser kerning-pairs & ligatures
- Forced text anti-aliasing in WebKit
- Natural outline removal
- Remove Firefox's inner outline
- Naturally responsive images
- Vertically center inline-block images
- Only allow vertical textarea resizing
- Fix element font-smoothing
- General, subtle style improvements
- Remove touch delay on supported devices
- Intelligent print styles
- WebKit link context disabling class
- Unselectable class
- CSS3 vertical alignment class
- Hide elements with
hidden
HTML attribute - iOS "clickable elements" fix for buttons
Notes:
- As we're removing all outlines, you MUST redefine some
:focus
styles for accessibility. - Basics was designed to follow
normalize.css
. - Compile with
lessc basics.less basics.css && postcss --use autoprefixer basics.css -o basics.css