Create 0.2.1

CHANGELOG.md

@@ -5,6 +5,7 @@
 * Fix: container flex
 * Fix: nav-item flex
 * Fix: media-number flex
+* Fix: new brand colors
 
 ## 0.2.0
 

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "bulma",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "homepage": "http://bulma.io",
   "authors": [
     "jgthms <bbxdesign@gmail.com>"

css/bulma.css

@@ -150,7 +150,7 @@ body {
 }
 
 a {
-  color: #11e4c4;
+  color: #00d1b2;
   cursor: pointer;
   text-decoration: none;
   -webkit-transition: none 86ms ease-out;
@@ -163,7 +163,7 @@ a:hover {
 
 code {
   background-color: whitesmoke;
-  color: #ff0f3f;
+  color: #ff3860;
   font-size: 12px;
   font-weight: normal;
   padding: 1px 2px 2px;
@@ -619,11 +619,11 @@ table th {
 }
 
 a.box:hover, a.box:focus {
-  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #11e4c4;
+  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2;
 }
 
 a.box:active {
-  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #11e4c4;
+  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2;
 }
 
 @keyframes spin-around {
@@ -680,7 +680,7 @@ a.box:active {
 }
 
 .button:active, .button:focus, .button.is-active {
-  border-color: #11e4c4;
+  border-color: #00d1b2;
   outline: none;
 }
 
@@ -891,20 +891,20 @@ a.box:active {
 }
 
 .button.is-primary {
-  background-color: #11e4c4;
+  background-color: #00d1b2;
   border-width: 0;
   color: white;
 }
 
 .button.is-primary:hover, .button.is-primary:focus, .button.is-primary.is-active {
-  background-color: #0fccb0;
+  background-color: #00b89c;
   border-color: transparent;
   color: white;
 }
 
 .button.is-primary.is-inverted {
   background-color: white;
-  color: #11e4c4;
+  color: #00d1b2;
 }
 
 .button.is-primary.is-inverted:hover {
@@ -917,32 +917,32 @@ a.box:active {
 
 .button.is-primary.is-outlined {
   background-color: transparent;
-  border-color: #11e4c4;
+  border-color: #00d1b2;
   border-width: 1px;
-  color: #11e4c4;
+  color: #00d1b2;
 }
 
 .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
-  background-color: #11e4c4;
-  border-color: #11e4c4;
+  background-color: #00d1b2;
+  border-color: #00d1b2;
   color: white;
 }
 
 .button.is-info {
-  background-color: #0f6bff;
+  background-color: #3273dc;
   border-width: 0;
   color: white;
 }
 
 .button.is-info:hover, .button.is-info:focus, .button.is-info.is-active {
-  background-color: #005ef5;
+  background-color: #2366d1;
   border-color: transparent;
   color: white;
 }
 
 .button.is-info.is-inverted {
   background-color: white;
-  color: #0f6bff;
+  color: #3273dc;
 }
 
 .button.is-info.is-inverted:hover {
@@ -955,32 +955,32 @@ a.box:active {
 
 .button.is-info.is-outlined {
   background-color: transparent;
-  border-color: #0f6bff;
+  border-color: #3273dc;
   border-width: 1px;
-  color: #0f6bff;
+  color: #3273dc;
 }
 
 .button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus {
-  background-color: #0f6bff;
-  border-color: #0f6bff;
+  background-color: #3273dc;
+  border-color: #3273dc;
   color: white;
 }
 
 .button.is-success {
-  background-color: #20ee68;
+  background-color: #23d160;
   border-width: 0;
   color: white;
 }
 
 .button.is-success:hover, .button.is-success:focus, .button.is-success.is-active {
-  background-color: #11e45b;
+  background-color: #20bc56;
   border-color: transparent;
   color: white;
 }
 
 .button.is-success.is-inverted {
   background-color: white;
-  color: #20ee68;
+  color: #23d160;
 }
 
 .button.is-success.is-inverted:hover {
@@ -993,32 +993,32 @@ a.box:active {
 
 .button.is-success.is-outlined {
   background-color: transparent;
-  border-color: #20ee68;
+  border-color: #23d160;
   border-width: 1px;
-  color: #20ee68;
+  color: #23d160;
 }
 
 .button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus {
-  background-color: #20ee68;
-  border-color: #20ee68;
+  background-color: #23d160;
+  border-color: #23d160;
   color: white;
 }
 
 .button.is-warning {
-  background-color: #ffcf0f;
+  background-color: #ffdd57;
   border-width: 0;
   color: rgba(0, 0, 0, 0.7);
 }
 
 .button.is-warning:hover, .button.is-warning:focus, .button.is-warning.is-active {
-  background-color: #f5c400;
+  background-color: #ffd83d;
   border-color: transparent;
   color: rgba(0, 0, 0, 0.7);
 }
 
 .button.is-warning.is-inverted {
   background-color: rgba(0, 0, 0, 0.7);
-  color: #ffcf0f;
+  color: #ffdd57;
 }
 
 .button.is-warning.is-inverted:hover {
@@ -1031,32 +1031,32 @@ a.box:active {
 
 .button.is-warning.is-outlined {
   background-color: transparent;
-  border-color: #ffcf0f;
+  border-color: #ffdd57;
   border-width: 1px;
-  color: #ffcf0f;
+  color: #ffdd57;
 }
 
 .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus {
-  background-color: #ffcf0f;
-  border-color: #ffcf0f;
+  background-color: #ffdd57;
+  border-color: #ffdd57;
   color: rgba(0, 0, 0, 0.7);
 }
 
 .button.is-danger {
-  background-color: #ff0f3f;
+  background-color: #ff3860;
   border-width: 0;
   color: white;
 }
 
 .button.is-danger:hover, .button.is-danger:focus, .button.is-danger.is-active {
-  background-color: #f50031;
+  background-color: #ff1f4b;
   border-color: transparent;
   color: white;
 }
 
 .button.is-danger.is-inverted {
   background-color: white;
-  color: #ff0f3f;
+  color: #ff3860;
 }
 
 .button.is-danger.is-inverted:hover {
@@ -1069,14 +1069,14 @@ a.box:active {
 
 .button.is-danger.is-outlined {
   background-color: transparent;
-  border-color: #ff0f3f;
+  border-color: #ff3860;
   border-width: 1px;
-  color: #ff0f3f;
+  color: #ff3860;
 }
 
 .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus {
-  background-color: #ff0f3f;
-  border-color: #ff0f3f;
+  background-color: #ff3860;
+  border-color: #ff3860;
   color: white;
 }
 
@@ -1168,7 +1168,7 @@ a.box:active {
 }
 
 .content a:not(.button):hover {
-  border-bottom-color: #11e4c4;
+  border-bottom-color: #00d1b2;
 }
 
 .content li + li {
@@ -1329,7 +1329,7 @@ a.box:active {
 .textarea:active,
 .textarea:focus,
 .textarea.is-active {
-  border-color: #11e4c4;
+  border-color: #00d1b2;
   outline: none;
 }
 
@@ -1388,27 +1388,27 @@ a.box:active {
 
 .input.is-primary,
 .textarea.is-primary {
-  border-color: #11e4c4;
+  border-color: #00d1b2;
 }
 
 .input.is-info,
 .textarea.is-info {
-  border-color: #0f6bff;
+  border-color: #3273dc;
 }
 
 .input.is-success,
 .textarea.is-success {
-  border-color: #20ee68;
+  border-color: #23d160;
 }
 
 .input.is-warning,
 .textarea.is-warning {
-  border-color: #ffcf0f;
+  border-color: #ffdd57;
 }
 
 .input.is-danger,
 .textarea.is-danger {
-  border-color: #ff0f3f;
+  border-color: #ff3860;
 }
 
 .input[type="search"],
@@ -1542,7 +1542,7 @@ a.box:active {
 }
 
 .select select:active, .select select:focus, .select select.is-active {
-  border-color: #11e4c4;
+  border-color: #00d1b2;
   outline: none;
 }
 
@@ -1586,23 +1586,23 @@ a.box:active {
 }
 
 .select select.is-primary {
-  border-color: #11e4c4;
+  border-color: #00d1b2;
 }
 
 .select select.is-info {
-  border-color: #0f6bff;
+  border-color: #3273dc;
 }
 
 .select select.is-success {
-  border-color: #20ee68;
+  border-color: #23d160;
 }
 
 .select select.is-warning {
-  border-color: #ffcf0f;
+  border-color: #ffdd57;
 }
 
 .select select.is-danger {
-  border-color: #ff0f3f;
+  border-color: #ff3860;
 }
 
 .select select:hover {
@@ -1622,7 +1622,7 @@ a.box:active {
 }
 
 .select:after {
-  border: 1px solid #11e4c4;
+  border: 1px solid #00d1b2;
   border-right: 0;
   border-top: 0;
   content: " ";
@@ -1715,23 +1715,23 @@ a.box:active {
 }
 
 .help.is-primary {
-  color: #11e4c4;
+  color: #00d1b2;
 }
 
 .help.is-info {
-  color: #0f6bff;
+  color: #3273dc;
 }
 
 .help.is-success {
-  color: #20ee68;
+  color: #23d160;
 }
 
 .help.is-warning {
-  color: #ffcf0f;
+  color: #ffdd57;
 }
 
 .help.is-danger {
-  color: #ff0f3f;
+  color: #ff3860;
 }
 
 @media screen and (max-width: 768px) {
@@ -2168,27 +2168,27 @@ a.box:active {
 }
 
 .notification.is-primary {
-  background-color: #11e4c4;
+  background-color: #00d1b2;
   color: white;
 }
 
 .notification.is-info {
-  background-color: #0f6bff;
+  background-color: #3273dc;
   color: white;
 }
 
 .notification.is-success {
-  background-color: #20ee68;
+  background-color: #23d160;
   color: white;
 }
 
 .notification.is-warning {
-  background-color: #ffcf0f;
+  background-color: #ffdd57;
   color: rgba(0, 0, 0, 0.7);
 }
 
 .notification.is-danger {
-  background-color: #ff0f3f;
+  background-color: #ff3860;
   color: white;
 }
 
@@ -2253,43 +2253,43 @@ a.box:active {
 }
 
 .progress.is-primary::-webkit-progress-value {
-  background-color: #11e4c4;
+  background-color: #00d1b2;
 }
 
 .progress.is-primary::-moz-progress-bar {
-  background-color: #11e4c4;
+  background-color: #00d1b2;
 }
 
 .progress.is-info::-webkit-progress-value {
-  background-color: #0f6bff;
+  background-color: #3273dc;
 }
 
 .progress.is-info::-moz-progress-bar {
-  background-color: #0f6bff;
+  background-color: #3273dc;
 }
 
 .progress.is-success::-webkit-progress-value {
-  background-color: #20ee68;
+  background-color: #23d160;
 }
 
 .progress.is-success::-moz-progress-bar {
-  background-color: #20ee68;
+  background-color: #23d160;
 }
 
 .progress.is-warning::-webkit-progress-value {
-  background-color: #ffcf0f;
+  background-color: #ffdd57;
 }
 
 .progress.is-warning::-moz-progress-bar {
-  background-color: #ffcf0f;
+  background-color: #ffdd57;
 }
 
 .progress.is-danger::-webkit-progress-value {
-  background-color: #ff0f3f;
+  background-color: #ff3860;
 }
 
 .progress.is-danger::-moz-progress-bar {
-  background-color: #ff0f3f;
+  background-color: #ff3860;
 }
 
 .progress.is-small {
@@ -2372,7 +2372,7 @@ a.box:active {
 
 .table td.is-link > a:hover,
 .table th.is-link > a:hover {
-  background-color: #11e4c4;
+  background-color: #00d1b2;
   color: white;
 }
 
@@ -2907,27 +2907,27 @@ a.box:active {
 }
 
 .tag.is-primary {
-  background-color: #11e4c4;
+  background-color: #00d1b2;
   color: white;
 }
 
 .tag.is-info {
-  background-color: #0f6bff;
+  background-color: #3273dc;
   color: white;
 }
 
 .tag.is-success {
-  background-color: #20ee68;
+  background-color: #23d160;
   color: white;
 }
 
 .tag.is-warning {
-  background-color: #ffcf0f;
+  background-color: #ffdd57;
   color: rgba(0, 0, 0, 0.7);
 }
 
 .tag.is-danger {
-  background-color: #ff0f3f;
+  background-color: #ff3860;
   color: white;
 }
 
@@ -3415,6 +3415,16 @@ a.box:active {
   }
 }
 
+.media-number,
+.media-left,
+.media-right {
+  -webkit-box-flex: 0;
+      -ms-flex-positive: 0;
+          flex-grow: 0;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+}
+
 .media-number {
   background-color: whitesmoke;
   border-radius: 290486px;
@@ -3422,24 +3432,13 @@ a.box:active {
   font-size: 18px;
   height: 32px;
   line-height: 24px;
+  margin-right: 10px;
   min-width: 32px;
   padding: 4px 8px;
   text-align: center;
   vertical-align: top;
 }
 
-@media screen and (max-width: 768px) {
-  .media-number {
-    margin-bottom: 10px;
-  }
-}
-
-@media screen and (min-width: 769px) {
-  .media-number {
-    margin-right: 10px;
-  }
-}
-
 .media-left {
   margin-right: 10px;
 }
@@ -3523,11 +3522,11 @@ a.box:active {
 
 .menu-list a:hover {
   background-color: whitesmoke;
-  color: #11e4c4;
+  color: #00d1b2;
 }
 
 .menu-list a.is-active {
-  background-color: #11e4c4;
+  background-color: #00d1b2;
   color: white;
 }
 
@@ -3641,44 +3640,44 @@ a.box:active {
 }
 
 .message.is-primary {
-  background-color: #ecfefb;
+  background-color: #ebfffc;
 }
 
 .message.is-primary .message-header {
-  background-color: #11e4c4;
+  background-color: #00d1b2;
   color: white;
 }
 
 .message.is-primary .message-body {
-  border-color: #11e4c4;
+  border-color: #00d1b2;
   color: gray;
 }
 
 .message.is-info {
-  background-color: #ebf2ff;
+  background-color: #eef3fc;
 }
 
 .message.is-info .message-header {
-  background-color: #0f6bff;
+  background-color: #3273dc;
   color: white;
 }
 
 .message.is-info .message-body {
-  border-color: #0f6bff;
+  border-color: #3273dc;
   color: gray;
 }
 
 .message.is-success {
-  background-color: #ecfef2;
+  background-color: #eefcf3;
 }
 
 .message.is-success .message-header {
-  background-color: #20ee68;
+  background-color: #23d160;
   color: white;
 }
 
 .message.is-success .message-body {
-  border-color: #20ee68;
+  border-color: #23d160;
   color: gray;
 }
 
@@ -3687,12 +3686,12 @@ a.box:active {
 }
 
 .message.is-warning .message-header {
-  background-color: #ffcf0f;
+  background-color: #ffdd57;
   color: rgba(0, 0, 0, 0.7);
 }
 
 .message.is-warning .message-body {
-  border-color: #ffcf0f;
+  border-color: #ffdd57;
   color: gray;
 }
 
@@ -3701,12 +3700,12 @@ a.box:active {
 }
 
 .message.is-danger .message-header {
-  background-color: #ff0f3f;
+  background-color: #ff3860;
   color: white;
 }
 
 .message.is-danger .message-body {
-  border-color: #ff0f3f;
+  border-color: #ff3860;
   color: gray;
 }
 
@@ -3962,7 +3961,7 @@ a.box:active {
 }
 
 .nav-toggle.is-active span {
-  background-color: #11e4c4;
+  background-color: #00d1b2;
 }
 
 .nav-toggle.is-active span:nth-child(1) {
@@ -3998,6 +3997,11 @@ a.box:active {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  -webkit-box-flex: 0;
+      -ms-flex-positive: 0;
+          flex-grow: 0;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
@@ -4061,15 +4065,15 @@ a.nav-item.is-tab {
 
 .nav-item a.is-tab:hover,
 a.nav-item.is-tab:hover {
-  border-bottom: 1px solid #11e4c4;
+  border-bottom: 1px solid #00d1b2;
   border-top: 1px solid transparent;
 }
 
 .nav-item a.is-tab.is-active,
 a.nav-item.is-tab.is-active {
-  border-bottom: 3px solid #11e4c4;
+  border-bottom: 3px solid #00d1b2;
   border-top: 3px solid transparent;
-  color: #11e4c4;
+  color: #00d1b2;
 }
 
 @media screen and (max-width: 768px) {
@@ -4338,7 +4342,7 @@ a.nav-item.is-tab.is-active {
 }
 
 .panel-list a:hover {
-  color: #11e4c4;
+  color: #00d1b2;
 }
 
 .panel-tabs {
@@ -4454,8 +4458,8 @@ a.panel-block:hover {
 }
 
 .tabs li.is-active a {
-  border-bottom-color: #11e4c4;
-  color: #11e4c4;
+  border-bottom-color: #00d1b2;
+  color: #00d1b2;
 }
 
 .tabs ul {
@@ -4571,8 +4575,8 @@ a.panel-block:hover {
 }
 
 .tabs.is-toggle li.is-active a {
-  background-color: #11e4c4;
-  border-color: #11e4c4;
+  background-color: #00d1b2;
+  border-color: #00d1b2;
   color: white;
   z-index: 1;
 }
@@ -6223,7 +6227,7 @@ a.panel-block:hover {
 }
 
 .hero.is-primary {
-  background-color: #11e4c4;
+  background-color: #00d1b2;
   color: white;
 }
 
@@ -6251,7 +6255,7 @@ a.panel-block:hover {
 
 @media screen and (max-width: 768px) {
   .hero.is-primary .nav-menu {
-    background-color: #11e4c4;
+    background-color: #00d1b2;
   }
 }
 
@@ -6290,12 +6294,12 @@ a.panel-block:hover {
 .hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
   background-color: white;
   border-color: white;
-  color: #11e4c4;
+  color: #00d1b2;
 }
 
 .hero.is-primary.is-bold {
-  background-image: -webkit-linear-gradient(309deg, #04be83 0%, #11e4c4 71%, #1af1f4 100%);
-  background-image: linear-gradient(141deg, #04be83 0%, #11e4c4 71%, #1af1f4 100%);
+  background-image: -webkit-linear-gradient(309deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%);
+  background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%);
 }
 
 @media screen and (max-width: 768px) {
@@ -6314,7 +6318,7 @@ a.panel-block:hover {
 }
 
 .hero.is-info {
-  background-color: #0f6bff;
+  background-color: #3273dc;
   color: white;
 }
 
@@ -6342,7 +6346,7 @@ a.panel-block:hover {
 
 @media screen and (max-width: 768px) {
   .hero.is-info .nav-menu {
-    background-color: #0f6bff;
+    background-color: #3273dc;
   }
 }
 
@@ -6381,12 +6385,12 @@ a.panel-block:hover {
 .hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {
   background-color: white;
   border-color: white;
-  color: #0f6bff;
+  color: #3273dc;
 }
 
 .hero.is-info.is-bold {
-  background-image: -webkit-linear-gradient(309deg, #0079db 0%, #0f6bff 71%, #2957ff 100%);
-  background-image: linear-gradient(141deg, #0079db 0%, #0f6bff 71%, #2957ff 100%);
+  background-image: -webkit-linear-gradient(309deg, #1577c6 0%, #3273dc 71%, #4366e5 100%);
+  background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%);
 }
 
 @media screen and (max-width: 768px) {
@@ -6405,7 +6409,7 @@ a.panel-block:hover {
 }
 
 .hero.is-success {
-  background-color: #20ee68;
+  background-color: #23d160;
   color: white;
 }
 
@@ -6433,7 +6437,7 @@ a.panel-block:hover {
 
 @media screen and (max-width: 768px) {
   .hero.is-success .nav-menu {
-    background-color: #20ee68;
+    background-color: #23d160;
   }
 }
 
@@ -6472,12 +6476,12 @@ a.panel-block:hover {
 .hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
   background-color: white;
   border-color: white;
-  color: #20ee68;
+  color: #23d160;
 }
 
 .hero.is-success.is-bold {
-  background-image: -webkit-linear-gradient(309deg, #04d72b 0%, #20ee68 71%, #32f597 100%);
-  background-image: linear-gradient(141deg, #04d72b 0%, #20ee68 71%, #32f597 100%);
+  background-image: -webkit-linear-gradient(309deg, #12af2f 0%, #23d160 71%, #2ce28a 100%);
+  background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%);
 }
 
 @media screen and (max-width: 768px) {
@@ -6496,7 +6500,7 @@ a.panel-block:hover {
 }
 
 .hero.is-warning {
-  background-color: #ffcf0f;
+  background-color: #ffdd57;
   color: rgba(0, 0, 0, 0.7);
 }
 
@@ -6524,7 +6528,7 @@ a.panel-block:hover {
 
 @media screen and (max-width: 768px) {
   .hero.is-warning .nav-menu {
-    background-color: #ffcf0f;
+    background-color: #ffdd57;
   }
 }
 
@@ -6563,12 +6567,12 @@ a.panel-block:hover {
 .hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
   background-color: rgba(0, 0, 0, 0.7);
   border-color: rgba(0, 0, 0, 0.7);
-  color: #ffcf0f;
+  color: #ffdd57;
 }
 
 .hero.is-warning.is-bold {
-  background-image: -webkit-linear-gradient(309deg, #db8b00 0%, #ffcf0f 71%, #fff829 100%);
-  background-image: linear-gradient(141deg, #db8b00 0%, #ffcf0f 71%, #fff829 100%);
+  background-image: -webkit-linear-gradient(309deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%);
+  background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%);
 }
 
 @media screen and (max-width: 768px) {
@@ -6587,7 +6591,7 @@ a.panel-block:hover {
 }
 
 .hero.is-danger {
-  background-color: #ff0f3f;
+  background-color: #ff3860;
   color: white;
 }
 
@@ -6615,7 +6619,7 @@ a.panel-block:hover {
 
 @media screen and (max-width: 768px) {
   .hero.is-danger .nav-menu {
-    background-color: #ff0f3f;
+    background-color: #ff3860;
   }
 }
 
@@ -6654,12 +6658,12 @@ a.panel-block:hover {
 .hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
   background-color: white;
   border-color: white;
-  color: #ff0f3f;
+  color: #ff3860;
 }
 
 .hero.is-danger.is-bold {
-  background-image: -webkit-linear-gradient(309deg, #db0050 0%, #ff0f3f 71%, #ff2930 100%);
-  background-image: linear-gradient(141deg, #db0050 0%, #ff0f3f 71%, #ff2930 100%);
+  background-image: -webkit-linear-gradient(309deg, #ff0561 0%, #ff3860 71%, #ff5257 100%);
+  background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%);
 }
 
 @media screen and (max-width: 768px) {
@@ -6708,8 +6712,8 @@ a.panel-block:hover {
   -webkit-box-flex: 1;
       -ms-flex-positive: 1;
           flex-grow: 1;
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
+  -ms-flex-negative: 1;
+      flex-shrink: 1;
 }
 
 @keyframes spin-around {
@@ -6755,6 +6759,6 @@ a.panel-block:hover {
 }
 
 .footer a:not(.icon):hover, .footer a:visited:not(.icon):hover {
-  border-bottom-color: #11e4c4;
+  border-bottom-color: #00d1b2;
 }
 /*# sourceMappingURL=bulma.css.map */

docs/_config.yml

@@ -13,6 +13,6 @@ url:           http://bulma.io
 
 baseurl:       ""
 documentation: "/documentation/overview/start/"
-download:      https://github.com/jgthms/bulma/archive/0.2.0.zip
+download:      https://github.com/jgthms/bulma/archive/0.2.1.zip
 github:        https://github.com/jgthms/bulma
-version:       0.2.0
+version:       0.2.1

docs/_includes/footer.html

@@ -79,7 +79,7 @@
     }
 
     .title.is-2 a:hover {
-      color: #11e4c4;
+      color: #00d1b2;
     }
 
     .title.is-2 .icon.is-large {

docs/_includes/head.html

@@ -28,12 +28,12 @@
   <meta name="twitter:image" content="{{site.url}}/images/bulma-banner.png">
   <meta name="twitter:description" content="{{site.description}}">
 
-  <link rel="apple-touch-icon" sizes="180x180" href="{{site.url}}/favicons/apple-touch-icon.png?v=201609241700">
-  <link rel="icon" type="image/png" href="{{site.url}}/favicons/favicon-32x32.png?v=201609241700" sizes="32x32">
-  <link rel="icon" type="image/png" href="{{site.url}}/favicons/favicon-16x16.png?v=201609241700" sizes="16x16">
-  <link rel="manifest" href="{{site.url}}/favicons/manifest.json?v=201609241700">
-  <link rel="mask-icon" href="{{site.url}}/favicons/safari-pinned-tab.svg?v=201609241700" color="#11e4c4">
-  <link rel="shortcut icon" href="{{site.url}}/favicons/favicon.ico?v=201609241700">
-  <meta name="msapplication-config" content="{{site.url}}/favicons/browserconfig.xml?v=201609241700">
-  <meta name="theme-color" content="#11e4c4">
+  <link rel="apple-touch-icon" sizes="180x180" href="{{site.url}}/favicons/apple-touch-icon.png?v=201609251738">
+  <link rel="icon" type="image/png" href="{{site.url}}/favicons/favicon-32x32.png?v=201609251738" sizes="32x32">
+  <link rel="icon" type="image/png" href="{{site.url}}/favicons/favicon-16x16.png?v=201609251738" sizes="16x16">
+  <link rel="manifest" href="{{site.url}}/favicons/manifest.json?v=201609251738">
+  <link rel="mask-icon" href="{{site.url}}/favicons/safari-pinned-tab.svg?v=201609251738" color="#00d1b2">
+  <link rel="shortcut icon" href="{{site.url}}/favicons/favicon.ico?v=201609251738">
+  <meta name="msapplication-config" content="{{site.url}}/favicons/browserconfig.xml?v=201609251738">
+  <meta name="theme-color" content="#00d1b2">
 </head>

docs/_includes/svg/bulma-icon.svg

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="480px" height="480px" viewBox="0 0 480 480" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <g stroke="none" stroke-width="1" fill="#11E4C4" fill-rule="evenodd">
+    <g stroke="none" stroke-width="1" fill="#00d1b2" fill-rule="evenodd">
       <polygon id="Path" points="136 296 156 156 236 76 336 176 276 236 356 316 236 396"></polygon>
     </g>
 </svg>

docs/css/bulma-docs.css

@@ -150,7 +150,7 @@ body {
 }
 
 a {
-  color: #11e4c4;
+  color: #00d1b2;
   cursor: pointer;
   text-decoration: none;
   -webkit-transition: none 86ms ease-out;
@@ -163,7 +163,7 @@ a:hover {
 
 code {
   background-color: whitesmoke;
-  color: #ff0f3f;
+  color: #ff3860;
   font-size: 12px;
   font-weight: normal;
   padding: 1px 2px 2px;
@@ -619,11 +619,11 @@ table th {
 }
 
 a.box:hover, a.box:focus {
-  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #11e4c4;
+  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2;
 }
 
 a.box:active {
-  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #11e4c4;
+  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2;
 }
 
 @keyframes spin-around {
@@ -680,7 +680,7 @@ a.box:active {
 }
 
 .button:active, .button:focus, .button.is-active {
-  border-color: #11e4c4;
+  border-color: #00d1b2;
   outline: none;
 }
 
@@ -891,20 +891,20 @@ a.box:active {
 }
 
 .button.is-primary {
-  background-color: #11e4c4;
+  background-color: #00d1b2;
   border-width: 0;
   color: white;
 }
 
 .button.is-primary:hover, .button.is-primary:focus, .button.is-primary.is-active {
-  background-color: #0fccb0;
+  background-color: #00b89c;
   border-color: transparent;
   color: white;
 }
 
 .button.is-primary.is-inverted {
   background-color: white;
-  color: #11e4c4;
+  color: #00d1b2;
 }
 
 .button.is-primary.is-inverted:hover {
@@ -917,32 +917,32 @@ a.box:active {
 
 .button.is-primary.is-outlined {
   background-color: transparent;
-  border-color: #11e4c4;
+  border-color: #00d1b2;
   border-width: 1px;
-  color: #11e4c4;
+  color: #00d1b2;
 }
 
 .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
-  background-color: #11e4c4;
-  border-color: #11e4c4;
+  background-color: #00d1b2;
+  border-color: #00d1b2;
   color: white;
 }
 
 .button.is-info {
-  background-color: #0f6bff;
+  background-color: #3273dc;
   border-width: 0;
   color: white;
 }
 
 .button.is-info:hover, .button.is-info:focus, .button.is-info.is-active {
-  background-color: #005ef5;
+  background-color: #2366d1;
   border-color: transparent;
   color: white;
 }
 
 .button.is-info.is-inverted {
   background-color: white;
-  color: #0f6bff;
+  color: #3273dc;
 }
 
 .button.is-info.is-inverted:hover {
@@ -955,32 +955,32 @@ a.box:active {
 
 .button.is-info.is-outlined {
   background-color: transparent;
-  border-color: #0f6bff;
+  border-color: #3273dc;
   border-width: 1px;
-  color: #0f6bff;
+  color: #3273dc;
 }
 
 .button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus {
-  background-color: #0f6bff;
-  border-color: #0f6bff;
+  background-color: #3273dc;
+  border-color: #3273dc;
   color: white;
 }
 
 .button.is-success {
-  background-color: #20ee68;
+  background-color: #23d160;
   border-width: 0;
   color: white;
 }
 
 .button.is-success:hover, .button.is-success:focus, .button.is-success.is-active {
-  background-color: #11e45b;
+  background-color: #20bc56;
   border-color: transparent;
   color: white;
 }
 
 .button.is-success.is-inverted {
   background-color: white;
-  color: #20ee68;
+  color: #23d160;
 }
 
 .button.is-success.is-inverted:hover {
@@ -993,32 +993,32 @@ a.box:active {
 
 .button.is-success.is-outlined {
   background-color: transparent;
-  border-color: #20ee68;
+  border-color: #23d160;
   border-width: 1px;
-  color: #20ee68;
+  color: #23d160;
 }
 
 .button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus {
-  background-color: #20ee68;
-  border-color: #20ee68;
+  background-color: #23d160;
+  border-color: #23d160;
   color: white;
 }
 
 .button.is-warning {
-  background-color: #ffcf0f;
+  background-color: #ffdd57;
   border-width: 0;
   color: rgba(0, 0, 0, 0.7);
 }
 
 .button.is-warning:hover, .button.is-warning:focus, .button.is-warning.is-active {
-  background-color: #f5c400;
+  background-color: #ffd83d;
   border-color: transparent;
   color: rgba(0, 0, 0, 0.7);
 }
 
 .button.is-warning.is-inverted {
   background-color: rgba(0, 0, 0, 0.7);
-  color: #ffcf0f;
+  color: #ffdd57;
 }
 
 .button.is-warning.is-inverted:hover {
@@ -1031,32 +1031,32 @@ a.box:active {
 
 .button.is-warning.is-outlined {
   background-color: transparent;
-  border-color: #ffcf0f;
+  border-color: #ffdd57;
   border-width: 1px;
-  color: #ffcf0f;
+  color: #ffdd57;
 }
 
 .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus {
-  background-color: #ffcf0f;
-  border-color: #ffcf0f;
+  background-color: #ffdd57;
+  border-color: #ffdd57;
   color: rgba(0, 0, 0, 0.7);
 }
 
 .button.is-danger {
-  background-color: #ff0f3f;
+  background-color: #ff3860;
   border-width: 0;
   color: white;
 }
 
 .button.is-danger:hover, .button.is-danger:focus, .button.is-danger.is-active {
-  background-color: #f50031;
+  background-color: #ff1f4b;
   border-color: transparent;
   color: white;
 }
 
 .button.is-danger.is-inverted {
   background-color: white;
-  color: #ff0f3f;
+  color: #ff3860;
 }
 
 .button.is-danger.is-inverted:hover {
@@ -1069,14 +1069,14 @@ a.box:active {
 
 .button.is-danger.is-outlined {
   background-color: transparent;
-  border-color: #ff0f3f;
+  border-color: #ff3860;
   border-width: 1px;
-  color: #ff0f3f;
+  color: #ff3860;
 }
 
 .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus {
-  background-color: #ff0f3f;
-  border-color: #ff0f3f;
+  background-color: #ff3860;
+  border-color: #ff3860;
   color: white;
 }
 
@@ -1168,7 +1168,7 @@ a.box:active {
 }
 
 .content a:not(.button):hover {
-  border-bottom-color: #11e4c4;
+  border-bottom-color: #00d1b2;
 }
 
 .content li + li {
@@ -1329,7 +1329,7 @@ a.box:active {
 .textarea:active,
 .textarea:focus,
 .textarea.is-active {
-  border-color: #11e4c4;
+  border-color: #00d1b2;
   outline: none;
 }
 
@@ -1388,27 +1388,27 @@ a.box:active {
 
 .input.is-primary,
 .textarea.is-primary {
-  border-color: #11e4c4;
+  border-color: #00d1b2;
 }
 
 .input.is-info,
 .textarea.is-info {
-  border-color: #0f6bff;
+  border-color: #3273dc;
 }
 
 .input.is-success,
 .textarea.is-success {
-  border-color: #20ee68;
+  border-color: #23d160;
 }
 
 .input.is-warning,
 .textarea.is-warning {
-  border-color: #ffcf0f;
+  border-color: #ffdd57;
 }
 
 .input.is-danger,
 .textarea.is-danger {
-  border-color: #ff0f3f;
+  border-color: #ff3860;
 }
 
 .input[type="search"],
@@ -1542,7 +1542,7 @@ a.box:active {
 }
 
 .select select:active, .select select:focus, .select select.is-active {
-  border-color: #11e4c4;
+  border-color: #00d1b2;
   outline: none;
 }
 
@@ -1586,23 +1586,23 @@ a.box:active {
 }
 
 .select select.is-primary {
-  border-color: #11e4c4;
+  border-color: #00d1b2;
 }
 
 .select select.is-info {
-  border-color: #0f6bff;
+  border-color: #3273dc;
 }
 
 .select select.is-success {
-  border-color: #20ee68;
+  border-color: #23d160;
 }
 
 .select select.is-warning {
-  border-color: #ffcf0f;
+  border-color: #ffdd57;
 }
 
 .select select.is-danger {
-  border-color: #ff0f3f;
+  border-color: #ff3860;
 }
 
 .select select:hover {
@@ -1622,7 +1622,7 @@ a.box:active {
 }
 
 .select:after {
-  border: 1px solid #11e4c4;
+  border: 1px solid #00d1b2;
   border-right: 0;
   border-top: 0;
   content: " ";
@@ -1715,23 +1715,23 @@ a.box:active {
 }
 
 .help.is-primary {
-  color: #11e4c4;
+  color: #00d1b2;
 }
 
 .help.is-info {
-  color: #0f6bff;
+  color: #3273dc;
 }
 
 .help.is-success {
-  color: #20ee68;
+  color: #23d160;
 }
 
 .help.is-warning {
-  color: #ffcf0f;
+  color: #ffdd57;
 }
 
 .help.is-danger {
-  color: #ff0f3f;
+  color: #ff3860;
 }
 
 @media screen and (max-width: 768px) {
@@ -2168,27 +2168,27 @@ a.box:active {
 }
 
 .notification.is-primary {
-  background-color: #11e4c4;
+  background-color: #00d1b2;
   color: white;
 }
 
 .notification.is-info {
-  background-color: #0f6bff;
+  background-color: #3273dc;
   color: white;
 }
 
 .notification.is-success {
-  background-color: #20ee68;
+  background-color: #23d160;
   color: white;
 }
 
 .notification.is-warning {
-  background-color: #ffcf0f;
+  background-color: #ffdd57;
   color: rgba(0, 0, 0, 0.7);
 }
 
 .notification.is-danger {
-  background-color: #ff0f3f;
+  background-color: #ff3860;
   color: white;
 }
 
@@ -2253,43 +2253,43 @@ a.box:active {
 }
 
 .progress.is-primary::-webkit-progress-value {
-  background-color: #11e4c4;
+  background-color: #00d1b2;
 }
 
 .progress.is-primary::-moz-progress-bar {
-  background-color: #11e4c4;
+  background-color: #00d1b2;
 }
 
 .progress.is-info::-webkit-progress-value {
-  background-color: #0f6bff;
+  background-color: #3273dc;
 }
 
 .progress.is-info::-moz-progress-bar {
-  background-color: #0f6bff;
+  background-color: #3273dc;
 }
 
 .progress.is-success::-webkit-progress-value {
-  background-color: #20ee68;
+  background-color: #23d160;
 }
 
 .progress.is-success::-moz-progress-bar {
-  background-color: #20ee68;
+  background-color: #23d160;
 }
 
 .progress.is-warning::-webkit-progress-value {
-  background-color: #ffcf0f;
+  background-color: #ffdd57;
 }
 
 .progress.is-warning::-moz-progress-bar {
-  background-color: #ffcf0f;
+  background-color: #ffdd57;
 }
 
 .progress.is-danger::-webkit-progress-value {
-  background-color: #ff0f3f;
+  background-color: #ff3860;
 }
 
 .progress.is-danger::-moz-progress-bar {
-  background-color: #ff0f3f;
+  background-color: #ff3860;
 }
 
 .progress.is-small {
@@ -2372,7 +2372,7 @@ a.box:active {
 
 .table td.is-link > a:hover,
 .table th.is-link > a:hover {
-  background-color: #11e4c4;
+  background-color: #00d1b2;
   color: white;
 }
 
@@ -2907,27 +2907,27 @@ a.box:active {
 }
 
 .tag.is-primary {
-  background-color: #11e4c4;
+  background-color: #00d1b2;
   color: white;
 }
 
 .tag.is-info {
-  background-color: #0f6bff;
+  background-color: #3273dc;
   color: white;
 }
 
 .tag.is-success {
-  background-color: #20ee68;
+  background-color: #23d160;
   color: white;
 }
 
 .tag.is-warning {
-  background-color: #ffcf0f;
+  background-color: #ffdd57;
   color: rgba(0, 0, 0, 0.7);
 }
 
 .tag.is-danger {
-  background-color: #ff0f3f;
+  background-color: #ff3860;
   color: white;
 }
 
@@ -3522,11 +3522,11 @@ a.box:active {
 
 .menu-list a:hover {
   background-color: whitesmoke;
-  color: #11e4c4;
+  color: #00d1b2;
 }
 
 .menu-list a.is-active {
-  background-color: #11e4c4;
+  background-color: #00d1b2;
   color: white;
 }
 
@@ -3640,44 +3640,44 @@ a.box:active {
 }
 
 .message.is-primary {
-  background-color: #ecfefb;
+  background-color: #ebfffc;
 }
 
 .message.is-primary .message-header {
-  background-color: #11e4c4;
+  background-color: #00d1b2;
   color: white;
 }
 
 .message.is-primary .message-body {
-  border-color: #11e4c4;
+  border-color: #00d1b2;
   color: gray;
 }
 
 .message.is-info {
-  background-color: #ebf2ff;
+  background-color: #eef3fc;
 }
 
 .message.is-info .message-header {
-  background-color: #0f6bff;
+  background-color: #3273dc;
   color: white;
 }
 
 .message.is-info .message-body {
-  border-color: #0f6bff;
+  border-color: #3273dc;
   color: gray;
 }
 
 .message.is-success {
-  background-color: #ecfef2;
+  background-color: #eefcf3;
 }
 
 .message.is-success .message-header {
-  background-color: #20ee68;
+  background-color: #23d160;
   color: white;
 }
 
 .message.is-success .message-body {
-  border-color: #20ee68;
+  border-color: #23d160;
   color: gray;
 }
 
@@ -3686,12 +3686,12 @@ a.box:active {
 }
 
 .message.is-warning .message-header {
-  background-color: #ffcf0f;
+  background-color: #ffdd57;
   color: rgba(0, 0, 0, 0.7);
 }
 
 .message.is-warning .message-body {
-  border-color: #ffcf0f;
+  border-color: #ffdd57;
   color: gray;
 }
 
@@ -3700,12 +3700,12 @@ a.box:active {
 }
 
 .message.is-danger .message-header {
-  background-color: #ff0f3f;
+  background-color: #ff3860;
   color: white;
 }
 
 .message.is-danger .message-body {
-  border-color: #ff0f3f;
+  border-color: #ff3860;
   color: gray;
 }
 
@@ -3961,7 +3961,7 @@ a.box:active {
 }
 
 .nav-toggle.is-active span {
-  background-color: #11e4c4;
+  background-color: #00d1b2;
 }
 
 .nav-toggle.is-active span:nth-child(1) {
@@ -4065,15 +4065,15 @@ a.nav-item.is-tab {
 
 .nav-item a.is-tab:hover,
 a.nav-item.is-tab:hover {
-  border-bottom: 1px solid #11e4c4;
+  border-bottom: 1px solid #00d1b2;
   border-top: 1px solid transparent;
 }
 
 .nav-item a.is-tab.is-active,
 a.nav-item.is-tab.is-active {
-  border-bottom: 3px solid #11e4c4;
+  border-bottom: 3px solid #00d1b2;
   border-top: 3px solid transparent;
-  color: #11e4c4;
+  color: #00d1b2;
 }
 
 @media screen and (max-width: 768px) {
@@ -4342,7 +4342,7 @@ a.nav-item.is-tab.is-active {
 }
 
 .panel-list a:hover {
-  color: #11e4c4;
+  color: #00d1b2;
 }
 
 .panel-tabs {
@@ -4458,8 +4458,8 @@ a.panel-block:hover {
 }
 
 .tabs li.is-active a {
-  border-bottom-color: #11e4c4;
-  color: #11e4c4;
+  border-bottom-color: #00d1b2;
+  color: #00d1b2;
 }
 
 .tabs ul {
@@ -4575,8 +4575,8 @@ a.panel-block:hover {
 }
 
 .tabs.is-toggle li.is-active a {
-  background-color: #11e4c4;
-  border-color: #11e4c4;
+  background-color: #00d1b2;
+  border-color: #00d1b2;
   color: white;
   z-index: 1;
 }
@@ -6227,7 +6227,7 @@ a.panel-block:hover {
 }
 
 .hero.is-primary {
-  background-color: #11e4c4;
+  background-color: #00d1b2;
   color: white;
 }
 
@@ -6255,7 +6255,7 @@ a.panel-block:hover {
 
 @media screen and (max-width: 768px) {
   .hero.is-primary .nav-menu {
-    background-color: #11e4c4;
+    background-color: #00d1b2;
   }
 }
 
@@ -6294,12 +6294,12 @@ a.panel-block:hover {
 .hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
   background-color: white;
   border-color: white;
-  color: #11e4c4;
+  color: #00d1b2;
 }
 
 .hero.is-primary.is-bold {
-  background-image: -webkit-linear-gradient(309deg, #04be83 0%, #11e4c4 71%, #1af1f4 100%);
-  background-image: linear-gradient(141deg, #04be83 0%, #11e4c4 71%, #1af1f4 100%);
+  background-image: -webkit-linear-gradient(309deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%);
+  background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%);
 }
 
 @media screen and (max-width: 768px) {
@@ -6318,7 +6318,7 @@ a.panel-block:hover {
 }
 
 .hero.is-info {
-  background-color: #0f6bff;
+  background-color: #3273dc;
   color: white;
 }
 
@@ -6346,7 +6346,7 @@ a.panel-block:hover {
 
 @media screen and (max-width: 768px) {
   .hero.is-info .nav-menu {
-    background-color: #0f6bff;
+    background-color: #3273dc;
   }
 }
 
@@ -6385,12 +6385,12 @@ a.panel-block:hover {
 .hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {
   background-color: white;
   border-color: white;
-  color: #0f6bff;
+  color: #3273dc;
 }
 
 .hero.is-info.is-bold {
-  background-image: -webkit-linear-gradient(309deg, #0079db 0%, #0f6bff 71%, #2957ff 100%);
-  background-image: linear-gradient(141deg, #0079db 0%, #0f6bff 71%, #2957ff 100%);
+  background-image: -webkit-linear-gradient(309deg, #1577c6 0%, #3273dc 71%, #4366e5 100%);
+  background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%);
 }
 
 @media screen and (max-width: 768px) {
@@ -6409,7 +6409,7 @@ a.panel-block:hover {
 }
 
 .hero.is-success {
-  background-color: #20ee68;
+  background-color: #23d160;
   color: white;
 }
 
@@ -6437,7 +6437,7 @@ a.panel-block:hover {
 
 @media screen and (max-width: 768px) {
   .hero.is-success .nav-menu {
-    background-color: #20ee68;
+    background-color: #23d160;
   }
 }
 
@@ -6476,12 +6476,12 @@ a.panel-block:hover {
 .hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
   background-color: white;
   border-color: white;
-  color: #20ee68;
+  color: #23d160;
 }
 
 .hero.is-success.is-bold {
-  background-image: -webkit-linear-gradient(309deg, #04d72b 0%, #20ee68 71%, #32f597 100%);
-  background-image: linear-gradient(141deg, #04d72b 0%, #20ee68 71%, #32f597 100%);
+  background-image: -webkit-linear-gradient(309deg, #12af2f 0%, #23d160 71%, #2ce28a 100%);
+  background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%);
 }
 
 @media screen and (max-width: 768px) {
@@ -6500,7 +6500,7 @@ a.panel-block:hover {
 }
 
 .hero.is-warning {
-  background-color: #ffcf0f;
+  background-color: #ffdd57;
   color: rgba(0, 0, 0, 0.7);
 }
 
@@ -6528,7 +6528,7 @@ a.panel-block:hover {
 
 @media screen and (max-width: 768px) {
   .hero.is-warning .nav-menu {
-    background-color: #ffcf0f;
+    background-color: #ffdd57;
   }
 }
 
@@ -6567,12 +6567,12 @@ a.panel-block:hover {
 .hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
   background-color: rgba(0, 0, 0, 0.7);
   border-color: rgba(0, 0, 0, 0.7);
-  color: #ffcf0f;
+  color: #ffdd57;
 }
 
 .hero.is-warning.is-bold {
-  background-image: -webkit-linear-gradient(309deg, #db8b00 0%, #ffcf0f 71%, #fff829 100%);
-  background-image: linear-gradient(141deg, #db8b00 0%, #ffcf0f 71%, #fff829 100%);
+  background-image: -webkit-linear-gradient(309deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%);
+  background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%);
 }
 
 @media screen and (max-width: 768px) {
@@ -6591,7 +6591,7 @@ a.panel-block:hover {
 }
 
 .hero.is-danger {
-  background-color: #ff0f3f;
+  background-color: #ff3860;
   color: white;
 }
 
@@ -6619,7 +6619,7 @@ a.panel-block:hover {
 
 @media screen and (max-width: 768px) {
   .hero.is-danger .nav-menu {
-    background-color: #ff0f3f;
+    background-color: #ff3860;
   }
 }
 
@@ -6658,12 +6658,12 @@ a.panel-block:hover {
 .hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
   background-color: white;
   border-color: white;
-  color: #ff0f3f;
+  color: #ff3860;
 }
 
 .hero.is-danger.is-bold {
-  background-image: -webkit-linear-gradient(309deg, #db0050 0%, #ff0f3f 71%, #ff2930 100%);
-  background-image: linear-gradient(141deg, #db0050 0%, #ff0f3f 71%, #ff2930 100%);
+  background-image: -webkit-linear-gradient(309deg, #ff0561 0%, #ff3860 71%, #ff5257 100%);
+  background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%);
 }
 
 @media screen and (max-width: 768px) {
@@ -6759,7 +6759,7 @@ a.panel-block:hover {
 }
 
 .footer a:not(.icon):hover, .footer a:visited:not(.icon):hover {
-  border-bottom-color: #11e4c4;
+  border-bottom-color: #00d1b2;
 }
 
 @keyframes spin-around {
@@ -7090,7 +7090,7 @@ svg {
   -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);
           animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);
   fill: none;
-  stroke: #11e4c4;
+  stroke: #00d1b2;
   stroke-dasharray: 880;
   stroke-width: 2px;
 }
@@ -7109,7 +7109,7 @@ svg {
 }
 
 #b svg:last-child g {
-  fill: #11e4c4;
+  fill: #00d1b2;
 }
 
 @media screen and (max-width: 768px) {
@@ -7145,7 +7145,7 @@ svg {
 
 #npm code {
   border-radius: 3px;
-  color: #11e4c4;
+  color: #00d1b2;
   display: inline-block;
   font-size: 16px;
   padding: 16px 32px;
@@ -7237,7 +7237,7 @@ html.route-index #carbon {
 
 .example,
 .structure {
-  border: 1px solid #ffcf0f;
+  border: 1px solid #ffdd57;
   border-top-right-radius: 3px;
   color: rgba(0, 0, 0, 0.7);
   padding: 15px 20px;
@@ -7256,7 +7256,7 @@ html.route-index #carbon {
 
 .example:before,
 .structure:before {
-  background: #ffcf0f;
+  background: #ffdd57;
   border-radius: 3px 3px 0 0;
   bottom: 100%;
   content: "Example";
@@ -7281,7 +7281,7 @@ html.route-index #carbon {
 }
 
 .example + .highlight {
-  border: 1px solid #ffcf0f;
+  border: 1px solid #ffdd57;
   border-radius: 0 0 3px 3px;
   border-top: none;
   margin-top: -20px;
@@ -7296,13 +7296,13 @@ html.route-index #carbon {
 }
 
 .structure {
-  border-color: #ff0f3f;
+  border-color: #ff3860;
   border-radius: 3px;
   padding: 20px;
 }
 
 .structure:before {
-  background: #ff0f3f;
+  background: #ff3860;
   color: white;
   content: "Structure";
 }
@@ -7386,8 +7386,8 @@ html.route-index #carbon {
 
 .highlight .copy:hover,
 .highlight .expand:hover {
-  border-color: #ff0f3f;
-  color: #ff0f3f;
+  border-color: #ff3860;
+  color: #ff3860;
 }
 
 .highlight .expand {
@@ -7429,11 +7429,11 @@ html.route-index #carbon {
 }
 
 html ::-moz-selection {
-  background: #11e4c4;
+  background: #00d1b2;
   color: white;
 }
 
 html ::selection {
-  background: #11e4c4;
+  background: #00d1b2;
   color: white;
 }

docs/favicons/browserconfig.xml

@@ -2,8 +2,8 @@
 <browserconfig>
   <msapplication>
     <tile>
-      <square150x150logo src="/favicons/mstile-150x150.png?v=201609241700"/>
-      <TileColor>#11e4c4</TileColor>
+      <square150x150logo src="/favicons/mstile-150x150.png?v=201609251738"/>
+      <TileColor>#00d1b2</TileColor>
     </tile>
   </msapplication>
 </browserconfig>

docs/favicons/manifest.json

@@ -1,12 +1,12 @@
 {
-	"name": "bulma.io",
+	"name": "Bulma",
 	"icons": [
 		{
-			"src": "\/favicons\/android-chrome-192x192.png?v=201609241700",
+			"src": "\/favicons\/android-chrome-192x192.png?v=201609251738",
 			"sizes": "192x192",
 			"type": "image\/png"
 		}
 	],
-	"theme_color": "#11e4c4",
+	"theme_color": "#00d1b2",
 	"display": "standalone"
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bulma",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "homepage": "http://bulma.io",
   "author": "Jeremy Thomas <bbxdesign@gmail.com> (http://jgthms.com)",
   "description": "Modern CSS framework based on Flexbox",

sass/utilities/functions.sass

@@ -22,7 +22,11 @@
   @return (map-get($color-rgb, 'red') * .2126) + (map-get($color-rgb, 'green') * .7152) + (map-get($color-rgb, 'blue') * .0722)
 
 @function findColorInvert($color)
-  @if (colorLuminance($color) > 0.67)
+  // @if (colorLuminance($color) > 0.67)
+  //   @return rgba(black, 0.7)
+  @debug #{$color}
+  @debug colorLuminance($color)
+  @if (colorLuminance($color) > 0.55)
     @return rgba(black, 0.7)
   @else
     @return white

sass/utilities/variables.sass

@@ -20,12 +20,12 @@ $white-bis:    hsl(0, 0%, 98%) !default
 $white:        hsl(0, 0%, 100%) !default
 
 $orange:       hsl(14,  100%, 53%) !default
-$yellow:       hsl(48,  100%, 53%) !default
-$green:        hsl(141, 86%,  53%) !default
-$turquoise:    hsl(171, 86%,  48%) !default
-$blue:         hsl(217, 100%, 53%) !default
+$yellow:       hsl(48,  100%, 67%) !default
+$green:        hsl(141, 71%,  48%) !default
+$turquoise:    hsl(171, 100%, 41%) !default
+$blue:         hsl(217, 71%,  53%) !default
 $purple:       hsl(271, 100%, 71%) !default
-$red:          hsl(348, 100%, 53%) !default
+$red:          hsl(348, 100%, 61%) !default
 
 // Typography
 $family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !default