To Examples

BoxModel Example

Source code file: LinkIcons/app/assets/stylesheets/people.scss:

/* people.scss file for LinkIcon Example */

.show {
    background:url('view.png'); }

.show:hover {
    background:url('viewhover.png'); }

.new {
    background:url('new.png'); }

.new:hover {
    background:url('newhover.png'); }

.edit {
    background:url('edit.png'); }

.edit:hover {
    background:url('edithover.png'); }

.destroy {
    background:url('destroy.png'); }

.destroy:hover {
    background:url('destroyhover.png'); }

.back {
    background:url('back.png'); }

.back:hover {
    background:url('backhover.png'); }

.new {
    background:url('new.png'); }

.new:hover {
    background:url('newhover.png'); }

.show, .new, .edit, .destroy, .back {
    display:inline-block;
    height:32px;
    width:32px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; 
    background-size:32px 32px; }

.show:hover, .new:hover, .edit:hover, .destroy:hover, .back:hover {
    background-size:32px 32px; }