https://github.com/reimertz/movie-colors
https://github.com/reimertz/movie-colors
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/reimertz/movie-colors
- Owner: reimertz
- Created: 2016-01-18T21:20:46.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-01-17T03:18:19.000Z (over 8 years ago)
- Last Synced: 2025-03-15T01:47:14.293Z (3 months ago)
- Language: JavaScript
- Size: 1.85 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
flag-colors is a collection of colors works available in sass, less, stylus and css
##Installation
```
npm install flag-colors
bower install flag-colors
```
##Usage
####scss
```scss
@import 'bower_components/flag-colors/dist/latest/scss/flag-colors.latest.scss'
.a-div {
color: $sweden;
}
```
####less
```css
@import 'bower_components/flag-colors/dist/latest/less/flag-colors.latest.less'
.a-div {
color: @sweden;
}
```
####sass
```sass
@import 'bower_components/flag-colors/dist/latest/scss/flag-colors.latest.sass'
.a-div
color: $sweden
```
####stylus
```css
@import 'bower_components/flag-colors/dist/latest/stylus/flag-colors.latest.styl'
.a-div {
color: $sweden;
}
```
####css
```html
`
This text is sweden-blue
This div has a sweden-blue background
```
###Run flag-colors.com locally
If you want to work on the static homepage, just run the following commands
and you will get a live-reloading server listening for changes in /app
and flagColors.js
```bash
npm install
gulp dev
```
###Flags
[Full list of colors](https://github.com/reimertz/flag-colors/blob/master/data/flagColors.json)
---
> [reimertz.co](http://reimertz.co) ·
> GitHub [@reimertz](https://github.com/reimertz) ·
> Twitter [@reimertz](https://twitter.com/reimertz)