From 285fc3345124b705b0775cf6c01a6f0f3a928f10 Mon Sep 17 00:00:00 2001
From: Austin Andrews <admin@templarian.com>
Date: Sun, 23 Nov 2014 01:12:21 -0600
Subject: [PATCH] CSS example for SVG.

---
 site/getting-started.savvy | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/site/getting-started.savvy b/site/getting-started.savvy
index 009d95e4f..3ecf9fc8b 100644
--- a/site/getting-started.savvy
+++ b/site/getting-started.savvy
@@ -17,7 +17,7 @@ There are many different ways you can consume the Material Design Icons in your
 
 ## Web Font (coming soon)
 
-For those targetting the web your best option is to use the Web Font. Place all the font files provided in the same directory as the `MaterialDesignIcons.css`.
+For those targetting the web your best option is to use the web font. Place all the font files provided in the same directory as the `MaterialDesignIcons.css`.
 
 ```html Reference the CSS
 <link href="styles/MaterialDesignIcons.css" media="all" rel="stylesheet" type="text/css" />
@@ -52,6 +52,15 @@ SVGs like the web font can be overlayed and combined.
 
 @previewOverlay()
 
+SVGs can also be styled with CSS similar to HTML elements and assigned classes.
+
+```css Examples
+svg.example:hover path {
+    fill: #900;
+    fill-opacity: 0.5;
+}
+```
+
 ## WPF / Windows / Windows Phone
 
 Windows uses the vector XAML format. Right click any icon on the site and click the "View XAML" item in the context menu.