Simplifield

Style Guide 2.8.0

Welcome to the SimpliField style guide, feel free to contribute .

Branding

Colors

Typography

Heading,

SubTitle,

SubSubTitle,

h4,

h5,

Aa - . Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis voluptate distinctio reprehenderit, autem deleniti ad voluptatum eaque. Optio ea aperiam nisi distinctio nemo repellat, voluptate fugiat. Quidem neque illum, blanditiis!

Loader

Loading

              
            

Buttons

              
<button class="btn btn-default">Normal</button>
<button class="btn btn-lg btn-default">Large</button>
              
            
              
<button class="btn btn-primary">Primary</button>
<button class="btn btn-success">Success</button>
<button class="btn btn-primary btn-rounded">Rounded</button>
<button class="btn btn-outline">Outline</button>
<button class="btn btn-link">link button</button>
<button class="btn btn-cancel">Cancel</button>
              
            

Icons

  • .ss-help
  • .ss-remove
  • .ss-addfile
  • .ss-hyphen
  • .ss-search
  • .ss-banknote
  • .ss-rules
  • .ss-settings
  • .ss-barcode
  • .ss-list
  • .ss-storagebox
  • .ss-bookmark
  • .ss-list2
  • .ss-switch
  • .ss-bullhorn
  • .ss-location
  • .ss-tasks
  • .ss-calculator
  • .ss-map
  • .ss-time
  • .ss-camera
  • .ss-mic
  • .ss-toggles
  • .ss-check
  • .ss-navigateleft
  • .ss-toolbox
  • .ss-cog
  • .ss-navigateright
  • .ss-trash
  • .ss-contacts
  • .ss-notifications
  • .ss-up
  • .ss-creditcard
  • .ss-ok
  • .ss-upload
  • .ss-dashboard
  • .ss-pen
  • .ss-user
  • .ss-delete
  • .ss-picture
  • .ss-users
  • .ss-deletefile
  • .ss-pixels
  • .ss-video
  • .ss-down
  • .ss-plus
  • .ss-write
  • .ss-flag
  • .ss-plus2
  • .ss-grid
  • .ss-record
  • .ss-clipboard
  • .ss-folder-open
  • .ss-map-marker
  • .ss-step-backward
  • .ss-chevron-right
  • .ss-chevron-left
  • .ss-step-forward
  • .ss-remove-circle
  • .ss-calendar
  • .ss-thumbnails
  • .ss-hourglass
  • .ss-stopwatch
  • .ss-layers
  • .ss-organisation
  • .ss-email
  • .ss-emailsent
  • .ss-mail
  • .ss-piechart
  • .ss-textchat
  • .ss-searchfile
  • .ss-clock
  • .ss-sort
  • .ss-sort-asc
  • .ss-sort-desc
  • .ss-angle-down
  • .ss-lock
  • .ss-bill
  • .ss-two-ways
  • .ss-chain-broken
  • .ss-link
  • .ss-italic
  • .ss-bolt
            
<i class="ss-help"></i>
            
          

Form

An error has occurred

Example help block

Example success block

Example error block

Cancel
              
              
            

Tables

1 - 10 / 100
First Name Last Name Rapports Username
En cours Mark Otto 1 @mdo
Terminées Jacob Thornton 107 @fat
Brouillons Larry the Bird 32 @twitter
A venir Jean Flibutstier 8 @simpli
Totaux : 1
            
            
          

Items

Alex terrieur

alex@terrieur.com

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Alain terrieur

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Alain terrieur

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Alex terrieur

Alain terrieur

            
            
          

Empty

0

Your dashboard is empty

You need to get some element in your dashboard for displaying

            
            
          

Error

!

Error

Connection problem, please try again later.