The Stupid Simple SCSS Library

Beauty is in the eyes of the beholder.

Download

Introduction

You Write HTML, we have it all else handled. The rest of the UI and theme comes already packaged in css file. Just structure Your documents carefully.

<!-- Add this to your header, and copy respective files -->
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link rel="stylesheet" href="highlight/tomorrow.css">
<script src="highlight/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
        

Features

	Typography The great Typographic elements Are designed Only for you
Colors The colors in the palette are specially handpicked for you
	Shadows Subtle shadows that are smooth and flow with theme

USAGE

All The buttons

<!-- Just to tell "a" tags are buttons -->
<div class="button-wrapper">
    <!-- Fancy Header -->
    <h1>All The buttons</h1>
    <!-- Buttons -->
    <a class="red-button">Red</a>
    <a class="blue-button">Blue</a>
    <a class="teal-button">Teal</a>
    <a class="cyan-button">Cyan</a>
    <!-- For Newline -->
    <br />
    <a class="yellow-button">Yellow</a>
    <a class="black-button">Black</a>
    <a class="green-button">Green</a>
</div>
        

BlockQuote

"This app will blow your Brains as if you ever had one"
- Consta Ricta.

<blockquote>
    "This app will blow your Brains as if you ever had one"
    <br />
    - Consta Ricta.
<\blockquote>
        

Tables

Name	Age
Michael Andrew	22
Vollun Bytu	24
Read Richards	21

<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Age</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Michael Andrew</td>
            <td>22</td>
        </tr>
        <tr>
            <td>Vollun Bytu</td>
            <td>24</td>
        </tr>
        <tr>
            <td>Read Richards</td>
            <td>21</td>
        </tr>
    </tbody>
</table>

Images

<img src="path/to/image.jpg"/>
        

Follow us on