Metro UI CSS provides any additional global routines classes for creating and styling elements such as: color classes, positioning classes, columns and much more.
Reset styles: In Metro UI CSS used modified Normalize.css by Nicolas Gallaher.
Metro UI CSS provides access to the main colors used in Windows 8. You can sets: background, foreground, outline, border color for any elements.
bg
, to set foreground color: use prefix fg
, to set outline color: use prefix ol
, to set border color: use prefix bd
.
<div class="bg-darkPink">...</div> <span class="fg-white">...</span> <div class="tile ol-white">...</div>
To create ribbed background use prefix ribbed
<div class="ribbed-amber">...</div> <div class="ribbed-cyan">...</div>