Skip to content
This repository was archived by the owner on Sep 5, 2019. It is now read-only.

Commit 9b37b42

Browse files
committed
Update
1 parent 30ff38b commit 9b37b42

File tree

5 files changed

+107
-45
lines changed

5 files changed

+107
-45
lines changed
File renamed without changes.

package-lock.json

+31
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
{
2+
"name": "css-ui-modal-box",
3+
"version": "1.0.7",
4+
"description": "Simple modal box.",
5+
"main": "css/style.modal.box.css",
6+
"repository": {
7+
"type": "git",
8+
"url": "git+https://[email protected]/css-ui/modal.git"
9+
},
10+
"keywords": [
11+
"modal"
12+
],
13+
"license": "MIT",
14+
"bugs": {
15+
"url": "https://github.com/css-ui/modal/issues"
16+
},
17+
"dependencies": {
18+
"css-ui-simple": "^2.5.1",
19+
"open-sans-fontface": "^1.4.0",
20+
"font-awesome": "^4.7.0"
21+
},
22+
"homepage": "https://github.com/css-ui/modal#readme"
23+
}

readme.md

+53-1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,55 @@
1-
## Modal
1+
## CSS UI - Modal box
22

33
Simple modal box.
4+
5+
## Installation
6+
7+
```
8+
npm install --save css-ui-modal-box
9+
```
10+
11+
## Demo
12+
13+
- https://css-ui.github.io/modal.box/
14+
15+
## Quick start
16+
17+
CSS dependencies.
18+
19+
```html
20+
<link rel="stylesheet" href="path/to/normalize.css">
21+
<link rel="stylesheet" href="path/to/font-awesome.css">
22+
<link rel="stylesheet" href="path/to/open-sans.css">
23+
<link rel="stylesheet" href="path/to/cssui.css">
24+
```
25+
26+
CSS modal.
27+
28+
```html
29+
<link rel="stylesheet" href="path/to/style.modal.box.css">
30+
```
31+
32+
Use Open Sans fotns.
33+
34+
```css
35+
font-family: 'Open Sans', sans-serif;
36+
```
37+
38+
Modal html.
39+
40+
```html
41+
<div class="wrapper align center">
42+
<a href="#modal">Open</a>
43+
<div id="modal" class="modal-box">
44+
<div>
45+
<a href="#close" title="Close" class="modal-close align center">
46+
<i class="fa fa-times" aria-hidden="true"></i>
47+
</a>
48+
<h2>Modal Box</h2>
49+
<p>This is an example of modal box.</p>
50+
</div>
51+
</div>
52+
</div>
53+
```
54+
55+
Enjoy modal box.

src/index.html

-44
This file was deleted.

0 commit comments

Comments
 (0)