Skip to content

Commit

Permalink
edited readme
Browse files Browse the repository at this point in the history
  • Loading branch information
Maxwell Cofie authored and Maxwell Cofie committed Jul 15, 2017
1 parent 3dcce52 commit a998d1a
Show file tree
Hide file tree
Showing 2 changed files with 6 additions and 14 deletions.
18 changes: 6 additions & 12 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
#Krymoh
##Krymoh
![Krymoh Image] (https://github.com/mcofie/krymoh/blob/master/image.png)
Krymoh is a CSS framework that focuses on basic animations and transitions in css that adds live to a simple web based application AKA the CSS movie maker This was written in [SASS](www.sacc.com)


## Installations & Usage
The framework can be added to your project using two approaches. First it can be install using `npm` as
demostrated below.
1.
The framework can be added to your project using two approaches.

1.First it can be install using `npm` as demostrated below.
```bash
$npm install krymoh.css --save
```

It can be cloned from GitHub and added to your web application as so.
2.
2. It can be cloned from GitHub and added to your web application as so.
```html
<head>
<link rel="stylesheet" href="krymoh.min.css" type="text/css">
Expand Down Expand Up @@ -47,7 +47,6 @@ Below are a list of animations that ships with the framework.
| Trace | `trace` |
| Wipe | `wipe` |

***

### Filters
These are great bits of codes that brings indepth and abit more color to your web sites. It defuses the obvious and creates a cinematic illusion. The filters are preceded with `.ftr-<filter-name>-<intensity>`. The following are a list of filters. The *intensity* starts from _0_ and ends at _200_
Expand All @@ -70,7 +69,6 @@ __K - Special__
</div>
```

***

### Gradient
Color gradients gives indepth and different shades of emphasis to our web pages. Here are a list of the various color gradients in `krymoh`. For gradients, they are preceded with `grad-<radial-type>`
Expand All @@ -79,7 +77,6 @@ Color gradients gives indepth and different shades of emphasis to our web pages.
| ------------: | :--------- |


***

### Transition
These built in transitions create a seamless movement between objects or elements.
Expand All @@ -105,8 +102,6 @@ These built in transitions create a seamless movement between objects or element
| Warm Up | `warm-up` |
| Palpitate | `palpitate` |

***


### Translation

Expand All @@ -118,7 +113,6 @@ These built in transitions create a seamless movement between objects or element

*ml* represents multiplier and *mg* magnitude

***


## Contributing
Expand Down
2 changes: 0 additions & 2 deletions npm-debug.log
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,6 @@
3 info using node@v6.11.0
4 info git [ 'status', '--porcelain' ]
5 verbose stack Error: Git working directory not clean.
5 verbose stack M README.md
5 verbose stack D npm-debug.log
5 verbose stack at C:\Program Files\nodejs\node_modules\npm\lib\version.js:247:19
5 verbose stack at C:\Program Files\nodejs\node_modules\npm\lib\utils\no-progress-while-running.js:21:8
Expand All @@ -22,7 +21,6 @@
9 error node v6.11.0
10 error npm v3.10.10
11 error Git working directory not clean.
11 error M README.md
11 error D npm-debug.log
12 error If you need help, you may report this error at:
12 error <https://github.com/npm/npm/issues>
Expand Down

0 comments on commit a998d1a

Please sign in to comment.