diff --git a/docs/flavors.html b/docs/flavors.html
index c25ba6b..78d432d 100644
--- a/docs/flavors.html
+++ b/docs/flavors.html
@@ -44,6 +44,10 @@
       }
       [class^='col-'] .card.fluid { margin: 2px 0 20px; }
       /* Local classes and ids for this page */
+      h2 > a{
+        font-size: 1rem;
+        float: right;
+      }
       .box-left { text-align: left; }
       .fore-primary { color: #0d47a1; font-family: monospace, monospace; }
       .fore-secondary { color: #b71c1c; font-family: monospace, monospace; }
@@ -78,19 +82,37 @@
         <div class="col-sm">
           <h1>Flavors</h1>
           <p>One of the core ideas behind <strong>mini.css</strong> is its flavor system. A flavor is the final compiled stylesheet a website or web app uses. When you start using <strong>mini.css</strong>, you usually try out the default flavor, using the following reference inside your HTML page's <code>&lt;head&gt;</code> tag:</p>
-        <pre>&lt;<span class="fore-tertiary">link</span> <span class="fore-secondary">rel</span>=<span class="fore-primary">&quot;stylesheet&quot;</span> <span class="fore-secondary">href</span>=<span class="fore-primary">&quot;https://cdn.rawgit.com/Chalarangelo/mini.css/v2.0.1/dist/mini-default.min.css&quot;</span>&gt;</pre><br>
+        <pre>&lt;<span class="fore-tertiary">link</span> <span class="fore-secondary">rel</span>=<span class="fore-primary">&quot;stylesheet&quot;</span> <span class="fore-secondary">href</span>=<span class="fore-primary">&quot;https://cdn.rawgit.com/Chalarangelo/mini.css/v2.0.2/dist/mini-default.min.css&quot;</span>&gt;</pre><br>
         <p>There are, however a handful of other flavors included with <strong>mini.css</strong>. Below, you can see a full list of them:</p><br>
         <ul style="margin-left:0px; padding-left: 10px">
           <li class="card fluid">
             <h2 class="section double-padded">Default <small>mini-default</small></h2>
-            <pre class="section double-padded" style="border-left:0; box-shadow: none;">&lt;<span class="fore-tertiary">link</span> <span class="fore-secondary">rel</span>=<span class="fore-primary">&quot;stylesheet&quot;</span> <span class="fore-secondary">href</span>=<span class="fore-primary">&quot;https://cdn.rawgit.com/Chalarangelo/mini.css/v2.0.1/dist/mini-default.min.css&quot;</span>&gt;</pre>
+            <pre class="section double-padded" style="border-left:0; box-shadow: none;">&lt;<span class="fore-tertiary">link</span> <span class="fore-secondary">rel</span>=<span class="fore-primary">&quot;stylesheet&quot;</span> <span class="fore-secondary">href</span>=<span class="fore-primary">&quot;https://cdn.rawgit.com/Chalarangelo/mini.css/v2.0.2/dist/mini-default.min.css&quot;</span>&gt;</pre>
             <p class="section double-padded">The default flavor for <strong>mini.css</strong> uses a light gray background and gray-black foreground color. Certain containers, such as cards and tabs use white-gray backgrounds. The grid system has 12 columns and most of the components and modules use sharp corners with blurred shadows to give it a material-like design. All of the colors used in this flavor are based on <a href="https://material.google.com/style/color.html">Google's Material design color palette</a>.</p>
+            <div class="section double-padded">
+              <p><strong>Author:</strong> <a href="https://github.com/Chalarangelo">Chalarangelo</a></p>
+              <p><strong>Latest version:</strong> v2.0.2</p>
+              <p><strong>Size:</strong> 7 KB</p>
+              </p>
+            </div>
           </li>
 
           <li class="card fluid">
             <h2 class="section double-padded">Classic <small>mini-classic</small></h2>
             <p class="section double-padded">Simpler, lighter version of the default flavor. Coming soon...</p>
           </li>
+
+          <li class="card fluid">
+            <h2 class="section double-padded">Sucroa <a href="http://codepen.io/chalarangelo/pen/YNKYgz" target="_blank" class="button small"><i class="fa fa-codepen" aria-hidden="true"></i>&nbsp;View on Codepen</a><small>mini-sucroa</small></h2>
+            <pre class="section double-padded" style="border-left:0; box-shadow: none;">&lt;<span class="fore-tertiary">link</span> <span class="fore-secondary">rel</span>=<span class="fore-primary">&quot;stylesheet&quot;</span> <span class="fore-secondary">href</span>=<span class="fore-primary">&quot;https://cdn.rawgit.com/Chalarangelo/mini.css/v2.0.2/dist/mini-sucroa.min.css&quot;</span>&gt;</pre>
+            <p class="section double-padded">Sucroa is a full flavor that uses a yellow-pink-lilac background color palette with dark purple-black foreground colors. It uses the default naming conventions (<code>.primary</code>, <code>.secondary</code> etc.). The grid system has 12 columns and most components use soft shadows combined with rounded corners. The card module's <code>.dark</code> and <code>.darker</code> classes have been replaced by the <code>.light</code> and <code>.lighter</code> classes respectively. Finally, <code>.animated</code> alerts are not available.</p>
+            <div class="section double-padded">
+              <p><strong>Author:</strong> <a href="https://github.com/AngieDaskalakis">Angeliki Daskalakis</a></p>
+              <p><strong>Latest version:</strong> v2.0.2</p>
+              <p><strong>Size:</strong> 7 KB</p>
+              </p>
+            </div>
+          </li>
         </ul>
         <p>If you would rather modify one of the pre-defined flavors or create your own, check out our <a href="customization.html">customization</a> page for instructions.</p>
         </div>
diff --git a/docs/v2/DEVLOG.md b/docs/v2/DEVLOG.md
index 7fd10e4..7cb5e01 100644
--- a/docs/v2/DEVLOG.md
+++ b/docs/v2/DEVLOG.md
@@ -714,3 +714,16 @@
 - *TODO* Update the live version sheets to use the v2.0.2 sheet, update all the references in live demo, update the flavors page.
 - *TODO* Update the live version local sheets to use the new colors whenever needed.
 - *TODO* New flavor with girlfriend.
+
+## 20161231
+
+- GF worked on `sucroa` flavor.
+
+## 20170101
+
+- GF finished `sucroa` flavor.
+
+## 20170102
+
+- Merged pull request for `sucroa` flavor.
+- Documented `sucroa` flavor in `flavors.html`.