extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2024-11-30 03:54:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

[desing] add icons to style guide

Browse Source
This commit is contained in:
zombieFox 2020-04-30 10:30:40 +01:00
parent bf9f2f0c4f
commit 02ecd77ac9
1 changed files with 37 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/style-guide.html
View File

@ -37,6 +37,13 @@
<link rel="stylesheet" href="css/auto-suggest.css"> <link rel="stylesheet" href="css/auto-suggest.css">
<link rel="stylesheet" href="css/fontawesome.css"> <link rel="stylesheet" href="css/fontawesome.css">
<!-- end-css-block --> <!-- end-css-block -->
<style>
.style-guide-icon {
padding: 1em;
font-size: 1.5em;
display: inline-block;
}
</style>
</head> </head>
<body> <body>
@ -63,6 +70,36 @@
<input id="radius" class="style-guide-control radius" type="range" min="0" max="600" value="0" step="1" tabindex="1"> <input id="radius" class="style-guide-control radius" type="range" min="0" max="600" value="0" step="1" tabindex="1">
</div> </div>
<hr> <hr>
<span class="style-guide-icon icon-add"></span>
<span class="style-guide-icon icon-arrow-back"></span>
<span class="style-guide-icon icon-arrow-downward"></span>
<span class="style-guide-icon icon-arrow-forward"></span>
<span class="style-guide-icon icon-arrow-upward"></span>
<span class="style-guide-icon icon-check"></span>
<span class="style-guide-icon icon-check-box-checked"></span>
<span class="style-guide-icon icon-check-box-unchecked"></span>
<span class="style-guide-icon icon-check-box-indeterminate"></span>
<span class="style-guide-icon icon-close"></span>
<span class="style-guide-icon icon-edit"></span>
<span class="style-guide-icon icon-done"></span>
<span class="style-guide-icon icon-arrow-down"></span>
<span class="style-guide-icon icon-arrow-left"></span>
<span class="style-guide-icon icon-arrow-right"></span>
<span class="style-guide-icon icon-arrow-up"></span>
<span class="style-guide-icon icon-more-horiz"></span>
<span class="style-guide-icon icon-more-vert"></span>
<span class="style-guide-icon icon-radio-unchecked"></span>
<span class="style-guide-icon icon-radio-checked"></span>
<span class="style-guide-icon icon-remove"></span>
<span class="style-guide-icon icon-settings"></span>
<span class="style-guide-icon icon-unfold-less"></span>
<span class="style-guide-icon icon-unfold-more"></span>
<span class="style-guide-icon icon-refresh"></span>
<span class="style-guide-icon icon-reorder"></span>
<span class="style-guide-icon icon-undo"></span>
<span class="style-guide-icon icon-redo"></span>
<span class="style-guide-icon icon-replay"></span>
<hr>
<div class="form-wrap"> <div class="form-wrap">
<div class="form-inline"> <div class="form-inline">
<button class="button" tabindex="1">Button</button> <button class="button" tabindex="1">Button</button>