README.md in inline_svg-1.0.0 vs README.md in inline_svg-1.0.1
- old
+ new
@@ -1,7 +1,9 @@
# Inline SVG
+[](https://circleci.com/gh/jamesmartin/inline_svg)
+
Styling a SVG document with CSS for use on the web is most reliably achieved by
[adding classes to the document and
embedding](http://css-tricks.com/using-svg/) it inline in the HTML.
This gem adds a Rails helper method (`inline_svg`) that reads an SVG document (via Sprockets, so works with the Rails Asset Pipeline), applies a CSS class attribute to the root of the document and
@@ -41,18 +43,21 @@
This means you can pre-process and fingerprint your SVG files like other Rails assets, or choose to find SVG data yourself.
Here's an example of embedding an SVG document and applying a 'class' attribute in
HAML:
-```haml
- !!! 5
- %html
- %head
- %title Embedded SVG Documents
- %body
- %h1 Embedded SVG Documents
- %div
- = inline_svg "some-document.svg", class: 'some-class'
+```erb
+<html>
+ <head>
+ <title>Embedded SVG Documents<title>
+ </head>
+ <body>
+ <h1>Embedded SVG Documents</h1>
+ <div>
+ <%= inline_svg "some-document.svg", class: 'some-class' %>
+ </div>
+ </body>
+</html>
```
Here's some CSS to target the SVG, resize it and turn it an attractive shade of
blue: