split up badge & stage styles

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "appstorebadges",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "homepage": "https://github.com/kremalicious/appstorebadges",
   "authors": [
     "Matthias Kretschmann <m@kretschmann.io>"

dist/index.html

@@ -9,6 +9,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <meta http-equiv="cleartype" content="on">
 
+        <link rel="stylesheet" href="stage.min.css">
         <link rel="stylesheet" href="appstorebadges.min.css">
     </head>
 

dist/stage.min.css

@@ -0,0 +1,11 @@
+/**
+**
+** ------------------------------------------
+**
+**    appstorebadges v1.0.1
+**    https://kremalicious.com/css-app-store-badges/
+**    MIT 
+**
+** ------------------------------------------
+**
+**//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}body,html{background:#f4b350;width:100%;height:100%}body{margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;background-image:-webkit-radial-gradient(center,ellipse,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 80%);background-image:radial-gradient(ellipse at center,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 80%);font-family:Avenir,Trebuchet,'Trebuchet MS',sans-serif}.stage>h1,.stage>p{margin-bottom:5%}body,body a{color:#c67d0c}.stage>h1{font-size:7vw;font-weight:400;color:inherit}@media (min-width:50em){.stage>h1{font-size:5vw}}.stage>p:last-child{margin-top:5%}.navbar{background:rgba(238,238,238,.5);position:fixed;left:0;top:0;width:100%;padding:.5em 1em}.navbar a{text-decoration:none}.navbar p{max-width:80pc;margin:0 auto;text-align:left}

gulpfile.js

@@ -73,7 +73,10 @@ gulp.task('html', function() {
 // Styles
 //
 gulp.task('css', function() {
-    return gulp.src(src + 'styl/appstorebadges.styl')
+    return gulp.src([
+            src + 'styl/*.styl',
+            '!' + src + 'styl/_*.styl'
+        ])
         .pipe($.stylus({ 'include css': true })).on('error', onError)
         .pipe($.autoprefixer({ browsers: ['last 2 versions', 'safari >= 5', 'firefox >= 21', 'ie 9', 'opera >= 12.1', 'ios >= 6', 'android >= 4'] }))
         .pipe($.cssmin())

src/index.hbs

@@ -9,6 +9,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <meta http-equiv="cleartype" content="on">
 
+        <link rel="stylesheet" href="stage.min.css">
         <link rel="stylesheet" href="appstorebadges.min.css">
     </head>
 

src/styl/appstorebadges.styl

@@ -1,8 +1,4 @@
 
-// Normalize all the things
-@import '../../node_modules/normalize.css/normalize.css'
-
 @import '_variables'
-@import '_stage'
 @import '_fonts'
 @import '_badges'

src/styl/stage.styl

@@ -0,0 +1,6 @@
+
+// Normalize all the things
+@import '../../node_modules/normalize.css/normalize.css'
+
+@import '_variables'
+@import '_stage'