Quantcast
Viewing all articles
Browse latest Browse all 9159

Stylesheet for HTML Reports - Sharing

I was working on a report and created a LESS sheet to help me style it.  I though I might as well share.  If you don't know about LESS, it's used to template/generate CSS using a LESS pre-processor/compiler.  You can find them on the web.  To use just run the file through the processor (you may need to change the extension to .less) and it will create a report.css file.  You can just drop it into the styles folder of your report directory (replace the existing one).  You can change the colors, fonts, sizes, etc.  Just by changing a couple of values in the configuration section.  Almost all values are calculated from these.  All measures are px

// Font Families - default Cambria, Calibri
@FontFamilyOne: Cambria; @FontFamilyTwo: Calibri;
// Paddings - default 2px
@StandardPadding: 2px;
// Theme Colors - default 213, 50%, 50%
@ThemeColor: hsl(213, 50%, 50%);

Enjoy


Viewing all articles
Browse latest Browse all 9159

Trending Articles