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

Latest commit

 

History

History
55 lines (40 loc) · 987 Bytes

readme.md

File metadata and controls

55 lines (40 loc) · 987 Bytes

CSS UI - Modal box

Simple modal box.

Installation

npm install --save css-ui-modal-box

Demo

Quick start

CSS dependencies.

<link rel="stylesheet" href="path/to/normalize.css">
<link rel="stylesheet" href="path/to/font-awesome.css">
<link rel="stylesheet" href="path/to/open-sans.css">
<link rel="stylesheet" href="path/to/cssui.css">

CSS modal.

<link rel="stylesheet" href="path/to/style.modal.box.css">

Use Open Sans fotns.

font-family: 'Open Sans', sans-serif;

Modal html.

<div class="wrapper align center">
	<a href="#modal">Open</a>
	<div id="modal" class="modal-box">
		<div>
			<a href="#close" title="Close" class="modal-close align center">
				<i class="fa fa-times" aria-hidden="true"></i>
			</a>
			<h2>Modal Box</h2>
			<p>This is an example of modal box.</p>
		</div>
	</div>
</div>

Enjoy modal box.