Merge branch 'release-beta.01'

marcbruederlin · Aug 1, 2016 · dece4c6 · dece4c6
2 parents c0f3090 + 0858936
commit dece4c6
Show file tree

Hide file tree

Showing 13 changed files with 138 additions and 68 deletions.
diff --git a/.travis.yml b/.travis.yml
@@ -0,0 +1,10 @@
+language: node_js
+node_js:
+  - "4"
+  - "5"
+  - "6"
+before_install:
+  - npm install -g gulp
+before_script:
+  - npm i
+  - node_modules/gulp/bin/gulp.js build
diff --git a/README.md b/README.md
@@ -1,17 +1,28 @@
-# Comet
+# [<img src="http://i.imgur.com/x8MvsGz.png" />](https://marcbruederlin.github.io/comet/)
 
-A minimal and robust BEM-style CSS toolkit.
+[![Build Status](https://travis-ci.org/marcbruederlin/comet.svg?branch=master)](https://travis-ci.org/marcbruederlin/comet) [![dependencies Status](https://david-dm.org/marcbruederlin/comet/status.svg)](https://david-dm.org/marcbruederlin/comet) [![devDependencies Status](https://david-dm.org/marcbruederlin/comet/dev-status.svg)](https://david-dm.org/marcbruederlin/comet?type=dev) [![MIT Licence](https://badges.frapsoft.com/os/mit/mit.svg?v=103)](https://github.com/marcbruederlin/comet/blob/master/LICENSE)   
 
-## Installation
+Comet is a minimal and robust CSS toolkit for clean and fast web apps. 
+It's written with the BEM methodology in mind for a more structured and 
+readable code. No unnecessary styles are added, so you can spend more 
+time building things and less time overriding.
 
-[Download the latest version](https://github.com/marcbruederlin/comet/archive/master.zip)
+## Installation
+There are several ways to get started:
+- [Download the latest version](https://github.com/marcbruederlin/comet/archive/master.zip)
+- Install with npm: `npm install comet --save`
+- Install with Bower: `bower install comet --save`
+- Use the CDN: `https://npmcdn.com/comet@1.0.0/dist/comet.min.css`
 
 ## Documentation
-- Getting Started
-- Typography
-- Tables
-- Buttons
-- Grid
-- Utilities
-- Browser Support
-- Customization
+- [Getting Started](https://marcbruederlin.github.io/comet/#getting-started)
+- [Typography](https://marcbruederlin.github.io/comet/#typography)
+- [Blockquotes](https://marcbruederlin.github.io/comet/#blockquotes)
+- [Code](https://marcbruederlin.github.io/comet/#codes)
+- [Lists](https://marcbruederlin.github.io/comet/#lists)
+- [Tables](https://marcbruederlin.github.io/comet/#tables)
+- [Buttons](https://marcbruederlin.github.io/comet/#buttons)
+- [Grid](https://marcbruederlin.github.io/comet/#grid-system)
+- [Utilities](https://marcbruederlin.github.io/comet/#utilities)
+- [Browser Support](https://marcbruederlin.github.io/comet/#support)
+- [Customization](https://marcbruederlin.github.io/comet/#customization)
diff --git a/dist/comet.css b/dist/comet.css
@@ -443,17 +443,17 @@ body {
     Components
 *********************************************************/
 /*********************************************************
-    Blockqoutes
+    Blockquotes
 *********************************************************/
 .blockquote {
   margin: 3rem 0;
   padding: 1rem 3rem; }
   .blockquote > p {
     margin: 0; }
-  .blockquote > .blockqoute__footer {
+  .blockquote > .blockquote__footer {
     margin-top: .3rem;
-    color: white; }
-  .blockquote.blockqoute--highlight {
+    color: #eceff2; }
+  .blockquote.blockquote--highlight {
     border-left: 0.2rem solid #17ffcb; }
 
 /*********************************************************
@@ -502,14 +502,15 @@ body {
 /*********************************************************
     Codes
 *********************************************************/
-pre,
-samp,
-code {
+.code {
   font-family: "Monaco", monospace;
-  font-size: 1.4rem; }
-
-pre {
-  margin: 3rem 0; }
+  font-size: 1.3rem; }
+  .code.code--background {
+    padding: .5rem 1rem;
+    background: rgba(0, 0, 0, 0.3); }
+  .code.code--highlight {
+    padding: .5rem 1rem;
+    border-left: 0.2rem solid #17ffcb; }
 
 /*********************************************************
     Forms
@@ -536,7 +537,7 @@ textarea {
   padding: 1rem 2rem;
   font-family: inherit;
   color: #b1bac7;
-  border: 0.2rem solid white;
+  border: 0.2rem solid #eceff2;
   border-radius: .4rem;
   outline: none; }
   input[type='email']:focus, input[type='email']:active,
@@ -637,7 +638,7 @@ textarea {
 a {
   text-decoration: none;
   color: #17ffcb;
-  border-bottom: 0.2rem solid #cafff3; }
+  border-bottom: 0.2rem solid rgba(23, 255, 203, 0.35); }
   a:hover {
     color: #00b089;
     border-bottom-color: #00b089; }
@@ -648,8 +649,15 @@ a {
 dl dt {
   font-weight: 600; }
 
-.list.list--inline {
+dl dd {
+  margin: 0; }
+
+.list {
+  margin: 3rem 0;
   padding: 0; }
+  .list.list--unstyled {
+    margin: 0;
+    list-style: none; }
   .list.list--inline li {
     display: inline-block;
     margin-right: 1rem; }
@@ -663,25 +671,37 @@ img {
   width: 100%;
   height: auto; }
 
+/*********************************************************
+    Misc
+*********************************************************/
+.hr {
+  margin: 3.5rem 0;
+  width: 100%;
+  height: .1rem;
+  background-color: rgba(177, 186, 199, 0.25);
+  border: none; }
+  .hr--small {
+    width: 30%; }
+
 /*********************************************************
     Tables
 *********************************************************/
 .table {
   width: 100%;
   text-align: left;
   border-collapse: collapse; }
-  .table.table--striped tbody tr:nth-of-type(odd) {
-    background-color: #f9f9f9; }
-  .table.table--hover tbody tr:hover {
-    background-color: #f5f5f5; }
   .table th {
     padding: .8rem;
     font-weight: 600;
-    border-bottom: .2rem solid #ddd;
+    border-bottom: 0.2rem solid rgba(177, 186, 199, 0.25);
     vertical-align: bottom; }
   .table td {
     padding: .8rem;
-    border-top: 1px solid #ddd; }
+    border-top: 1px solid rgba(177, 186, 199, 0.25); }
+  .table.table--striped tbody tr:nth-of-type(odd) {
+    background-color: rgba(0, 0, 0, 0.04); }
+  .table.table--hover tbody tr:hover {
+    background-color: rgba(0, 0, 0, 0.15); }
 
 /*********************************************************
     Typography
@@ -737,14 +757,14 @@ abbr[title] {
 .utilities__text--highlight {
   padding: .25rem;
   color: #000;
-  background-color: #f6ed30; }
+  background-color: #fdf72e; }
 
 .utilities__text--loud {
   font-weight: 700;
   color: #76859c; }
 
 .utilities__text--quiet {
-  color: white; }
+  color: #eceff2; }
 
 /*********************************************************
     Position Utilities