Make a styling for badges that works on the site and in github markdown

unexpectedjs · May 2, 2015 · 9a134a2 · 9a134a2
1 parent 8210a5d
commit 9a134a2
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/documentation/index.md b/documentation/index.md
@@ -21,13 +21,13 @@ expected { text: 'f00!' } to equal { text: 'foo!' }
 }
 ```
 
-<p class="badges">
+## Badges
+
 [![NPM version](https://badge.fury.io/js/unexpected.svg)](http://badge.fury.io/js/unexpected)
 [![Build Status](https://travis-ci.org/unexpectedjs/unexpected.svg?branch=master)](https://travis-ci.org/unexpectedjs/unexpected)
 [![Coverage Status](https://coveralls.io/repos/unexpectedjs/unexpected/badge.svg)](https://coveralls.io/r/unexpectedjs/unexpected)
 [![Dependency Status](https://david-dm.org/unexpectedjs/unexpected.svg)](https://david-dm.org/unexpectedjs/unexpected)
 [![Gitter](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/unexpectedjs/unexpected?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
-</p>
 
 ## Features
 

diff --git a/site/static/main.less b/site/static/main.less
@@ -374,6 +374,12 @@ code {
     }
 }
 
-.badges img {
-    height: 20px;
+h2#badges {
+    display: none;
+}
+
+h2#badges + p {
+    img {
+        height: 20px;
+    }
 }