Skip to content

Instantly share code, notes, and snippets.

@artlung

artlung/SassMeister-input-HTML.html

Created May 19, 2014 22:54
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save artlung/8e8fb6579d18969e46f6 to your computer and use it in GitHub Desktop.
Save artlung/8e8fb6579d18969e46f6 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<html>
<head>
<link rel="stylesheet" href="brute.css">
<style>
div {
width: 100px;
float: left;
height: 20px;
font-size: small;
}
</style>
</head>
<body>
<div class="v-000">000</div>
<div class="v-003">003</div>
<div class="v-006">006</div>
<div class="v-009">009</div>
<div class="v-00c">00c</div>
<div class="v-00f">00f</div>
<div class="v-030">030</div>
<div class="v-033">033</div>
<div class="v-036">036</div>
<div class="v-039">039</div>
<div class="v-03c">03c</div>
<div class="v-03f">03f</div>
<div class="v-060">060</div>
<div class="v-063">063</div>
<div class="v-066">066</div>
<div class="v-069">069</div>
<div class="v-06c">06c</div>
<div class="v-06f">06f</div>
<div class="v-090">090</div>
<div class="v-093">093</div>
<div class="v-096">096</div>
<div class="v-099">099</div>
<div class="v-09c">09c</div>
<div class="v-09f">09f</div>
<div class="v-0c0">0c0</div>
<div class="v-0c3">0c3</div>
<div class="v-0c6">0c6</div>
<div class="v-0c9">0c9</div>
<div class="v-0cc">0cc</div>
<div class="v-0cf">0cf</div>
<div class="v-0f0">0f0</div>
<div class="v-0f3">0f3</div>
<div class="v-0f6">0f6</div>
<div class="v-0f9">0f9</div>
<div class="v-0fc">0fc</div>
<div class="v-0ff">0ff</div>
<div class="v-300">300</div>
<div class="v-303">303</div>
<div class="v-306">306</div>
<div class="v-309">309</div>
<div class="v-30c">30c</div>
<div class="v-30f">30f</div>
<div class="v-330">330</div>
<div class="v-333">333</div>
<div class="v-336">336</div>
<div class="v-339">339</div>
<div class="v-33c">33c</div>
<div class="v-33f">33f</div>
<div class="v-360">360</div>
<div class="v-363">363</div>
<div class="v-366">366</div>
<div class="v-369">369</div>
<div class="v-36c">36c</div>
<div class="v-36f">36f</div>
<div class="v-390">390</div>
<div class="v-393">393</div>
<div class="v-396">396</div>
<div class="v-399">399</div>
<div class="v-39c">39c</div>
<div class="v-39f">39f</div>
<div class="v-3c0">3c0</div>
<div class="v-3c3">3c3</div>
<div class="v-3c6">3c6</div>
<div class="v-3c9">3c9</div>
<div class="v-3cc">3cc</div>
<div class="v-3cf">3cf</div>
<div class="v-3f0">3f0</div>
<div class="v-3f3">3f3</div>
<div class="v-3f6">3f6</div>
<div class="v-3f9">3f9</div>
<div class="v-3fc">3fc</div>
<div class="v-3ff">3ff</div>
<div class="v-600">600</div>
<div class="v-603">603</div>
<div class="v-606">606</div>
<div class="v-609">609</div>
<div class="v-60c">60c</div>
<div class="v-60f">60f</div>
<div class="v-630">630</div>
<div class="v-633">633</div>
<div class="v-636">636</div>
<div class="v-639">639</div>
<div class="v-63c">63c</div>
<div class="v-63f">63f</div>
<div class="v-660">660</div>
<div class="v-663">663</div>
<div class="v-666">666</div>
<div class="v-669">669</div>
<div class="v-66c">66c</div>
<div class="v-66f">66f</div>
<div class="v-690">690</div>
<div class="v-693">693</div>
<div class="v-696">696</div>
<div class="v-699">699</div>
<div class="v-69c">69c</div>
<div class="v-69f">69f</div>
<div class="v-6c0">6c0</div>
<div class="v-6c3">6c3</div>
<div class="v-6c6">6c6</div>
<div class="v-6c9">6c9</div>
<div class="v-6cc">6cc</div>
<div class="v-6cf">6cf</div>
<div class="v-6f0">6f0</div>
<div class="v-6f3">6f3</div>
<div class="v-6f6">6f6</div>
<div class="v-6f9">6f9</div>
<div class="v-6fc">6fc</div>
<div class="v-6ff">6ff</div>
<div class="v-900">900</div>
<div class="v-903">903</div>
<div class="v-906">906</div>
<div class="v-909">909</div>
<div class="v-90c">90c</div>
<div class="v-90f">90f</div>
<div class="v-930">930</div>
<div class="v-933">933</div>
<div class="v-936">936</div>
<div class="v-939">939</div>
<div class="v-93c">93c</div>
<div class="v-93f">93f</div>
<div class="v-960">960</div>
<div class="v-963">963</div>
<div class="v-966">966</div>
<div class="v-969">969</div>
<div class="v-96c">96c</div>
<div class="v-96f">96f</div>
<div class="v-990">990</div>
<div class="v-993">993</div>
<div class="v-996">996</div>
<div class="v-999">999</div>
<div class="v-99c">99c</div>
<div class="v-99f">99f</div>
<div class="v-9c0">9c0</div>
<div class="v-9c3">9c3</div>
<div class="v-9c6">9c6</div>
<div class="v-9c9">9c9</div>
<div class="v-9cc">9cc</div>
<div class="v-9cf">9cf</div>
<div class="v-9f0">9f0</div>
<div class="v-9f3">9f3</div>
<div class="v-9f6">9f6</div>
<div class="v-9f9">9f9</div>
<div class="v-9fc">9fc</div>
<div class="v-9ff">9ff</div>
<div class="v-c00">c00</div>
<div class="v-c03">c03</div>
<div class="v-c06">c06</div>
<div class="v-c09">c09</div>
<div class="v-c0c">c0c</div>
<div class="v-c0f">c0f</div>
<div class="v-c30">c30</div>
<div class="v-c33">c33</div>
<div class="v-c36">c36</div>
<div class="v-c39">c39</div>
<div class="v-c3c">c3c</div>
<div class="v-c3f">c3f</div>
<div class="v-c60">c60</div>
<div class="v-c63">c63</div>
<div class="v-c66">c66</div>
<div class="v-c69">c69</div>
<div class="v-c6c">c6c</div>
<div class="v-c6f">c6f</div>
<div class="v-c90">c90</div>
<div class="v-c93">c93</div>
<div class="v-c96">c96</div>
<div class="v-c99">c99</div>
<div class="v-c9c">c9c</div>
<div class="v-c9f">c9f</div>
<div class="v-cc0">cc0</div>
<div class="v-cc3">cc3</div>
<div class="v-cc6">cc6</div>
<div class="v-cc9">cc9</div>
<div class="v-ccc">ccc</div>
<div class="v-ccf">ccf</div>
<div class="v-cf0">cf0</div>
<div class="v-cf3">cf3</div>
<div class="v-cf6">cf6</div>
<div class="v-cf9">cf9</div>
<div class="v-cfc">cfc</div>
<div class="v-cff">cff</div>
<div class="v-f00">f00</div>
<div class="v-f03">f03</div>
<div class="v-f06">f06</div>
<div class="v-f09">f09</div>
<div class="v-f0c">f0c</div>
<div class="v-f0f">f0f</div>
<div class="v-f30">f30</div>
<div class="v-f33">f33</div>
<div class="v-f36">f36</div>
<div class="v-f39">f39</div>
<div class="v-f3c">f3c</div>
<div class="v-f3f">f3f</div>
<div class="v-f60">f60</div>
<div class="v-f63">f63</div>
<div class="v-f66">f66</div>
<div class="v-f69">f69</div>
<div class="v-f6c">f6c</div>
<div class="v-f6f">f6f</div>
<div class="v-f90">f90</div>
<div class="v-f93">f93</div>
<div class="v-f96">f96</div>
<div class="v-f99">f99</div>
<div class="v-f9c">f9c</div>
<div class="v-f9f">f9f</div>
<div class="v-fc0">fc0</div>
<div class="v-fc3">fc3</div>
<div class="v-fc6">fc6</div>
<div class="v-fc9">fc9</div>
<div class="v-fcc">fcc</div>
<div class="v-fcf">fcf</div>
<div class="v-ff0">ff0</div>
<div class="v-ff3">ff3</div>
<div class="v-ff6">ff6</div>
<div class="v-ff9">ff9</div>
<div class="v-ffc">ffc</div>
<div class="v-fff">fff</div>
</body>
</html>
Raw
SassMeister-input.scss
// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----
@function colorVariationRange($colorOne, $percent){
@if (lightness($colorOne) > 50%) {
@return darken($colorOne, $percent);
} @else {
@return lighten($colorOne, $percent);
}
}
$color: #000;
.v-000{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #003;
.v-003{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #006;
.v-006{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #009;
.v-009{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #00c;
.v-00c{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #00f;
.v-00f{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #030;
.v-030{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #033;
.v-033{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #036;
.v-036{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #039;
.v-039{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #03c;
.v-03c{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #03f;
.v-03f{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #060;
.v-060{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #063;
.v-063{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #066;
.v-066{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #069;
.v-069{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #06c;
.v-06c{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #06f;
.v-06f{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #090;
.v-090{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #093;
.v-093{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #096;
.v-096{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #099;
.v-099{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #09c;
.v-09c{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #09f;
.v-09f{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #0c0;
.v-0c0{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #0c3;
.v-0c3{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #0c6;
.v-0c6{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #0c9;
.v-0c9{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #0cc;
.v-0cc{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #0cf;
.v-0cf{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #0f0;
.v-0f0{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #0f3;
.v-0f3{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #0f6;
.v-0f6{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #0f9;
.v-0f9{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #0fc;
.v-0fc{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #0ff;
.v-0ff{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #300;
.v-300{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #303;
.v-303{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #306;
.v-306{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #309;
.v-309{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #30c;
.v-30c{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #30f;
.v-30f{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #330;
.v-330{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #333;
.v-333{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #336;
.v-336{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #339;
.v-339{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #33c;
.v-33c{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #33f;
.v-33f{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #360;
.v-360{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #363;
.v-363{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #366;
.v-366{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #369;
.v-369{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #36c;
.v-36c{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #36f;
.v-36f{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #390;
.v-390{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #393;
.v-393{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #396;
.v-396{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #399;
.v-399{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #39c;
.v-39c{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #39f;
.v-39f{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #3c0;
.v-3c0{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #3c3;
.v-3c3{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #3c6;
.v-3c6{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #3c9;
.v-3c9{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #3cc;
.v-3cc{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #3cf;
.v-3cf{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #3f0;
.v-3f0{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #3f3;
.v-3f3{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #3f6;
.v-3f6{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #3f9;
.v-3f9{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #3fc;
.v-3fc{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #3ff;
.v-3ff{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #600;
.v-600{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #603;
.v-603{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #606;
.v-606{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #609;
.v-609{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #60c;
.v-60c{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #60f;
.v-60f{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #630;
.v-630{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #633;
.v-633{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #636;
.v-636{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #639;
.v-639{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #63c;
.v-63c{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #63f;
.v-63f{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #660;
.v-660{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #663;
.v-663{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #666;
.v-666{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #669;
.v-669{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #66c;
.v-66c{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #66f;
.v-66f{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #690;
.v-690{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #693;
.v-693{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #696;
.v-696{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #699;
.v-699{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #69c;
.v-69c{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #69f;
.v-69f{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #6c0;
.v-6c0{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #6c3;
.v-6c3{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #6c6;
.v-6c6{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #6c9;
.v-6c9{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #6cc;
.v-6cc{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #6cf;
.v-6cf{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #6f0;
.v-6f0{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #6f3;
.v-6f3{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #6f6;
.v-6f6{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #6f9;
.v-6f9{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #6fc;
.v-6fc{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #6ff;
.v-6ff{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #900;
.v-900{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #903;
.v-903{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #906;
.v-906{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #909;
.v-909{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #90c;
.v-90c{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #90f;
.v-90f{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #930;
.v-930{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #933;
.v-933{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #936;
.v-936{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #939;
.v-939{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #93c;
.v-93c{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #93f;
.v-93f{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #960;
.v-960{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #963;
.v-963{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #966;
.v-966{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #969;
.v-969{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #96c;
.v-96c{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #96f;
.v-96f{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #990;
.v-990{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #993;
.v-993{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #996;
.v-996{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #999;
.v-999{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #99c;
.v-99c{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #99f;
.v-99f{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #9c0;
.v-9c0{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #9c3;
.v-9c3{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #9c6;
.v-9c6{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #9c9;
.v-9c9{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #9cc;
.v-9cc{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #9cf;
.v-9cf{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #9f0;
.v-9f0{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #9f3;
.v-9f3{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #9f6;
.v-9f6{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #9f9;
.v-9f9{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #9fc;
.v-9fc{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #9ff;
.v-9ff{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #c00;
.v-c00{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #c03;
.v-c03{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #c06;
.v-c06{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #c09;
.v-c09{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #c0c;
.v-c0c{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #c0f;
.v-c0f{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #c30;
.v-c30{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #c33;
.v-c33{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #c36;
.v-c36{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #c39;
.v-c39{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #c3c;
.v-c3c{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #c3f;
.v-c3f{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #c60;
.v-c60{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #c63;
.v-c63{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #c66;
.v-c66{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #c69;
.v-c69{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #c6c;
.v-c6c{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #c6f;
.v-c6f{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #c90;
.v-c90{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #c93;
.v-c93{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #c96;
.v-c96{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #c99;
.v-c99{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #c9c;
.v-c9c{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #c9f;
.v-c9f{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #cc0;
.v-cc0{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #cc3;
.v-cc3{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #cc6;
.v-cc6{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #cc9;
.v-cc9{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #ccc;
.v-ccc{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #ccf;
.v-ccf{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #cf0;
.v-cf0{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #cf3;
.v-cf3{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #cf6;
.v-cf6{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #cf9;
.v-cf9{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #cfc;
.v-cfc{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #cff;
.v-cff{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #f00;
.v-f00{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #f03;
.v-f03{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #f06;
.v-f06{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #f09;
.v-f09{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #f0c;
.v-f0c{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #f0f;
.v-f0f{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #f30;
.v-f30{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #f33;
.v-f33{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #f36;
.v-f36{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #f39;
.v-f39{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #f3c;
.v-f3c{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #f3f;
.v-f3f{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #f60;
.v-f60{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #f63;
.v-f63{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #f66;
.v-f66{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #f69;
.v-f69{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #f6c;
.v-f6c{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #f6f;
.v-f6f{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #f90;
.v-f90{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #f93;
.v-f93{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #f96;
.v-f96{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #f99;
.v-f99{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #f9c;
.v-f9c{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #f9f;
.v-f9f{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #fc0;
.v-fc0{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #fc3;
.v-fc3{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #fc6;
.v-fc6{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #fc9;
.v-fc9{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #fcc;
.v-fcc{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #fcf;
.v-fcf{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #ff0;
.v-ff0{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #ff3;
.v-ff3{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #ff6;
.v-ff6{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #ff9;
.v-ff9{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #ffc;
.v-ffc{background-color: $color; color: colorVariationRange($color, 80%); }
$color: #fff;
.v-fff{background-color: $color; color: colorVariationRange($color, 80%); }
Raw
SassMeister-output.css
.v-000 {
background-color: black;
color: #cccccc;
}
.v-003 {
background-color: #000033;
color: #ccccff;
}
.v-006 {
background-color: #000066;
color: white;
}
.v-009 {
background-color: #000099;
color: white;
}
.v-00c {
background-color: #0000cc;
color: white;
}
.v-00f {
background-color: blue;
color: white;
}
.v-030 {
background-color: #003300;
color: #ccffcc;
}
.v-033 {
background-color: #003333;
color: #ccffff;
}
.v-036 {
background-color: #003366;
color: white;
}
.v-039 {
background-color: #003399;
color: white;
}
.v-03c {
background-color: #0033cc;
color: white;
}
.v-03f {
background-color: #0033ff;
color: white;
}
.v-060 {
background-color: #006600;
color: white;
}
.v-063 {
background-color: #006633;
color: white;
}
.v-066 {
background-color: #006666;
color: white;
}
.v-069 {
background-color: #006699;
color: white;
}
.v-06c {
background-color: #0066cc;
color: white;
}
.v-06f {
background-color: #0066ff;
color: white;
}
.v-090 {
background-color: #009900;
color: white;
}
.v-093 {
background-color: #009933;
color: white;
}
.v-096 {
background-color: #009966;
color: white;
}
.v-099 {
background-color: #009999;
color: white;
}
.v-09c {
background-color: #0099cc;
color: white;
}
.v-09f {
background-color: #0099ff;
color: white;
}
.v-0c0 {
background-color: #00cc00;
color: white;
}
.v-0c3 {
background-color: #00cc33;
color: white;
}
.v-0c6 {
background-color: #00cc66;
color: white;
}
.v-0c9 {
background-color: #00cc99;
color: white;
}
.v-0cc {
background-color: #00cccc;
color: white;
}
.v-0cf {
background-color: #00ccff;
color: white;
}
.v-0f0 {
background-color: lime;
color: white;
}
.v-0f3 {
background-color: #00ff33;
color: white;
}
.v-0f6 {
background-color: #00ff66;
color: white;
}
.v-0f9 {
background-color: #00ff99;
color: white;
}
.v-0fc {
background-color: #00ffcc;
color: white;
}
.v-0ff {
background-color: cyan;
color: white;
}
.v-300 {
background-color: #330000;
color: #ffcccc;
}
.v-303 {
background-color: #330033;
color: #ffccff;
}
.v-306 {
background-color: #330066;
color: white;
}
.v-309 {
background-color: #330099;
color: white;
}
.v-30c {
background-color: #3300cc;
color: white;
}
.v-30f {
background-color: #3300ff;
color: white;
}
.v-330 {
background-color: #333300;
color: #ffffcc;
}
.v-333 {
background-color: #333333;
color: white;
}
.v-336 {
background-color: #333366;
color: white;
}
.v-339 {
background-color: #333399;
color: white;
}
.v-33c {
background-color: #3333cc;
color: white;
}
.v-33f {
background-color: #3333ff;
color: black;
}
.v-360 {
background-color: #336600;
color: white;
}
.v-363 {
background-color: #336633;
color: white;
}
.v-366 {
background-color: #336666;
color: white;
}
.v-369 {
background-color: #336699;
color: white;
}
.v-36c {
background-color: #3366cc;
color: white;
}
.v-36f {
background-color: #3366ff;
color: black;
}
.v-390 {
background-color: #339900;
color: white;
}
.v-393 {
background-color: #339933;
color: white;
}
.v-396 {
background-color: #339966;
color: white;
}
.v-399 {
background-color: #339999;
color: white;
}
.v-39c {
background-color: #3399cc;
color: white;
}
.v-39f {
background-color: #3399ff;
color: black;
}
.v-3c0 {
background-color: #33cc00;
color: white;
}
.v-3c3 {
background-color: #33cc33;
color: white;
}
.v-3c6 {
background-color: #33cc66;
color: white;
}
.v-3c9 {
background-color: #33cc99;
color: white;
}
.v-3cc {
background-color: #33cccc;
color: white;
}
.v-3cf {
background-color: #33ccff;
color: black;
}
.v-3f0 {
background-color: #33ff00;
color: white;
}
.v-3f3 {
background-color: #33ff33;
color: black;
}
.v-3f6 {
background-color: #33ff66;
color: black;
}
.v-3f9 {
background-color: #33ff99;
color: black;
}
.v-3fc {
background-color: #33ffcc;
color: black;
}
.v-3ff {
background-color: #33ffff;
color: black;
}
.v-600 {
background-color: #660000;
color: white;
}
.v-603 {
background-color: #660033;
color: white;
}
.v-606 {
background-color: #660066;
color: white;
}
.v-609 {
background-color: #660099;
color: white;
}
.v-60c {
background-color: #6600cc;
color: white;
}
.v-60f {
background-color: #6600ff;
color: white;
}
.v-630 {
background-color: #663300;
color: white;
}
.v-633 {
background-color: #663333;
color: white;
}
.v-636 {
background-color: #663366;
color: white;
}
.v-639 {
background-color: #663399;
color: white;
}
.v-63c {
background-color: #6633cc;
color: white;
}
.v-63f {
background-color: #6633ff;
color: black;
}
.v-660 {
background-color: #666600;
color: white;
}
.v-663 {
background-color: #666633;
color: white;
}
.v-666 {
background-color: #666666;
color: white;
}
.v-669 {
background-color: #666699;
color: white;
}
.v-66c {
background-color: #6666cc;
color: black;
}
.v-66f {
background-color: #6666ff;
color: black;
}
.v-690 {
background-color: #669900;
color: white;
}
.v-693 {
background-color: #669933;
color: white;
}
.v-696 {
background-color: #669966;
color: white;
}
.v-699 {
background-color: #669999;
color: white;
}
.v-69c {
background-color: #6699cc;
color: black;
}
.v-69f {
background-color: #6699ff;
color: black;
}
.v-6c0 {
background-color: #66cc00;
color: white;
}
.v-6c3 {
background-color: #66cc33;
color: white;
}
.v-6c6 {
background-color: #66cc66;
color: black;
}
.v-6c9 {
background-color: #66cc99;
color: black;
}
.v-6cc {
background-color: #66cccc;
color: black;
}
.v-6cf {
background-color: #66ccff;
color: black;
}
.v-6f0 {
background-color: #66ff00;
color: white;
}
.v-6f3 {
background-color: #66ff33;
color: black;
}
.v-6f6 {
background-color: #66ff66;
color: black;
}
.v-6f9 {
background-color: #66ff99;
color: black;
}
.v-6fc {
background-color: #66ffcc;
color: black;
}
.v-6ff {
background-color: #66ffff;
color: black;
}
.v-900 {
background-color: #990000;
color: white;
}
.v-903 {
background-color: #990033;
color: white;
}
.v-906 {
background-color: #990066;
color: white;
}
.v-909 {
background-color: #990099;
color: white;
}
.v-90c {
background-color: #9900cc;
color: white;
}
.v-90f {
background-color: #9900ff;
color: white;
}
.v-930 {
background-color: #993300;
color: white;
}
.v-933 {
background-color: #993333;
color: white;
}
.v-936 {
background-color: #993366;
color: white;
}
.v-939 {
background-color: #993399;
color: white;
}
.v-93c {
background-color: #9933cc;
color: white;
}
.v-93f {
background-color: #9933ff;
color: black;
}
.v-960 {
background-color: #996600;
color: white;
}
.v-963 {
background-color: #996633;
color: white;
}
.v-966 {
background-color: #996666;
color: white;
}
.v-969 {
background-color: #996699;
color: white;
}
.v-96c {
background-color: #9966cc;
color: black;
}
.v-96f {
background-color: #9966ff;
color: black;
}
.v-990 {
background-color: #999900;
color: white;
}
.v-993 {
background-color: #999933;
color: white;
}
.v-996 {
background-color: #999966;
color: white;
}
.v-999 {
background-color: #999999;
color: black;
}
.v-99c {
background-color: #9999cc;
color: black;
}
.v-99f {
background-color: #9999ff;
color: black;
}
.v-9c0 {
background-color: #99cc00;
color: white;
}
.v-9c3 {
background-color: #99cc33;
color: white;
}
.v-9c6 {
background-color: #99cc66;
color: black;
}
.v-9c9 {
background-color: #99cc99;
color: black;
}
.v-9cc {
background-color: #99cccc;
color: black;
}
.v-9cf {
background-color: #99ccff;
color: black;
}
.v-9f0 {
background-color: #99ff00;
color: white;
}
.v-9f3 {
background-color: #99ff33;
color: black;
}
.v-9f6 {
background-color: #99ff66;
color: black;
}
.v-9f9 {
background-color: #99ff99;
color: black;
}
.v-9fc {
background-color: #99ffcc;
color: black;
}
.v-9ff {
background-color: #99ffff;
color: black;
}
.v-c00 {
background-color: #cc0000;
color: white;
}
.v-c03 {
background-color: #cc0033;
color: white;
}
.v-c06 {
background-color: #cc0066;
color: white;
}
.v-c09 {
background-color: #cc0099;
color: white;
}
.v-c0c {
background-color: #cc00cc;
color: white;
}
.v-c0f {
background-color: #cc00ff;
color: white;
}
.v-c30 {
background-color: #cc3300;
color: white;
}
.v-c33 {
background-color: #cc3333;
color: white;
}
.v-c36 {
background-color: #cc3366;
color: white;
}
.v-c39 {
background-color: #cc3399;
color: white;
}
.v-c3c {
background-color: #cc33cc;
color: white;
}
.v-c3f {
background-color: #cc33ff;
color: black;
}
.v-c60 {
background-color: #cc6600;
color: white;
}
.v-c63 {
background-color: #cc6633;
color: white;
}
.v-c66 {
background-color: #cc6666;
color: black;
}
.v-c69 {
background-color: #cc6699;
color: black;
}
.v-c6c {
background-color: #cc66cc;
color: black;
}
.v-c6f {
background-color: #cc66ff;
color: black;
}
.v-c90 {
background-color: #cc9900;
color: white;
}
.v-c93 {
background-color: #cc9933;
color: white;
}
.v-c96 {
background-color: #cc9966;
color: black;
}
.v-c99 {
background-color: #cc9999;
color: black;
}
.v-c9c {
background-color: #cc99cc;
color: black;
}
.v-c9f {
background-color: #cc99ff;
color: black;
}
.v-cc0 {
background-color: #cccc00;
color: white;
}
.v-cc3 {
background-color: #cccc33;
color: white;
}
.v-cc6 {
background-color: #cccc66;
color: black;
}
.v-cc9 {
background-color: #cccc99;
color: black;
}
.v-ccc {
background-color: #cccccc;
color: black;
}
.v-ccf {
background-color: #ccccff;
color: #000033;
}
.v-cf0 {
background-color: #ccff00;
color: white;
}
.v-cf3 {
background-color: #ccff33;
color: black;
}
.v-cf6 {
background-color: #ccff66;
color: black;
}
.v-cf9 {
background-color: #ccff99;
color: black;
}
.v-cfc {
background-color: #ccffcc;
color: #003300;
}
.v-cff {
background-color: #ccffff;
color: #003333;
}
.v-f00 {
background-color: red;
color: white;
}
.v-f03 {
background-color: #ff0033;
color: white;
}
.v-f06 {
background-color: #ff0066;
color: white;
}
.v-f09 {
background-color: #ff0099;
color: white;
}
.v-f0c {
background-color: #ff00cc;
color: white;
}
.v-f0f {
background-color: magenta;
color: white;
}
.v-f30 {
background-color: #ff3300;
color: white;
}
.v-f33 {
background-color: #ff3333;
color: black;
}
.v-f36 {
background-color: #ff3366;
color: black;
}
.v-f39 {
background-color: #ff3399;
color: black;
}
.v-f3c {
background-color: #ff33cc;
color: black;
}
.v-f3f {
background-color: #ff33ff;
color: black;
}
.v-f60 {
background-color: #ff6600;
color: white;
}
.v-f63 {
background-color: #ff6633;
color: black;
}
.v-f66 {
background-color: #ff6666;
color: black;
}
.v-f69 {
background-color: #ff6699;
color: black;
}
.v-f6c {
background-color: #ff66cc;
color: black;
}
.v-f6f {
background-color: #ff66ff;
color: black;
}
.v-f90 {
background-color: #ff9900;
color: white;
}
.v-f93 {
background-color: #ff9933;
color: black;
}
.v-f96 {
background-color: #ff9966;
color: black;
}
.v-f99 {
background-color: #ff9999;
color: black;
}
.v-f9c {
background-color: #ff99cc;
color: black;
}
.v-f9f {
background-color: #ff99ff;
color: black;
}
.v-fc0 {
background-color: #ffcc00;
color: white;
}
.v-fc3 {
background-color: #ffcc33;
color: black;
}
.v-fc6 {
background-color: #ffcc66;
color: black;
}
.v-fc9 {
background-color: #ffcc99;
color: black;
}
.v-fcc {
background-color: #ffcccc;
color: #330000;
}
.v-fcf {
background-color: #ffccff;
color: #330033;
}
.v-ff0 {
background-color: yellow;
color: white;
}
.v-ff3 {
background-color: #ffff33;
color: black;
}
.v-ff6 {
background-color: #ffff66;
color: black;
}
.v-ff9 {
background-color: #ffff99;
color: black;
}
.v-ffc {
background-color: #ffffcc;
color: #333300;
}
.v-fff {
background-color: white;
color: #333333;
}
Raw
SassMeister-rendered.html
<html>
<head>
<link rel="stylesheet" href="brute.css">
<style>
div {
width: 100px;
float: left;
height: 20px;
font-size: small;
}
</style>
</head>
<body>
<div class="v-000">000</div>
<div class="v-003">003</div>
<div class="v-006">006</div>
<div class="v-009">009</div>
<div class="v-00c">00c</div>
<div class="v-00f">00f</div>
<div class="v-030">030</div>
<div class="v-033">033</div>
<div class="v-036">036</div>
<div class="v-039">039</div>
<div class="v-03c">03c</div>
<div class="v-03f">03f</div>
<div class="v-060">060</div>
<div class="v-063">063</div>
<div class="v-066">066</div>
<div class="v-069">069</div>
<div class="v-06c">06c</div>
<div class="v-06f">06f</div>
<div class="v-090">090</div>
<div class="v-093">093</div>
<div class="v-096">096</div>
<div class="v-099">099</div>
<div class="v-09c">09c</div>
<div class="v-09f">09f</div>
<div class="v-0c0">0c0</div>
<div class="v-0c3">0c3</div>
<div class="v-0c6">0c6</div>
<div class="v-0c9">0c9</div>
<div class="v-0cc">0cc</div>
<div class="v-0cf">0cf</div>
<div class="v-0f0">0f0</div>
<div class="v-0f3">0f3</div>
<div class="v-0f6">0f6</div>
<div class="v-0f9">0f9</div>
<div class="v-0fc">0fc</div>
<div class="v-0ff">0ff</div>
<div class="v-300">300</div>
<div class="v-303">303</div>
<div class="v-306">306</div>
<div class="v-309">309</div>
<div class="v-30c">30c</div>
<div class="v-30f">30f</div>
<div class="v-330">330</div>
<div class="v-333">333</div>
<div class="v-336">336</div>
<div class="v-339">339</div>
<div class="v-33c">33c</div>
<div class="v-33f">33f</div>
<div class="v-360">360</div>
<div class="v-363">363</div>
<div class="v-366">366</div>
<div class="v-369">369</div>
<div class="v-36c">36c</div>
<div class="v-36f">36f</div>
<div class="v-390">390</div>
<div class="v-393">393</div>
<div class="v-396">396</div>
<div class="v-399">399</div>
<div class="v-39c">39c</div>
<div class="v-39f">39f</div>
<div class="v-3c0">3c0</div>
<div class="v-3c3">3c3</div>
<div class="v-3c6">3c6</div>
<div class="v-3c9">3c9</div>
<div class="v-3cc">3cc</div>
<div class="v-3cf">3cf</div>
<div class="v-3f0">3f0</div>
<div class="v-3f3">3f3</div>
<div class="v-3f6">3f6</div>
<div class="v-3f9">3f9</div>
<div class="v-3fc">3fc</div>
<div class="v-3ff">3ff</div>
<div class="v-600">600</div>
<div class="v-603">603</div>
<div class="v-606">606</div>
<div class="v-609">609</div>
<div class="v-60c">60c</div>
<div class="v-60f">60f</div>
<div class="v-630">630</div>
<div class="v-633">633</div>
<div class="v-636">636</div>
<div class="v-639">639</div>
<div class="v-63c">63c</div>
<div class="v-63f">63f</div>
<div class="v-660">660</div>
<div class="v-663">663</div>
<div class="v-666">666</div>
<div class="v-669">669</div>
<div class="v-66c">66c</div>
<div class="v-66f">66f</div>
<div class="v-690">690</div>
<div class="v-693">693</div>
<div class="v-696">696</div>
<div class="v-699">699</div>
<div class="v-69c">69c</div>
<div class="v-69f">69f</div>
<div class="v-6c0">6c0</div>
<div class="v-6c3">6c3</div>
<div class="v-6c6">6c6</div>
<div class="v-6c9">6c9</div>
<div class="v-6cc">6cc</div>
<div class="v-6cf">6cf</div>
<div class="v-6f0">6f0</div>
<div class="v-6f3">6f3</div>
<div class="v-6f6">6f6</div>
<div class="v-6f9">6f9</div>
<div class="v-6fc">6fc</div>
<div class="v-6ff">6ff</div>
<div class="v-900">900</div>
<div class="v-903">903</div>
<div class="v-906">906</div>
<div class="v-909">909</div>
<div class="v-90c">90c</div>
<div class="v-90f">90f</div>
<div class="v-930">930</div>
<div class="v-933">933</div>
<div class="v-936">936</div>
<div class="v-939">939</div>
<div class="v-93c">93c</div>
<div class="v-93f">93f</div>
<div class="v-960">960</div>
<div class="v-963">963</div>
<div class="v-966">966</div>
<div class="v-969">969</div>
<div class="v-96c">96c</div>
<div class="v-96f">96f</div>
<div class="v-990">990</div>
<div class="v-993">993</div>
<div class="v-996">996</div>
<div class="v-999">999</div>
<div class="v-99c">99c</div>
<div class="v-99f">99f</div>
<div class="v-9c0">9c0</div>
<div class="v-9c3">9c3</div>
<div class="v-9c6">9c6</div>
<div class="v-9c9">9c9</div>
<div class="v-9cc">9cc</div>
<div class="v-9cf">9cf</div>
<div class="v-9f0">9f0</div>
<div class="v-9f3">9f3</div>
<div class="v-9f6">9f6</div>
<div class="v-9f9">9f9</div>
<div class="v-9fc">9fc</div>
<div class="v-9ff">9ff</div>
<div class="v-c00">c00</div>
<div class="v-c03">c03</div>
<div class="v-c06">c06</div>
<div class="v-c09">c09</div>
<div class="v-c0c">c0c</div>
<div class="v-c0f">c0f</div>
<div class="v-c30">c30</div>
<div class="v-c33">c33</div>
<div class="v-c36">c36</div>
<div class="v-c39">c39</div>
<div class="v-c3c">c3c</div>
<div class="v-c3f">c3f</div>
<div class="v-c60">c60</div>
<div class="v-c63">c63</div>
<div class="v-c66">c66</div>
<div class="v-c69">c69</div>
<div class="v-c6c">c6c</div>
<div class="v-c6f">c6f</div>
<div class="v-c90">c90</div>
<div class="v-c93">c93</div>
<div class="v-c96">c96</div>
<div class="v-c99">c99</div>
<div class="v-c9c">c9c</div>
<div class="v-c9f">c9f</div>
<div class="v-cc0">cc0</div>
<div class="v-cc3">cc3</div>
<div class="v-cc6">cc6</div>
<div class="v-cc9">cc9</div>
<div class="v-ccc">ccc</div>
<div class="v-ccf">ccf</div>
<div class="v-cf0">cf0</div>
<div class="v-cf3">cf3</div>
<div class="v-cf6">cf6</div>
<div class="v-cf9">cf9</div>
<div class="v-cfc">cfc</div>
<div class="v-cff">cff</div>
<div class="v-f00">f00</div>
<div class="v-f03">f03</div>
<div class="v-f06">f06</div>
<div class="v-f09">f09</div>
<div class="v-f0c">f0c</div>
<div class="v-f0f">f0f</div>
<div class="v-f30">f30</div>
<div class="v-f33">f33</div>
<div class="v-f36">f36</div>
<div class="v-f39">f39</div>
<div class="v-f3c">f3c</div>
<div class="v-f3f">f3f</div>
<div class="v-f60">f60</div>
<div class="v-f63">f63</div>
<div class="v-f66">f66</div>
<div class="v-f69">f69</div>
<div class="v-f6c">f6c</div>
<div class="v-f6f">f6f</div>
<div class="v-f90">f90</div>
<div class="v-f93">f93</div>
<div class="v-f96">f96</div>
<div class="v-f99">f99</div>
<div class="v-f9c">f9c</div>
<div class="v-f9f">f9f</div>
<div class="v-fc0">fc0</div>
<div class="v-fc3">fc3</div>
<div class="v-fc6">fc6</div>
<div class="v-fc9">fc9</div>
<div class="v-fcc">fcc</div>
<div class="v-fcf">fcf</div>
<div class="v-ff0">ff0</div>
<div class="v-ff3">ff3</div>
<div class="v-ff6">ff6</div>
<div class="v-ff9">ff9</div>
<div class="v-ffc">ffc</div>
<div class="v-fff">fff</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment