Could we have the option to write styles for our character sheets using LessC ( <a href="http://lesscss.org/" rel="nofollow">http://lesscss.org/</a>) instead of only raw CSS? This would make it easier to write: (Raw CSS) /* roll template styles */
.sheet-rolltemplate-skillcheck table {
background: url("<a href="http://i336.photobucket.com/albums/n346/Hymnodi/Useful%20stuff/FALLOUT2.png" rel="nofollow">http://i336.photobucket.com/albums/n346/Hymnodi/Useful%20stuff/FALLOUT2.png</a>");
border: 2px solid #22ff88;
border-radius: 1em;
color: #22ff88;
overflow: hidden;
width: 100%;
}
.sheet-rolltemplate-skillcheck table thead th {
background: #22ff88;
color: #000;
padding: 0.5em 1em;
}
.sheet-rolltemplate-skillcheck table tbody {
text-align: center;
}
.sheet-rolltemplate-skillcheck table tbody tr td{
padding: 0.5em 0;
}
.sheet-rolltemplate-skillcheck table tbody .sheet-rollNotes {
font-size: 0.8em;
font-style: italic;
}
.sheet-rolltemplate-skillcheck table tbody .sheet-trainingLevel {
font-weight: bold;
}
.sheet-rolltemplate-skillcheck table tbody .sheet-trainingLevel .sheet-untrained {
color: #118844;
}
.sheet-rolltemplate-skillcheck table tbody .sheet-trainingLevel .sheet-trained {
color: #2f8;
}
.sheet-rolltemplate-skillcheck table tbody .sheet-trainingLevel .sheet-improved {
color: #2cf;
}
.sheet-rolltemplate-skillcheck table tbody .sheet-trainingLevel .sheet-greater {
color: #fc4;
}
.sheet-rolltemplate-skillcheck table tbody tr td .inlinerollresult {
background: #000;
}
like this: (LessCSS) /* roll template styles */
@hudBg: url("<a href="http://i336.photobucket.com/albums/n346/Hymnodi/Useful%20stuff/FALLOUT2.png" rel="nofollow">http://i336.photobucket.com/albums/n346/Hymnodi/Useful%20stuff/FALLOUT2.png</a>");
@hudColor: #22ff88;
@skillUntrainedColor: #118844;
@skillTrainedColor: #2f8;
@skillImprovedColor: #2cf;
@skillGreaterColor: #fc4;
.sheet-rolltemplate-skillcheck table {
background: @hudBg;
border: 2px solid @hudColor;
border-radius: 1em;
color: @hudColor;
overflow: hidden;
width: 100%;
thead th {
background: @hudColor;
color: #000;
padding: 0.5em 1em;
}
tbody {
text-align: center;
tr td {
padding: 0.5em 0;
& .inlinerollresult {
background: #000;
}
}
.sheet-rollNotes {
font-size: 0.8em;
font-style: italic;
}
.sheet-trainingLevel {
font-weight: bold;
.sheet-untrained {
color: @skillUntrainedColor;
}
.sheet-trained {
color: @skillTrainedColor;
}
.sheet-improved {
color: @skillImprovedColor;
}
.sheet-greater {
color: @skillGreaterColor;
}
}
}
}
This wouldn't affect end-users directly, but it would definitely make sheet development more productive!
