https://github.com/jeroenoomsnl/initialize-css

Initialize your base CSS styling with cross browser best practices. Available in CSS and configurable SASS (SCSS) format.
https://github.com/jeroenoomsnl/initialize-css

css-architecture css-bootstrap css-reset

Last synced: about 10 hours ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/jeroenoomsnl/initialize-css
• Owner: jeroenoomsNL
• License: mit
• Created: 2015-12-25T13:42:55.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2020-11-25T21:16:05.000Z (about 4 years ago)
• Last Synced: 2025-01-09T02:33:00.957Z (13 days ago)
• Topics: css-architecture, css-bootstrap, css-reset
• Language: CSS
• Homepage: http://jeroenoomsnl.github.io/initialize-css/
• Size: 156 KB
• Stars: 26
• Watchers: 2
• Forks: 11
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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:

```bash

npm install initialize-css

```

bower:

```bash

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](https://www.microsoft.com/en-us/WindowsForBusiness/End-of-IE-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;

```