https://github.com/bufferapp/buffer-branding-2018
https://github.com/bufferapp/buffer-branding-2018
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/bufferapp/buffer-branding-2018
- Owner: bufferapp
- Created: 2018-01-26T22:13:27.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2023-09-17T05:46:25.000Z (over 2 years ago)
- Last Synced: 2025-06-02T13:22:50.861Z (9 months ago)
- Language: HTML
- Size: 3.11 MB
- Stars: 1
- Watchers: 24
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSES.txt
Awesome Lists containing this project
README
# Quick start
```bash
npm install
npm run dev
```
## Production mode
```
npm start
```
Open your browser to [http://localhost:8080](http://localhost:8080)
# Browser-sync
If you want to develop with browser sync pass your site name to a bash variable
```bash
site=[site url here] npm run dev
```
[Check out our front-end guide](frontendguide.md)
# SVG Sprite usage
Simply add an svg icon to the icons folder and it will get added to the svg sprite (symbol-defs.svg). Note: if an svg is malformed it will break the sprite. We're using [svg-sprite-generator](https://github.com/frexy/svg-sprite-generator) to generate the sprite.
## Sprite usage:
```html
```
# Retina Display
If you'd like to send high-density images to high-density displays like Retina displays and normal-density images to normal-density displays, the correct responsive image syntax is
```html
![]()
```
Note: the picturefill package will polyfill this browser feature in IE11.