Using pure css

mhamrah · Jan 18, 2015 · 150076f · 150076f
1 parent f942c65
commit 150076f
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 5 deletions.
diff --git a/resources/assets/css/main.css b/resources/assets/css/main.css
@@ -0,0 +1,8 @@
+  .pure-g > div {
+        -webkit-box-sizing: border-box;
+        -moz-box-sizing: border-box;
+        box-sizing: border-box;
+    }
+    .l-box {
+        padding: 1em;
+    }
diff --git a/resources/assets/index.html b/resources/assets/index.html
@@ -3,13 +3,22 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-<link rel="stylesheet" href="bower_components/foundation/css/normalize.css">
-<link rel="stylesheet" href="bower_components/foundation/css/foundation.css">
+<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/pure-min.css">
+<!--[if lte IE 8]>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/grids-responsive-old-ie-min.css">
+<![endif]-->
+<!--[if gt IE 8]><!-->
+    <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/grids-responsive-min.css">
+<!--<![endif]-->
+<link rel="stylesheet" href="css/main.css">
 
 <title>Rabbit SSE</title>
 
-<h3>RabbitMq Messages Will Be Pushed Here</h3>
-<br />
-<div id="sse"></div>
+<div class="pure-g">
+  <div class="pure-u-1">
+    <h3>RabbitMq Messages Will Be Pushed Here</h3>
+  </div>
+  <div class="pure-u-1" id="sse"></div>
+</div>
 
 <script src="js/sse.js" type="text/javascript"></script>