Beyond Souls UI - Pattern Library

Pattern Library for the general design of web-application related to Beyond Souls

grid

1

2

3

4

6

icon

.a-icon--mobile

.a-icon--laptop

.a-icon--desktop

.a-icon--tablet

.a-icon--phone

.a-icon--document

.a-icon--documents

.a-icon--search

.a-icon--clipboard

.a-icon--newspaper

.a-icon--notebook

.a-icon--book-open

.a-icon--browser

.a-icon--calendar

.a-icon--presentation

.a-icon--picture

.a-icon--pictures

.a-icon--video

.a-icon--camera

.a-icon--printer

.a-icon--toolbox

.a-icon--briefcase

.a-icon--wallet

.a-icon--gift

.a-icon--bargraph

.a-icon--grid

.a-icon--expand

.a-icon--focus

.a-icon--edit

.a-icon--adjustments

.a-icon--ribbon

.a-icon--hourglass

.a-icon--lock

.a-icon--megaphone

.a-icon--shield

.a-icon--trophy

.a-icon--flag

.a-icon--map

.a-icon--puzzle

.a-icon--basket

.a-icon--envelope

.a-icon--streetsign

.a-icon--telescope

.a-icon--gears

.a-icon--key

.a-icon--paperclip

.a-icon--attachment

.a-icon--pricetags

.a-icon--lightbulb

.a-icon--layers

.a-icon--pencil

.a-icon--tools

.a-icon--tools-2

.a-icon--scissors

.a-icon--paintbrush

.a-icon--magnifying-glass

.a-icon--circle-compass

.a-icon--linegraph

.a-icon--mic

.a-icon--strategy

.a-icon--beaker

.a-icon--caution

.a-icon--recycle

.a-icon--anchor

.a-icon--profile-male

.a-icon--profile-female

.a-icon--bike

.a-icon--wine

.a-icon--hotairballoon

.a-icon--globe

.a-icon--genius

.a-icon--map-pin

.a-icon--dial

.a-icon--chat

.a-icon--heart

.a-icon--cloud

.a-icon--upload

.a-icon--download

.a-icon--target

.a-icon--hazardous

.a-icon--piechart

.a-icon--speedometer

.a-icon--global

.a-icon--compass

.a-icon--lifesaver

.a-icon--clock

.a-icon--aperture

.a-icon--quote

.a-icon--scope

.a-icon--alarmclock

.a-icon--refresh

.a-icon--happy

.a-icon--sad

.a-icon--facebook

.a-icon--twitter

.a-icon--googleplus

.a-icon--rss

.a-icon--tumblr

.a-icon--linkedin

.a-icon--dribbble

header

footer

navigation

table

.a-table

.a-table.a-table--striped

#	Description	Amount
01	Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet	1923x
02	Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet	974x
03	Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet	1923x

#	Description	Amount
01	Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet	1923x
02	Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet	974x
03	Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet	1923x

.a-table.a-tabele--responsive

#	Description	Amount
01	Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet	1923x
02	Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet	974x
03	Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet	1923x