Skip to content

Instantly share code, notes, and snippets.

@danyliak
Created February 15, 2017 09:42
Show Gist options
  • Select an option

  • Save danyliak/b2aecbefe1394d7ff24d8d69b25b1485 to your computer and use it in GitHub Desktop.

Select an option

Save danyliak/b2aecbefe1394d7ff24d8d69b25b1485 to your computer and use it in GitHub Desktop.

Revisions

  1. danyliak created this gist Feb 15, 2017.
    49 changes: 49 additions & 0 deletions gistfile1.txt
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,49 @@
    <div class="asset-table">
    <div class="title-row asset-row clearfix">
    <div class="asset-number"></div>
    <div class="asset-img"></div>
    <div class="asset-name">Name</div>
    <div class="work-orders clearfix">

    <div class="wo-title">Work order</div>
    <div class="wo-cat">Category</div>
    <div class="wo-fr">Frequency</div>
    <div class="wo-count">Count</div>
    <div class="wo-time">Time</div>
    <div class="wo-cost">Cost</div>


    </div>
    </div>
    <div class="parent-row">
    <div class="asset-number">1</div>
    <div class="asset-img"></div>
    <div class="asset-name">Asset Name</div>
    </div>

    </div>

    .asset-table{
    padding: 1rem 0 1rem 2rem;
    .asset-row{
    > div{
    float: left;
    min-height: 1px;
    }
    .asset-number{
    width: 30px;
    }
    .asset-img{
    width: 50px;
    }
    .asset-name{
    width: 100px;
    }
    .work-orders{
    > div{
    float: left;
    min-height: 1px;
    }
    }
    }
    }