Skip to content

Initialize your base CSS styling with cross browser best practices. Available in CSS and configurable SASS (SCSS) format.

License

Notifications You must be signed in to change notification settings

jeroenoomsNL/initialize-css

Repository files navigation

Initialize.css

Initialize.css is a complete and customizable collection of CSS best practices based on Normalize.css and HTML5 Boilerplate. Available in CSS and configurable SASS (SCSS) format.

Install

npm:

npm install initialize-css

bower:

bower install initialize-css

Usage

sass / scss (from node_modules or bower_components):

@import "module_folder_name/initialize-css/dist/initialize";

with browserify:

@import "initialize";

Configure

Overwrite default values for generic typography

$initialize-box-sizing: border-box;
$initialize-font-family: sans-serif;
$initialize-font-size: 1em;
$initialize-line-height: 1.4;

Options

$initialize-print-styles: true;
$initialize-html5-boilerplate-overwrites: true;

Microsoft dropped support for IE8, IE9 & IE10. If you still have to support these old dinosaur browsers, just set dinosaur mode to true. This option is set to false by default.

$initialize-dinosaur-mode: true;

Optional values

$initialize-color: #000;
$initialize-block-margins: 0 0 0.75em;
$initialize-heading-color: #000;
$initialize-heading-font-family: sans-serif;
$initialize-heading-margins: 1em 0 0.75em;

About

Initialize your base CSS styling with cross browser best practices. Available in CSS and configurable SASS (SCSS) format.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published