Add new svg logo

docs/_includes/svg/bulma-icon.svg

@@ -0,0 +1,12 @@
+<?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">
+    <!-- Generator: Sketch 40 (33762) - http://www.bohemiancoding.com/sketch -->
+    <title>bulma-icon</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="bulma-icon" fill="#11E4C4">
+            <polygon id="Path" points="136 296 156 156 236 76 336 176 276 236 356 316 236 396"></polygon>
+        </g>
+    </g>
+</svg>

docs/bulma-docs.sass

@@ -85,6 +85,10 @@ $twitter: #55acee
   margin-bottom: 40px
   vertical-align: top
   width: 240px
+  svg
+    display: block
+    height: 240px
+    width: 240px
   +mobile
     border-radius: 10px
     height: 120px

docs/index.html

@@ -13,7 +13,7 @@ route: index
   <div class="hero-body">
     <div class="container">
       <p id="b">
-        <img src="{{ site.baseurl }}/images/b.png" alt="{{ site.title }}">
+        {% include svg/bulma-icon.svg %}
       </p>
       <h1 class="title">
         Bulma

sass/elements/button.sass

@@ -56,7 +56,7 @@
       &:hover,
       &:focus,
       &.is-active
-        background-color: darken($color, 10%)
+        background-color: darken($color, 5%)
         border-color: transparent
         color: $color-invert
       &:active

sass/elements/content.sass

@@ -1,5 +1,6 @@
 .content
   @extend .block
+  color: $text
   // Inline
   a:not(.button)
     border-bottom: 1px solid $border

sass/layout/hero.sass

@@ -73,7 +73,7 @@
         strong
           color: inherit
       .subtitle
-        color: rgba($color-invert, 0.7)
+        color: rgba($color-invert, 0.9)
         a,
         strong
           color: $color-invert
@@ -84,14 +84,14 @@
           background-color: $color
       a.nav-item,
       .nav-item a:not(.button)
-        color: rgba($color-invert, 0.5)
+        color: rgba($color-invert, 0.7)
         &:hover,
         &.is-active
           color: $color-invert
       .tabs
         a
           color: $color-invert
-          opacity: 0.5
+          opacity: 0.9
           &:hover
             opacity: 1
         li

sass/utilities/functions.sass

@@ -21,14 +21,8 @@
     $color-rgb: map-merge($color-rgb, ($name: $value))
   @return (map-get($color-rgb, 'red') * .2126) + (map-get($color-rgb, 'green') * .7152) + (map-get($color-rgb, 'blue') * .0722)
 
-@function closestEvenNumber($number)
-  @if ($number % 2 == 0px)
-    @return $number
-  @else
-    @return ($number + 1px)
-
 @function findColorInvert($color)
-  @if (colorLuminance($color) > 0.8)
-    @return rgba($black, 0.5)
+  @if (colorLuminance($color) > 0.7)
+    @return rgba($black, 0.7)
   @else
     @return white