https://github.com/omerimzali/uiterminal

Terminal Style CSS Framework
https://github.com/omerimzali/uiterminal

8bit css css-framework scss terminal terminal-theme

Last synced: 3 months ago
JSON representation

Terminal Style CSS Framework

• Host: GitHub
• URL: https://github.com/omerimzali/uiterminal
• Owner: omerimzali
• License: mit
• Created: 2019-03-07T11:13:53.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2019-03-31T14:05:13.000Z (over 5 years ago)
• Last Synced: 2024-05-08T12:31:49.494Z (6 months ago)
• Topics: 8bit, css, css-framework, scss, terminal, terminal-theme
• Language: CSS
• Homepage: http://programlama.xyz/uiterminal
• Size: 60.5 KB
• Stars: 118
• Watchers: 7
• Forks: 9
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• Awesome-CSS-Resources - uiterminal:

README

        


  



 


UITerminal


*
Terminal Style CSS Framework
*




  

   

 

 

## Introduction


UITerminal is an **Terminal Style CSS Framework**. 

## Install

You can get UITerminal with CDN.

```html

 

        

```

Or You can clone it.

```

git clone https://github.com/omerimzali/uiterminal.git

```

## Usage

Before start to use UITerminal, You should get 'Press Start 2P' to your workarea. 

```html

    

        

        

   

```

## Elements&Colors&ETC

1. uiterminal-full: It's a containter for other uiterminal elements.

```



```


2. uiterminal-line: It's basicly a line for any content

```

.uiterminal-line

.is-centered

 .is-blinked 

 .is-empty

```

3. Colors

```

.uitext-primary    

.uitext-secondary    

.uitext-success    

.uitext-danger    

.uitext-warning    

.uitext-white    

.uitext-black 

.uibg-primary  

.uibg-secondary  

.uibg-success  

.uibg-danger  

.uibg-warning  

.uibg-white  

.uibg-black  

```

4. Form Elements

```

 .uiterminal-text:  

 .fullline:  



      



```

5. Buttons

```

    Button

    primary

    secondary

    succes

    danger

    warning

    white

    black

```

6. Badges

```

    Primary

    Secondary

    Success

    Danger

    Warning

    White

    Black

```

7. Progress

```



    

 



    

 



    

 



    

  



    

  



    

  



    

  

```

8.Tables

```



        

        ..

        



```

9. Images: 

```







```

10. Headings

```



    
h1. UITERMINAL





    
h2. UITERMINAL





    
h3. UITERMINAL





    
h4. UITERMINAL





    
h5. UITERMINAL





    
h6. UITERMINAL



```

11. Lists

```



    


        
Lorem ipsum dolor sit amet

        
Consectetur adipiscing elit

        
Integer molestie lorem at massa

        
Facilisis in pretium nisl aliquet

        
Nulla volutpat aliquam velit

          


            
Phasellus iaculis neque

            
Purus sodales ultricies

            
Vestibulum laoreet porttitor sem

            
Ac tristique libero volutpat at

          

        

        
Faucibus porta lacus fringilla vel

        
Aenean sit amet erat nunc

        
Eget porttitor lorem

    



```

## Browser Support

UITerminal tested on following browsers.

* Chrome

* Firefox

* Safari

* Opera


## Development&Contributions

[![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/omerimzali/uiterminal)

You can fork the project and enter this commands in your terminal.

```sh

git clone https://github.com/YOUR_GITHUB_USERNAME/uiterminal.git

cd uiterminal

```

## Thanks 

 UITerminal Inspired by NES.CSS, I have to thank to [BcRicco](https://github.com/BcRikko)