An open API service indexing awesome lists of open source software.

https://github.com/milligram/milligram-starter

A super simple boilerplate project with Milligram.
https://github.com/milligram/milligram-starter

boilerplate css css-framework design flexbox milligram minimalist starter-kit

Last synced: 11 months ago
JSON representation

A super simple boilerplate project with Milligram.

Awesome Lists containing this project

README

          

Milligram - A minimalist CSS framework

> A super simple boilerplate project with Milligram.

[![Travis Status](https://travis-ci.org/milligram/milligram-starter.svg?branch=master)](https://travis-ci.org/milligram/milligram-starter?branch=master)
[![AppVeyor Status](https://ci.appveyor.com/api/projects/status/djotpoy1698b3k9k?svg=true)](https://ci.appveyor.com/project/cjpatoilo/milligram-starter)
[![Codacy Status](https://img.shields.io/codacy/grade/13f5caac73ed4964a2394aa857ebc3a2/master.svg)](https://www.codacy.com/app/milligram/milligram-starter/dashboard)
[![Dependencies Status](https://david-dm.org/milligram/milligram-starter.svg)](https://travis-ci.org/milligram/milligram-starter?branch=master)
[![Version Status](https://badge.fury.io/js/milligram-starter.svg)](https://www.npmjs.com/package/milligram-starter)
[![Download Status](https://img.shields.io/npm/dt/milligram-starter.svg)](https://www.npmjs.com/package/milligram-starter)
[![Gitter Chat](https://img.shields.io/badge/gitter-join_the_chat-4cc61e.svg)](https://gitter.im/milligram/milligram)

## Why it's awesome

Milligram provides a minimal setup of styles for a fast and clean starting point. Just it! **Only 2kb gzipped!** It's not about a UI framework. Specially designed for better performance and higher productivity with fewer properties to reset resulting in cleaner code. Hope you enjoy!

## Getting Started

**Install with npm**

```sh
$ npm install -g milligram-cli
```

**Install with Yarn**

```sh
$ yarn global add milligram-cli
```

**Run with npx (without installing)**

```sh
$ npx milligram-cli [] []
```

## Usage

```sh
$ milligram --help

Usage:

$ milligram [] []

Options:

-h, --help Display help information
-v, --version Output version

Examples:

$ milligram my_milligram_app # default: milligram_app
```

Now, create a new Milligram app using the command `$ milligram`, then install dependencies and run with `npm run start`.

## Available Commands

- `npm run start` - starts the development server with hot reloading enabled
- `npm run build` - generates the distribution files
- `npm run lint` - check with code linter
- `npm run test` - start the test runner

## Table of Contents

- [Getting Started](https://milligram.io/#getting-started)
- [Typography](https://milligram.io/#typography)
- [Blockquotes](https://milligram.io/#blockquotes)
- [Buttons](https://milligram.io/#buttons)
- [Lists](https://milligram.io/#lists)
- [Forms](https://milligram.io/#forms)
- [Tables](https://milligram.io/#tables)
- [Grids](https://milligram.io/#grids)
- [Code](https://milligram.io/#code)
- [Utilities](https://milligram.io/#utilities)
- [Tips](https://milligram.io/#tips)
- [Browser Support](https://milligram.io/#browser-support)
- [Examples](https://milligram.io/#examples)

## Contributing

Want to contribute? Follow these [recommendations](https://github.com/milligram/milligram-starter/blob/master/.github/contributing.md).

## License

Designed with ♥ by [CJ Patoilo](https://twitter.com/cjpatoilo). Licensed under the [MIT License](license).