The portal comes with a set of icons which are available for use with blades, parts, and commands.
<style type="text/css">
#icon-container h6, #icon-container h2 {
padding-top: 20px;
clear:both;
}
.icons, .icons ul {
list-style-type: none;
clear: both;
}
.icons > li > ul > li {
padding: 10px;
margin-right: 10px;
float: left;
border: 1px solid gray;
}
.icons > li > ul > li:nth-child(3n+1) > div {
width: 16px;
height: 16px;
}
.icons > li > ul > li:nth-child(3n+2) > div {
width: 24px;
height: 24px;
}
.icons > li > ul > li:nth-child(3n+3) > div {
width: 50px;
height: 50px;
}
.icons > li > ul > li:nth-child(n+4) {
background-color: #32383f
}
svg {
width: 100%;
height: 100%;
}
</style>
Next steps: Creating icons
<script type="text/javascript"> $(".icons li").each(function() { var $svg = $(this).children("svg"); $svg.remove(); $(this).append("