Add $container-offset variable

CHANGELOG.md

@@ -4,7 +4,8 @@
 
 ### New features
 
-* #280 [File upload element](http://bulma.io/documentation/form/file/)
+* 🎉 #280 [File upload element](http://bulma.io/documentation/form/file/)
+* `$container-offset` variable to determine the `.container` breakpoints
 
 ### Issues closed
 
@@ -16,7 +17,7 @@
 
 ### New features
 
-* [List of tags](http://bulma.io/documentation/elements/tag/#list-of-tags)
+* 🎉 [List of tags](http://bulma.io/documentation/elements/tag/#list-of-tags)
 * New **variable naming system**: `component`-`subcomponent`-`state`-`property`
 * Improved **customization** thanks to new set of variables
 * #934 New `.is-shadowless` helper

docs/_posts/2017-07-24-access-previous-bulma-versions.md

@@ -9,10 +9,4 @@ icon: "undo"
 
 It is now possible to **access previous versions** of Bulma. Just head towards: [http://bulma.io/versions/](http://bulma.io/versions/)
 
-<figure>
-  <a href="/versions/">
-    <img src="/images/blog/bulma-previous-versions.png" alt="Previous versions of Bulma" width="520" height="240">
-  </a>
-</figure>
-
 While only version [0.4.4](http://bulma.io/versions/0.4.4) is accessible now, each **new release** will remain available forever.

docs/_sass/bsa.sass

@@ -69,5 +69,6 @@
       top: 0
     & > a
       margin: 0
+      width: calc(50% - 1rem)
       &:not(:nth-child(2))
         margin-left: 2rem

sass/elements/other.sass

@@ -1,31 +1,33 @@
 .block
   +block
 
+$container-offset: 60px !default
+
 .container
   margin: 0 auto
   position: relative
-  +desktop
+  +from($desktop + $container-offset)
     max-width: $desktop - (2 * $gap)
-    // width: $desktop - (2 * $gap)
+    width: $desktop - (2 * $gap)
     &.is-fluid
       margin-left: $gap
       margin-right: $gap
       max-width: none
-      // width: auto
-  +until($widescreen)
+      width: auto
+  +until($widescreen + $container-offset)
     &.is-widescreen
       max-width: $widescreen - (2 * $gap)
-      // width: auto
-  +until($fullhd)
+      width: auto
+  +until($fullhd + $container-offset)
     &.is-fullhd
       max-width: $fullhd - (2 * $gap)
-      // width: auto
-  +widescreen
+      width: auto
+  +from($widescreen + $container-offset)
     max-width: $widescreen - (2 * $gap)
-    // width: $widescreen - (2 * $gap)
-  +fullhd
+    width: $widescreen - (2 * $gap)
+  +from($fullhd + $container-offset)
     max-width: $fullhd - (2 * $gap)
-    // width: $fullhd - (2 * $gap)
+    width: $fullhd - (2 * $gap)
 
 .delete
   +delete