Fix imports, Add images, Add fluid container

diff --git a/bulma/base/base.sass b/bulma/base/base.sass
index 2f28f89d4360aa3641cdb86960f55965867cf725..74209c01efcc5a17686c51ba987df71f144b5348 100644 (file)
--- a/bulma/base/base.sass
+++ b/bulma/base/base.sass
@@ -1,6 +1,6 @@
 @charset "utf-8"
 
-@import generic
-@import content
-@import highlight
-@import helpers
+@import "generic"
+@import "content"
+@import "highlight"
+@import "helpers"

diff --git a/bulma/base/generic.sass b/bulma/base/generic.sass
index b2c7e36f4f4497f056ebbd168822871f3f89a40b..1305a80ad1ed1007783cc94716c847a699034f34 100644 (file)
--- a/bulma/base/generic.sass
+++ b/bulma/base/generic.sass
@@ -91,9 +91,14 @@ table
     color: $text-strong
 
 .container
-  margin: 0 auto
-  max-width: 960px
+  margin: 0 20px
   position: relative
+  +desktop
+    margin: 0 auto
+    max-width: 960px
+    &.is-fluid
+      margin: 0 20px
+      max-width: none
 
 .fa
   font-size: 21px

diff --git a/bulma/components/components.sass b/bulma/components/components.sass
index 224dd6ba6321322a3fc72f5cec2430fa1048e3b7..77ecadcc96f797991795a7fbb3c73ae51c27d933 100644 (file)
--- a/bulma/components/components.sass
+++ b/bulma/components/components.sass
@@ -1,12 +1,12 @@
 @charset "utf-8"
 
-@import grid
-@import navbar
-@import card
-@import table
-@import tabs
-@import media
-@import menu
+@import "grid"
+@import "navbar"
+@import "card"
+@import "table"
+@import "tabs"
+@import "media"
+@import "menu"
 
 .block:not(:last-child)
   margin-bottom: 20px

diff --git a/bulma/components/table.sass b/bulma/components/table.sass
index 52605175914dd58378da0e58449579a186f486b4..b249e98a805924ab46dc43cd1b9d6a66bcdc9fcb 100644 (file)
--- a/bulma/components/table.sass
+++ b/bulma/components/table.sass
@@ -9,6 +9,9 @@
     border-width: 0 0 1px
     padding: 8px 10px
     vertical-align: top
+    &.table-narrow
+      white-space: nowrap
+      width: 1%
     &.table-link
       padding: 0
       & > a

diff --git a/bulma/config/variables.sass b/bulma/config/variables.sass
index d4888aa637274db07411d297946feb6438d352f2..e118e8c86f36d8841da0ea3b3bbc759271c54f50 100644 (file)
--- a/bulma/config/variables.sass
+++ b/bulma/config/variables.sass
@@ -4,7 +4,6 @@ $grey-darker: #222324
 $grey-dark: #69707a
 $grey: #aeb1b5
 $grey-light: #d3d6db
-$grey-lighter: #ebeff5
 $grey-lighter: #f5f7fa
 
 $blue: #42afe3

diff --git a/bulma/elements/elements.sass b/bulma/elements/elements.sass
index 9282ccc23907d08266e3d9ee6f7c78736a969758..eba8de6112b4304791a2279a31d89536829d484e 100644 (file)
--- a/bulma/elements/elements.sass
+++ b/bulma/elements/elements.sass
@@ -1,10 +1,11 @@
 @charset "utf-8"
 
-@import controls
-@import buttons
-@import titles
-@import messages
-@import notifications
+@import "controls"
+@import "buttons"
+@import "titles"
+@import "images"
+@import "messages"
+@import "notifications"
 
 .delete
   +unselectable

