Browse Source

Erster Test mit PureCSS

Sven Velt 8 years ago
parent
commit
1e19309bd6

+ 20 - 1
index.html

@@ -6,10 +6,29 @@
 
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+	<link rel="stylesheet" href="pure/0.6.0/pure-min.css">
+	<!--[if lte IE 8]>
+		<link rel="stylesheet" href="pure/0.6.0/grids-responsive-old-ie-min.css">
+	<![endif]-->
+	<!--[if gt IE 8]><!-->
+		<link rel="stylesheet" href="pure/0.6.0/grids-responsive-min.css">
+	<!--<![endif]-->
+
 	<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css" />
 </head>
 <body>
-	<div id="map" style="width: 1200px; height: 700px"></div>
+	<div class="grids-example">
+		<div class="pure-g">
+			<div class="pure-u-1">Ganze Zeile</div>
+
+			<div class="pure-u-1 pure-u-md-1-4">
+				Navigation
+			</div>
+			<div class="pure-u-1 pure-u-md-3-4">
+				<div id="map" style="height: 700px"></div>
+			</div>
+		</div>
+	</div>
 
 	<script src="tr-hydrant.js" type="text/javascript"></script>
 	<script src="tr-ladesaeulen.js" type="text/javascript"></script>

File diff suppressed because it is too large
+ 7 - 0
pure/0.6.0/grids-responsive-min.css


File diff suppressed because it is too large
+ 7 - 0
pure/0.6.0/grids-responsive-old-ie-min.css


File diff suppressed because it is too large
+ 11 - 0
pure/0.6.0/pure-min.css