Fix #209

diff --git a/CHANGELOG.md b/CHANGELOG.md
index ecd97d81fbcaff72807be2263e8e553f9a7c06dd..8d47198c2d7a8ca9e84ba255f3c4fc4e4d547ef0 100644 (file)
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,11 @@
 # Bulma Changelog
 
+## 0.0.27
+
+* Fix: #217
+* Fix: #213
+* Fix: #209
+
 ## 0.0.26
 
 * Added: `.modal-card`

diff --git a/sass/components/grid.sass b/sass/components/grid.sass
index 991c845c3f6637cae6929668eae198134557ee7a..73f422dc88043676c79161a9ed92f1ee180c67d2 100644 (file)
--- a/sass/components/grid.sass
+++ b/sass/components/grid.sass
@@ -162,6 +162,43 @@
         width: ($i / 12) * 100%
       &.is-offset-#{$i}-desktop
         margin-left: ($i / 12) * 100%
+  +widescreen
+    &.is-narrow-widescreen
+      flex: none
+    &.is-full-widescreen
+      flex: none
+      width: 100%
+    &.is-three-quarters-widescreen
+      flex: none
+      width: 75%
+    &.is-two-thirds-widescreen
+      flex: none
+      width: 66.6666%
+    &.is-half-widescreen
+      flex: none
+      width: 50%
+    &.is-one-third-widescreen
+      flex: none
+      width: 33.3333%
+    &.is-one-quarter-widescreen
+      flex: none
+      width: 25%
+    &.is-offset-three-quarters-widescreen
+      margin-left: 75%
+    &.is-offset-two-thirds-widescreen
+      margin-left: 66.6666%
+    &.is-offset-half-widescreen
+      margin-left: 50%
+    &.is-offset-one-third-widescreen
+      margin-left: 33.3333%
+    &.is-offset-one-quarter-widescreen
+      margin-left: 25%
+    @for $i from 1 through 12
+      &.is-#{$i}-widescreen
+        flex: none
+        width: ($i / 12) * 100%
+      &.is-offset-#{$i}-widescreen
+        margin-left: ($i / 12) * 100%
 
 .columns
   margin-left: -10px