Abe Hires
Abe Hires
Useful Classes
Background Colors
Add these classes to set the background of an element.
 .Transparent
 .White
 .Yellow
 .Orange
 .Red
 .DarkRed
 .Plum
 .DarkPlum
 .Green
 .LightGreen
 .Turquoise
 .Blue
 .DarkBlue
 .Silver
 .Gray
 .Black
Image Style
Add these classes to directly apply different styles to images.
.Image_circle
.Image_rounded
.Image_thumb
System
Add these classes to elements for system settings.
.Align_top
Vertical align to the top
.Align_middle
Vertical align to the middle
.Align_bottom
Vertical align to the bottom
.Clearfix
Clear float in child elements
.First
Set element margin-left to 0px
.Float_left
Float left element
.Float_right
Float right element
.FullWidth
Full button width
.HiddenOnDesktop
Hide the element in Desktop
.HiddenOnTablet
Hide the element in Tablet
.HiddenOnPhone
Hide the element in Phone
.Last
Set element margin-right to 0px
.noSwipe
Disable the swipe gesture in the element
.noTransition
Remove all transitions
.PH
Hide in the case of element is empty
.Print_hidden
Hide when printing the page
.Print_visible
Show when printing the page
.Text_NoWrap
Specify that the content inside a cell should not wrap
Text Classes
Add these classes to format text in a webscreen.
.Heading1
.Heading2
.Heading3
.Heading4
.Bold
.Italic
.Underline
.Text_Error
.Text_note
.Note
.Label
.Text_uppercase
.Text_large
.Text_small
.Code
.Text_overflow
.Text_shadow
Text Colors
Add these classes to set the color of a text.
 .Text_white
 .Text_yellow
 .Text_orange
 .Text_red
 .Text_darkRed
 .Text_plum
 .Text_darkplum
 .Text_green
 .Text_lightGreen
 .Text_turquoise
 .Text_blue
 .Text_darkblue
 .Text_silver
 .Text_gray
 .Text_black
Typography
Add these classes to set the typography.
Text
.OpenSans_Regular
.OpenSans_Bold
.OpenSans_Italic
.OpenSans_Semibold
Titles
.Oswald_Regular
.Oswald_Bold
.Oswald_Light
Silk UI Framework Simulation Device
Resize the window to preview the page in target devices.
Open the settings to change the simulation device options.
Click here to see your activities