mirror_css/pixel-borders
1
0
Fork 0
mirror of https://github.com/NigelOToole/pixel-borders.git synced 2025-08-31 09:31:56 +02:00
Code Issues Releases Wiki Activity

Add docs folder for github pages

Browse Source
This commit is contained in:
Nigel O'Toole
2019-04-05 11:16:58 +01:00
parent 39a8ad2b5c
commit 9753cc1992
5 changed files with 1029 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
docs/index.html Normal file
View File

@@ -0,0 +1,48 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Pixel borders - Creates pixelated borders on html elements</title>
<link rel="stylesheet" href="styles/site.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cutive+Mono|Lato:300,400">
<link rel="stylesheet" href="styles/pixel-borders.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Press+Start+2P">
</head>
<body>
<div class="fullwidth fullwidth--lg">
<div class="container">
<h2>Basic examples</h2>
<div class="pixel-borders pixel-borders--1">Pixel border 1</div>
<div class="pixel-borders pixel-borders--1 pixel-borders--1-inset">Pixel inset 1</div>
<br>
<div class="pixel-borders pixel-borders--2">Pixel border 2</div>
<div class="pixel-borders pixel-borders--2-inset">Pixel inset 2</div>
<br><br>
<h2>Colour coded examples</h2>
<button class="pixel-borders pixel-box--light">Pixel light</button>
<button class="pixel-borders pixel-box--primary">Pixel primary</button>
<button class="pixel-borders pixel-box--success">Pixel success</button>
<button class="pixel-borders pixel-box--warning">Pixel warning</button>
<button class="pixel-borders pixel-box--error">Pixel error</button>
<br><br>
<h2>Customisation examples</h2>
<button class="pixel-borders pixel-box--light-custom">Custom inset</button>
<button class="pixel-borders pixel-box--primary-custom">No inset</button>
<button class="pixel-borders pixel-box--success-custom">Highlight</button>
<button class="pixel-borders pixel-box--warning-custom">Inset & Highlight</button>
<button class="pixel-borders pixel-box--error-custom">Custom border</button>
</div>
</div>
</body>
</html>