Merge pull request #7 from makinacorpus/gh-pages

Re-usable CSS file
ismyrnow · Jun 12, 2014 · 5b990d4 · 5b990d4
2 parents cb83774 + b1b8b85
commit 5b990d4
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 18 deletions.
diff --git a/README.md b/README.md
@@ -28,7 +28,7 @@ var groupedOverlays = {
 L.control.groupedLayers(baseLayers, groupedOverlays).addTo(map);
 ```
 
-The [example](example/basic.html) shows some basic CSS styling of the new control elements.
+The [example](example/basic.html) shows its usage with various layers.
 
 ### Adding a layer
 
@@ -49,4 +49,4 @@ Grouping base layers is not currently supported.
 ## License
 
 Leaflet.groupedlayercontrol is free software, and may be redistributed under 
-the MIT-LICENSE.
+the MIT-LICENSE.
diff --git a/example/basic.html b/example/basic.html
@@ -6,22 +6,7 @@
 
   <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css" />
   <!--[if lte IE 8]><link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.ie.css" /><![endif]-->
-
-  <style type="text/css">
-    .leaflet-control-layers-group-name {
-      font-weight: bold;
-      margin-bottom: .2em;
-      display: block;
-    }
-
-    .leaflet-control-layers-group {
-      margin-bottom: .5em;
-    }
-
-    .leaflet-control-layers-group label {
-      padding-left: .5em;
-    }
-  </style>
+  <link rel="stylesheet" href="../src/leaflet.groupedlayercontrol.css" />
 
   <script src="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js"></script>
   <script src="../src/leaflet.groupedlayercontrol.js"></script>

diff --git a/src/leaflet.groupedlayercontrol.css b/src/leaflet.groupedlayercontrol.css
@@ -0,0 +1,13 @@
+.leaflet-control-layers-group-name {
+  font-weight: bold;
+  margin-bottom: .2em;
+  display: block;
+}
+
+.leaflet-control-layers-group {
+  margin-bottom: .5em;
+}
+
+.leaflet-control-layers-group label {
+  padding-left: .5em;
+}