https://github.com/pxlbros/ember-svg-sprite-sheet

https://github.com/pxlbros/ember-svg-sprite-sheet

ember svg

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/pxlbros/ember-svg-sprite-sheet
• Owner: PXLbros
• License: mit
• Created: 2015-07-21T23:19:32.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-11-15T23:57:13.000Z (about 7 years ago)
• Last Synced: 2024-11-17T03:10:01.459Z (about 1 month ago)
• Topics: ember, svg
• Language: JavaScript
• Size: 125 KB
• Stars: 1
• Watchers: 12
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Ember-svg-sprite-sheet

The goal of this addon is to compile svgs into a "srpite sheet" that is then inlined at the top of the document body. For now you must precompile your svg file, but in the future this addon will automate this process.

## Installation

* `ember install ember-svg-sprite-sheet`

Add the following to your `Brocfile.js`, where `'path'` is a reative URL from your apps root to a precompiled svg sprite sheet (for now).

```JS

var app = new EmberApp({

  'ember-svg-sprite-sheet': {

    'path': 'public/svg/svgss.svg'

  }

});

```

## Usage

`{{svg-sprite sprite="#svg-twitter" class="icon"}}`

`sprite` is the name of the SVG you want to use from your sheet.

`class` is a string of classes you want to add to the svg.

Rendered output:

```HTML

  

```

## Running

* `ember server`

* Visit your app at http://localhost:4200.

## Running Tests

* `ember test`

* `ember test --server`

## Building

* `ember build`

For more information on using ember-cli, visit [http://www.ember-cli.com/](http://www.ember-cli.com/).