Yidhra/TuiCss
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update README.md

Browse Source
This commit is contained in:
vinibiavatti1 2018-09-12 09:03:38 -03:00 committed by GitHub
parent be747d365d
commit 003efcc9d3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 68 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
README.md
View File

@ -7,6 +7,74 @@ TuiCss is a framework to create web applications using a interface based in ASCI
## Components ## Components
This is a simple doc for the avaiable components in the framework. For more details, download the repository and run example.html to check the full code.
### Navbar
<img src="https://image.ibb.co/fACzUp/tui_nav.png"/>
```html
<nav class="tui-nav tui-nav-fixed">
<span class="tui-clock" id="clock"></span>
<ul>
<li>
...
</li>
</ul>
</nav>
```
### Navbar Menu
<img src="https://image.ibb.co/kv0Tpp/tui_menu.png"/>
```html
<li class="tui-dropdown">
<span class="red-168-text">F</span>ile
<div class="tui-dropdown-content">
<ul>
<li>
<a href="#!">
<span class="red-168-text">O</span>pen
<span class="tui-shortcut">ctrl+o</span>
</a>
</li>
<div class="tui-black-divider"></div>
<li>
<a href="#!">
<span class="red-168-text">Q</span>uit
<span class="tui-shortcut">F4</span>
</a>
</li>
</ul>
</div>
</li>
```
### Sidenav
<img src="https://image.ibb.co/ci06aU/tui_sidenav.png"/>
```html
<nav class="tui-sidenav">
<ul>
<li>
...
</li>
</ul>
</nav>
```
### Window
<img src="https://image.ibb.co/jcRMs9/tui_window.png"/>
```html
<div class="tui-window">
<fieldset class="tui-window-fieldset">
<legend>Window</legend>
<button class="tui-fieldset-button"><span class="green-255-text">■</span></button>
...
</fieldset>
</div>
```
## CSS Classes ## CSS Classes
## Credit ## Credit