https://github.com/srph/m

(n.) minimalistic stylesheets
https://github.com/srph/m

boilerplate css sass starter-kit suitcss

Last synced: 17 days ago
JSON representation

(n.) minimalistic stylesheets

• Host: GitHub
• URL: https://github.com/srph/m
• Owner: srph
• Created: 2016-01-26T08:01:44.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2018-02-14T22:25:40.000Z (almost 7 years ago)
• Last Synced: 2024-10-31T09:02:03.895Z (2 months ago)
• Topics: boilerplate, css, sass, starter-kit, suitcss
• Language: CSS
• Homepage: http://m.kierb.com
• Size: 198 KB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
![head](head.png)

## m

(n.) minimalistic stylesheets

[Demo](https://m.kierb.com) / [Preview](preview.png)

## Why?

This is not another UI Framework.

This is a *lesser* [Skeleton CSS](http://getskeleton.com/) and has useful mixins and utilities! Feel free to use this as a starting point. Or better yet, use it for ideas.

## Usage

Copy `stylesheets` to your project's css directory, and then run sass:

```bash

sass path/to/css/main.scss:path/to/public/folder/style.css

```

You should be good to go!

## 101

- Includes [normalize.scss](https://necolas.github.io/normalize.css/)

- Loosely follows [SUITCSS Conventions](https://github.com/suitcss/suit/blob/master/doc/naming-conventions.md).

- Loosely follows [codeguide](http://codeguide.co/).

- Uses [Font Awesome](https://fortawesome.github.io/Font-Awesome/).

- Avoid `margin-top` when possible.

- Variable names follows the pattern `-[--ComponentName]` (Inspired by [Medium's Coding Guidelines#Variables](https://gist.github.com/fat/a47b882eb5f84293c4ed#variables)).

    - `$color-grayLight`

    - `$color-grayLight--Modal`

    - `$fontSize-large`

- Colors should always be in lowercase hex values (e.g., `#000`)

## Setup

```bash

# For development - compiles and watches for changes.

make dev

# For production - make a clean release

make

```