diff --git a/bulma/elements/images.sass b/bulma/elements/images.sass
new file mode 100644 (file)
index 0000000..f5ff36e
--- /dev/null
+++ b/bulma/elements/images.sass
@@ -0,0 +1,32 @@
+$dimensions: 16 24 32 48 64 96 128
+
+.image
+  display: block
+  position: relative
+  img
+    display: block
+  &.is-square,
+  &.is-1by1,
+  &.is-4by3,
+  &.is-3by2,
+  &.is-16by9,
+  &.is-2by1
+    img
+      +overlay
+      height: 100%
+      width: 100%
+  &.is-square,
+  &.is-1by1
+    padding-top: 100%
+  &.is-4by3
+    padding-top: 75%
+  &.is-3by2
+    padding-top: 66.6666%
+  &.is-16by9
+    padding-top: 56.25%
+  &.is-2by1
+    padding-top: 50%
+  @each $dimension in $dimensions
+    &.is-#{$dimension}x#{$dimension}
+      height: $dimension * 1px
+      width: $dimension * 1px

diff --git a/bulma/elements/titles.sass b/bulma/elements/titles.sass
index b7ccb058a48d8304ff61308011614a776421be9e..ded99d1c04a2d32d552d8832e757be23dbc0b1a6 100644 (file)
--- a/bulma/elements/titles.sass
+++ b/bulma/elements/titles.sass
@@ -3,6 +3,10 @@
   font-weight: 300
   &:not(:last-child)
     margin-bottom: 20px
+  a
+    &:hover
+      border-bottom: 1px solid
+      // text-decoration: underline
 
 .title
   color: $text-strong

diff --git a/bulma/layout/hero.sass b/bulma/layout/hero.sass
index 6ccaae05ded20076204e397eb61fce192fe7f6bb..c88007523f5aedbdea10e0919a68f1614ee1b311 100644 (file)
--- a/bulma/layout/hero.sass
+++ b/bulma/layout/hero.sass
@@ -42,6 +42,9 @@
       border: none
     ul
       border-bottom: none
+    &.is-boxed
+      a
+        padding: 8px 15px
   &.is-alt
     background: $background
     color: $text-light

diff --git a/bulma/layout/layout.sass b/bulma/layout/layout.sass
index 81038f423e0a67b48bab020327697f20ce53f31e..bce1c34e8f15e96e25d71232fe119f4ebf269581 100644 (file)
--- a/bulma/layout/layout.sass
+++ b/bulma/layout/layout.sass
@@ -1,6 +1,6 @@
 @charset "utf-8"
 
-@import header
-@import hero
-@import section
-@import footer
+@import "header"
+@import "hero"
+@import "section"
+@import "footer"

diff --git a/bulma/layout/section.sass b/bulma/layout/section.sass
index 86bbe85f9e0f9632fdc3ba13970cfa1721864e2a..0fce721a24bc3651c42c41bbe22a332332098cb3 100644 (file)
--- a/bulma/layout/section.sass
+++ b/bulma/layout/section.sass
@@ -1,10 +1,9 @@
 .section
   background: white
-  padding: 40px 20px
+  padding: 40px 0
   & + .section
     border-top: 1px solid rgba($border, 0.5)
   +desktop
-    padding: 40px 0
     &.is-medium
       padding: 120px 0
     &.is-large

diff --git a/bulma/utilities/mixins.sass b/bulma/utilities/mixins.sass
index 4af4899b72919e63115a10eb0a55d9bb1292cae2..0afe955ff78e105ba0e570d4749bb15e76e8758a 100644 (file)
--- a/bulma/utilities/mixins.sass
+++ b/bulma/utilities/mixins.sass
@@ -64,6 +64,7 @@
 
 $tablet: 769px
 $desktop: 980px
+$widescreen: 1180px
 
 =from($device)
   @media screen and (min-width: $device)
@@ -88,3 +89,7 @@ $desktop: 980px
 =desktop
   @media screen and (min-width: $desktop)
     @content
+
+=widescreen
+  @media screen and (min-width: $widescreen)
+    @content

diff --git a/bulma/utilities/utilities.sass b/bulma/utilities/utilities.sass
index 189141efc4738c738ac28b28027b74debffc0850..2f0f137ee80fcd561f3117801c0dfbc1b8f4b87c 100644 (file)
--- a/bulma/utilities/utilities.sass
+++ b/bulma/utilities/utilities.sass
@@ -1,6 +1,6 @@
 @charset "utf-8"
 
-@import reset
-@import functions
-@import mixins
-@import animations
+@import "reset"
+@import "functions"
+@import "mixins"
+@import "animations"