The Unlicense

Welcome to Pondasee Docs

Welcome to the Pondasee documentation, here you can learn what Pondasee includes and how to use it as your starting point.

What is Pondasee?

Pondasee is front-end starter kit combined with the power of SCSS & Compass, we made Pondasee to help front-end or developer to speed up their work-flow in making web application.

Quick Start

  • Install Compass, you can read on Compass official site, here
  • Or update your Compass to the latest version gem install compass
  • Clone this project git clone git://github.com/tokokoo/pondasee.git
  • Or you can download the zip file here
  • Compile pondasee project folder and you're ready to go!

Project Information

Pondasee is crafted and developed by Tokokoo Team, feel free to send us some feedback!

Source on Github

Typography

These are the basic elements of typography in Pondasee

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Elements

  • Strong
  • Emphasis
  • Small Type
  • abbr sample HTML
  • Delete
  • <h1>Sample Code</h1>
  • Highlighted Text
  • Inserted Text

Definition List

Definition List Title
This is a definition list division.
Definition
An exact statement or description of the nature, scope, or meaning of
Gallery
A feature introduced with WordPress 2.5, that is specifically an exposition of images attached to a post.

Unordered List

  • List item one
    • List item one
      • List item one
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four
  • List item two
  • List item three
  • List item four

Ordered List

  1. List item one
    1. List item one
      1. List item one
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. List item four
Source on Github

Button

Pondasee have a basic scss mixin for button

Pondasee mixin button gives you possibility to make button in any various colors and sizes. Here the example of the mixin button utilization:

Standard Button

ButtonDownloadDemo

Colorful Button

ButtonDownloadDemoSign Up

Different Size Button

Sign In Logout Order

Color + Size

Button Button Button

Source on Github

Table

Pondasee have a basic table style

Basic Table

Title Views
About Test User 1 More
260 1 More
Archives 1 More
235 1 More

Zebra Table

Add class .striped to your table if you want to show the table in zebra style.

Title Views
About Test User 1 More
260 1 More
Archives 1 More
235 1 More
Source on Github

Grid System

In progress