Show Menu

miiiCasa CSS Cheat Sheet by kvzhuang

Style Cheat Sheet

Font Cheat Sheet

TypeClass NameFont Size (px)Font Size (%)
H1x3-large28px215.4%
H2x2-large24px182.5%
H3x-large19px, Bold146.5%
H4large16 px, Bold123.1%
H5med-large16 px123.1%
H6medium15px116%
H7med-small14px, Bold108%
H8small14 px108%

Button Fields

FieldDescri­ptionDefault Value
tagThe HTML tag name.button
buttoncore, stick, form, excl­usi­ve, edit, task, table.core
typesubm­it, reset, butt­on.submit (if tag is button or input)
labelThe label text .Label Text
classThe extra class name .
disabledDisabled or not.false
hrefhref attribute.# (if tag is a)
targetTarget attribute._self (if tag is a)(_self, _blank or some target)
titleTitle attribute.# (if tag is a)
tabindexTabindex attribute.
nameThe form name attribute.
valueThe value attribute.

Exclusive Button

$var = button(
array(
"­but­ton­" => "­exc­lus­ive­",
"­nam­e" => "­but­ton­-na­me",
"­val­ue" => $value,
"­hre­f" => $url ,
"­lab­el" => $lang[­"­key­"],
"­cla­ss" => "­cla­ss-­nam­e",
"­dis­abl­ed" => FALSE
)
);
Descri­ption:
For no content module, Promot­ional page

 

Form Button

$var = button(
array(
"­but­ton­" => "­cor­e",
"­nam­e" => "­but­ton­-na­me",
"­val­ue" => $value,
"­typ­e" => "­sub­mit­",
"­lab­el" => $lang[­"­key­"],
"­cla­ss" => "­cla­ss-­nam­e",
"­dis­abl­ed" => FALSE
)
);
Descri­ption :
Page­/Popup action button

Task Button

$var = button(
array(
"­but­ton­" => "­tas­k",
"­nam­e" => "­but­ton­-na­me",
"­val­ue" => $value,
"­hre­f" => $url,
"­lab­el" => $lang[­"­key­"],
"­cla­ss" => "­cla­ss-­nam­e",
"­dis­abl­ed" => FALSE,
)
);

Descri­ption :
Page main functional button

Stick Button

$var = button(
array(
"­but­ton­" => "­sti­ck",
"­nam­e" => "­but­ton­-na­me",
"­val­ue" => $value,
"­lab­el" => $lang[­"­key­"],
"­hre­f" => $url,
"­cla­ss" => "­cla­ss-­nam­e",
"­dis­abl­ed" => FALSE
)
);
Descri­ption :
Page sub functional button (Stick Viewpo­rt)

 

Table Button

$var = button(
array(
"­but­ton­" => "­tab­le",
"­hre­f" => $url,
"­nam­e" => "­but­ton­-na­me",
"­val­ue" => $value,
"­lab­el" => $lang[­"­key­"],
"­cla­ss" => "­lab­el-­nam­e",
"­dis­abl­ed" => FALSE
)
);
Descri­ption :
Page sub sub functional button

Core Button

$var = button(
array(
"­but­ton­" => "­cor­e",
"­nam­e" => "­but­ton­-na­me",
"­tar­get­" => "­_bl­ank­",
"­hre­f" => $url,
"­lab­el" => $lang[­"­lab­el-­nam­e"],
"­cla­ss" => "­cla­ss-­nam­e",
"­dis­abl­ed" => FALSE
)
);
Descri­ption :
For user badge

Edit Button

It seems no longer used.

Descri­ption :
Edit button

 

Share This Cheat Sheet!

Favourited by 3 Members:

webdevo miiicasa kvzhuang

Comments

No comments yet. Add yours below!

Add a Comment

Your Comment

Please enter your name.

    Please enter your email address

      Please enter your Comment.