Merge branch 'feature/new_feature' into develop

This commit is contained in:
CJ Patoilo 2016-01-31 03:35:52 -03:00
commit 5a71f6ca33
12 changed files with 97 additions and 52 deletions

View File

@ -11,6 +11,7 @@
"bootstrap", "bootstrap",
"css", "css",
"css3", "css3",
"flexbox",
"front-end", "front-end",
"framework", "framework",
"html", "html",

5
changelog.md Normal file
View File

@ -0,0 +1,5 @@
# Changelog
Milligram uses [GitHub's Releases feature](https://github.com/blog/1547-release-your-software) for its changelogs.
See our [releases](https://github.com/milligram/milligram/releases) to accompany at the improvements for each version of Milligram.

View File

@ -11,6 +11,7 @@
"bootstrap", "bootstrap",
"css", "css",
"css3", "css3",
"flexbox",
"front-end", "front-end",
"framework", "framework",
"html", "html",

View File

@ -11,6 +11,7 @@
"bootstrap", "bootstrap",
"css", "css",
"css3", "css3",
"flexbox",
"front-end", "front-end",
"framework", "framework",
"html", "html",

View File

@ -1,39 +1,90 @@
## Getting Started # Contributing
1. Install dependencies We would love for you to contribute to Milligram and help us make this even better! Start reading this document to see it is not difficult as you might have imagined.
* Git (<http://git-scm.com>)
* Grunt (<http://gruntjs.com>)
* Node.js (<http://nodejs.org>)
* NPM (<http://npmjs.org>)
* Sass (<http://sass-lang.com>)
1. Clone repository ## Table of Contents
```bash - [Open an Issue](#open-an-issue)
$ git clone git@github.com:milligram/milligram.git - [Submit a Pull Request](#submit-a-pull-request)
$ cd milligram - [Building](#building)
- [Style Guide](#style-guide)
- [Code of Conduct](#code-of-conduct)
- [License](#license)
## Open an Issue
[Open an Issue](https://github.com/milligram/milligram/issues/new) to report any problems or improvements. When necessary, use [Codepen](http://codepen.io/) to show the problem. Be sure to include some description to explain the problem.
## Submit a Pull Request
To submit a new feature, make sure that changes are done to the source code. [Follow our style guide](#style-guide) and do not forget the tests and attach the link [Codepen](http://codepen.io/) along with the description.
Try to solve a problem for each pull request, this increases the chances of acceptance. When in doubt, open a [new issue](#open-an-issue) so we can answer you. Look existing issues for ideas or to see if a similar issue has already been submitted.
1. Fork the Github repo: `git clone https://github.com/milligram/milligram.git`
1. Create a new branch: `git checkout -b issuenumber-feature-name`
1. Commit your changes: `git commit -m 'issuenumber-feature-name'`
1. Push to the branch: `git push origin my-feature-name`
1. Submit a pull request!
*Note: For issues relating to the site, please use the [milligram.github.io](https://github.com/milligram/milligram.github.io)*
## Building
First install [Node.js](https://nodejs.org/en/download/), em seguida [Grunt](http://gruntjs.com/getting-started) e [Sass](http://sass-lang.com/install) for the build process. Now install all the dependencies, run `npm install` from the project directory. Once you have the dependencies installed, run `grunt`. This will run the default grunt task which compiles the Sass files into milligram.css file.
## Style Guide
Milligram use [Sass](http://sass-lang.com/) to give super powers to CSS. Look at how the code is being maintained, we must always be consistent. We try to follow best practices as much as possible. In addition, here are some tips you should follow:
- Properties and selectors are sorted in alphabetical order
- Always use tab to indentation, no spaces
- Always use single quote, i.e. `content: ''`
- Quote attribute values in selectors, i.e. `input[type='checkbox']`
- Avoid specifying units for zero-values, i.e. `margin: 0`
- Use `rem` unit instead of `px`
- Use lowercase and shorthand hex values, i.e. `#fff`
- Use one discrete selector per line in multi-selector rulesets
- Include a single space after colon and after each comma
- Separate each ruleset by a blank line
- Don't use prefixes, there is a task to generate this automatically
```sass
.selector-a,
.selector-b,
.selector-c,
.selector-d[type='text']
box-sizing: border-box
color: #333
content: ''
display: inline-block
font-family: 'Helvetica-Neue', 'Helvetica', 'Arial', sans-serif
margin-bottom: 0
margin-left: 5.0rem
.other-selector-a
background: #fff
.other-selector-b
background: #fff
&.increasing-the-specificity
color: #000
``` ```
1. Install node dependencies using npm *Note: This style guide was inspired by [Idiomatic.css](https://github.com/necolas/idiomatic-css). Milligram uses an `.editorconfig` file, which most editors support, to enforce these coding standards.*
```bash
$ npm install
```
1. Run ## Code of conduct
```bash Help us keep Milligram open and inclusive. Please read and follow our thoughts on [Code of Conduct](http://confcodeofconduct.com/).
$ npm start
```
## Contributing
Help improve these docs. Open an [issue](https://github.com/milligram/milligram/issues/new) or submit a pull request. ## License
- Navigate to the main page of the repository By contributing your code, you agree to license your contribution under the [MIT license](https://github.com/milligram/milligram#license).
- [Fork it!](https://github.com/milligram/milligram#fork-destination-box)
- Create your feature branch: git checkout -b my-new-feature
- Commit your changes: git commit -m 'Add some feature'
- Push to the branch: git push origin my-new-feature
- Submit a pull request =D

View File

@ -116,17 +116,7 @@
<section class="container" id="contributing"> <section class="container" id="contributing">
<h5 class="title">Contributing</h5> <h5 class="title">Contributing</h5>
<p> Help improve these docs. Open an <a target="_blank" href="https://github.com/milligram/milligram/issues/new" title="Issue">issue</a> or submit a pull request.</p> <p>Want to contribute? Follow these <a href="https://github.com/milligram/milligram/blob/master/contributing.md" title="Contributing">recommendations</a>.</p>
<p>
<ol>
<li>Navigate to the main page of the repository</li>
<li><a target="_blank" href="https://github.com/milligram/milligram#fork-destination-box" title="Fork it!">Fork it!</a></li>
<li>Create your feature branch: git checkout -b my-new-feature</li>
<li>Commit your changes: git commit -m 'Add some feature'</li>
<li>Push to the branch: git push origin my-new-feature</li>
<li>Submit a pull request =D</li>
</ol>
</p>
</section> </section>
<footer class="footer"> <footer class="footer">

View File

@ -1,6 +1,6 @@
The MIT License (MIT) The MIT License (MIT)
Copyright © 2015 CJ Patoilo <cjpatoilo@gmail.com> Copyright © 2016 CJ Patoilo <cjpatoilo@gmail.com>
Permission is hereby granted, free of charge, to any person obtaining a copy Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal of this software and associated documentation files (the "Software"), to deal

View File

@ -11,6 +11,7 @@
"bootstrap", "bootstrap",
"css", "css",
"css3", "css3",
"flexbox",
"front-end", "front-end",
"framework", "framework",
"html", "html",

View File

@ -5,7 +5,7 @@
[![Build Status](https://travis-ci.org/milligram/milligram.svg?branch=master)](https://travis-ci.org/milligram/milligram) [![Build Status](https://travis-ci.org/milligram/milligram.svg?branch=master)](https://travis-ci.org/milligram/milligram)
[![GitHub version](https://badge.fury.io/gh/milligram%2Fmilligram.svg)](https://badge.fury.io/gh/milligram%2Fmilligram) [![GitHub version](https://badge.fury.io/gh/milligram%2Fmilligram.svg)](https://badge.fury.io/gh/milligram%2Fmilligram)
[![Bower version](https://badge.fury.io/bo/milligram.svg)](https://badge.fury.io/bo/milligram) [![Bower version](https://badge.fury.io/bo/milligram.svg)](https://badge.fury.io/bo/milligram)
[![npm version](https://badge.fury.io/js/milligram.svg)](http://badge.fury.io/js/milligram) [![npm version](https://badge.fury.io/js/milligram.svg)](https://badge.fury.io/js/milligram)
[![Dependencies Status](https://david-dm.org/milligram/milligram.svg)](https://travis-ci.org/milligram/milligram) [![Dependencies Status](https://david-dm.org/milligram/milligram.svg)](https://travis-ci.org/milligram/milligram)
@ -48,14 +48,7 @@ $ npm install milligram
## Contributing ## Contributing
Help improve these docs. Open an [issue](https://github.com/milligram/milligram/issues/new) or submit a pull request. Want to contribute? Follow these [recommendations](https://github.com/milligram/milligram/blob/master/contributing.md).
- Navigate to the main page of the repository
- [Fork it!](https://github.com/milligram/milligram#fork-destination-box)
- Create your feature branch: git checkout -b my-new-feature
- Commit your changes: git commit -m 'Add some feature'
- Push to the branch: git push origin my-new-feature
- Submit a pull request =D
## License ## License

View File

@ -53,6 +53,7 @@ input[type='submit']
&.button-disabled, &.button-disabled,
&[disabled] &[disabled]
&:hover, &:hover,
&:focus &:focus
color: $color-primary color: $color-primary
@ -71,6 +72,7 @@ input[type='submit']
&.button-disabled, &.button-disabled,
&[disabled] &[disabled]
&:hover, &:hover,
&:focus &:focus
color: $color-primary color: $color-primary

View File

@ -1,9 +1,9 @@
// Misc // Divider
// //
hr hr
border: 0
border-top: .1rem solid $color-tertiary border-top: .1rem solid $color-tertiary
border-width: 0
margin-bottom: 3.5rem margin-bottom: 3.5rem
margin-top: 3rem margin-top: 3rem

View File

@ -7,11 +7,11 @@
@import Blockquote @import Blockquote
@import Button @import Button
@import Code @import Code
@import Divider
@import Form @import Form
@import Grid @import Grid
@import Link @import Link
@import List @import List
@import Misc
@import Spacing @import Spacing
@import Table @import Table
@import Typography @import Typography