Update header item, Fix card width, Add github banner

diff --git a/bulma/components/card.sass b/bulma/components/card.sass
index 54a57ff47240530b059a27b034b1ee4f34c30bac..478af581c2fd3586765f0d1ca88eae0d9ca59d04 100644 (file)
--- a/bulma/components/card.sass
+++ b/bulma/components/card.sass
@@ -30,6 +30,7 @@
 .card
   background: white
   box-shadow: 0 2px 3px rgba(black, 0.1), 0 0 0 1px rgba(black, 0.1)
+  max-width: 100%
   position: relative
   width: 300px
   .media:not(:last-child)

diff --git a/bulma/layout/header.sass b/bulma/layout/header.sass
index 9dbbb5a7b245ea19f5aae2adb375a301d18df249..86f92257353ca00063fb29b114ca90c87e5d7ad1 100644 (file)
--- a/bulma/layout/header.sass
+++ b/bulma/layout/header.sass
@@ -2,16 +2,17 @@
   +clearfix
   background: white
   box-shadow: 0 1px 2px rgba(black, 0.1)
+  display: flex
   height: $header-height
   line-height: 24px
   position: relative
   text-align: center
   z-index: 2
   .container
-    align-items: center
+    align-items: stretch
     box-shadow: 0 1px 0 rgba($border, 0.3)
     display: flex
-    height: $header-height
+    width: 100%
 
 .header-toggle
   @extend .hamburger
@@ -21,8 +22,11 @@
 // Elements
 
 .header-item
-  display: block
-  padding: 0 10px
+  align-items: center
+  display: flex
+  padding: 10px
+  img
+    max-height: 24px
   a
     color: $text
     &:hover
@@ -41,6 +45,7 @@
     color: $link-hover
 
 .header-tab
+  align-items: center
   border-bottom: 1px solid transparent
   color: $text
   display: block
@@ -53,36 +58,28 @@
     border-bottom: 3px solid $link
     color: $link
 
-.header-logo
-  align-items: center
-  display: flex
-  img
-    max-height: 24px
-  +touch
-    padding: 0 10px
-  +tablet
-    padding-right: 10px
-
 // Containers
 
 .header-left
-  align-items: center
+  align-items: stretch
   display: flex
   flex: 1
   overflow: hidden
   overflow-x: auto
   white-space: nowrap
+  +desktop
+    .header-item:first-child
+      padding-left: 0
 
 .header-center
-  align-items: center
+  align-items: stretch
   display: flex
-  height: $header-height
   left: 50%
   position: absolute
   transform: translateX(-50%)
 
 .header-right
-  align-items: center
+  align-items: stretch
   +tablet
     display: flex
   +desktop
@@ -92,7 +89,6 @@
 .header-full
   align-items: stretch
   display: flex
-  height: $header-height
   justify-content: center
   text-align: center
   width: 100%

diff --git a/bulma/layout/hero.sass b/bulma/layout/hero.sass
index d1cea9d7f8b2e54ff2bbc6fd4a3e0e22a85f46d1..f197515719871f54125ffb50b19fcaf15a3b6e1b 100644 (file)
--- a/bulma/layout/hero.sass
+++ b/bulma/layout/hero.sass
@@ -53,6 +53,7 @@
       color: $color-invert
       .title
         color: $color-invert
+        a,
         strong
           color: inherit
       .subtitle

diff --git a/images/bulma-banner.png b/images/bulma-banner.png
new file mode 100644 (file)
index 0000000..5fb66ee
Binary files /dev/null and b/images/bulma-banner.png differ