Home

techstyle.css

GitHub

Techstyle is an opinionated stylesheet for quickly building web apps that look "good enough to use."

Code snippet:

  
 
 
 
A list of cards
  
 
 
Side-by-side panels (if room)
 
 
 
First panel
 
A card
 
 
 
Second panel
 
Another card
 
 
 
Third panel
 
One more card
 
Another card
 
 
 
 
 
Cards and form elements
 
 
  
  
 
 
  
   
 
 
  
 
 
 
A full-page section
 
 
 
A vertically centered card in the full-page section
 

Themed emojis: 😎 🌳 🦖 
 
 
 
 
 
A full-page section with header and footer
 
 
 This is the header 
  

This is a popover

     
  • One
    •  
  • Two
    •  
  • Three
    •  
 
 
 
 

A vertically centered card in the full-page section

  
 
 
 
Example application screens
  
 
  
 Why the name "techstyle"? 

It's a stylesheet that looks kind of techy. It's also a pun on
            textile - my last name, Mercer, comes from a word meaning "a textile
            merhant", so this is a way of living up to that heritage. 😆