Section 1.1 Backgrounds

Provide a background-color to an element.

Source: element.css, line 1

Section 1.1.1 Accent backgrounds

Toggle full screen Open in new window

<div class="bga" style="height: 100px"></div>
<div class="bga2" style="height: 100px"></div>
<div class="bga3" style="height: 100px"></div>
Source: element.css, line 9

Section 1.1.2 Black background

Toggle full screen Open in new window

<div class="bgb" style="height: 100px"></div>
Source: element.css, line 29

Section 1.1.3 Gray backgrounds

Toggle full screen Open in new window

<div class="bgg" style="height: 100px"></div>
<div class="bgg2" style="height: 100px"></div>
<div class="bgg3" style="height: 100px"></div>
<div class="bgg4" style="height: 100px"></div>
Source: element.css, line 41

Section 1.1.4 White background

Toggle full screen Open in new window

<div class="bgw" style="border: 1px solid; height: 100px"></div>
Source: element.css, line 65

Section 1.2 Border

Colored borders

Source: element.css, line 77

Section 1.2.1 Accent Border

Markup

Accent
Source: element.css, line 90

Section 1.2.2 Black Border

Markup

Black
Source: element.css, line 102

Section 1.2.3 Gray Border

Markup

Gray
Source: element.css, line 114

Section 1.3 Border Radius

Toggle full screen Open in new window

Apply a border-radius.

<div class="bgg br" style="height: 100px; width: 100px"></div>
Source: element.css, line 125

Section 1.4 Display

Helper classes for display.

Source: element.css, line 139

Section 1.4.1 block

Toggle full screen Open in new window

block
<span class="db">block</span>
Source: element.css, line 147

Section 1.4.2 inline

Toggle full screen Open in new window

inline
<div class="di">inline</div>
Source: element.css, line 171

Section 1.4.3 inline-block

Toggle full screen Open in new window

inline-block
<div class="dib">inline-block</div>
Source: element.css, line 159

Section 1.4.4 none

Toggle full screen Open in new window

none
<div class="dn">none</div>
Source: element.css, line 183

Section 1.5 List Style None

Toggle full screen Open in new window

Unset a list element's list-style.

  • One
  • Two
<ul class="ls0">
  <li>One</li>
  <li>Two</li>
</ul>
Source: element.css, line 195