Deploy 0.5.1

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "bulma",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "homepage": "http://bulma.io",
   "authors": [
     "jgthms <bbxdesign@gmail.com>"

bulma.sass

@@ -1,5 +1,5 @@
 @charset "utf-8"
-/*! bulma.io v0.5.0 | MIT License | github.com/jgthms/bulma */
+/*! bulma.io v0.5.1 | MIT License | github.com/jgthms/bulma */
 @import "sass/utilities/_all"
 @import "sass/base/_all"
 @import "sass/elements/_all"

css/bulma.css

@@ -1,4 +1,4 @@
-/*! bulma.io v0.5.0 | MIT License | github.com/jgthms/bulma */
+/*! bulma.io v0.5.1 | MIT License | github.com/jgthms/bulma */
 @-webkit-keyframes spinAround {
   from {
     -webkit-transform: rotate(0deg);
@@ -542,20 +542,194 @@ table th {
   text-align: center !important;
 }
 
+@media screen and (max-width: 768px) {
+  .has-text-centered-mobile {
+    text-align: center !important;
+  }
+}
+
+@media screen and (min-width: 769px), print {
+  .has-text-centered-tablet {
+    text-align: center !important;
+  }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1007px) {
+  .has-text-centered-tablet-only {
+    text-align: center !important;
+  }
+}
+
+@media screen and (max-width: 1007px) {
+  .has-text-centered-touch {
+    text-align: center !important;
+  }
+}
+
+@media screen and (min-width: 1008px) {
+  .has-text-centered-desktop {
+    text-align: center !important;
+  }
+}
+
+@media screen and (min-width: 1008px) and (max-width: 1199px) {
+  .has-text-centered-desktop-only {
+    text-align: center !important;
+  }
+}
+
+@media screen and (min-width: 1200px) {
+  .has-text-centered-widescreen {
+    text-align: center !important;
+  }
+}
+
+@media screen and (min-width: 1200px) and (max-width: 1391px) {
+  .has-text-centered-widescreen-only {
+    text-align: center !important;
+  }
+}
+
+@media screen and (min-width: 1392px) {
+  .has-text-centered-fullhd {
+    text-align: center !important;
+  }
+}
+
 .has-text-left {
   text-align: left !important;
 }
 
+@media screen and (max-width: 768px) {
+  .has-text-left-mobile {
+    text-align: left !important;
+  }
+}
+
+@media screen and (min-width: 769px), print {
+  .has-text-left-tablet {
+    text-align: left !important;
+  }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1007px) {
+  .has-text-left-tablet-only {
+    text-align: left !important;
+  }
+}
+
+@media screen and (max-width: 1007px) {
+  .has-text-left-touch {
+    text-align: left !important;
+  }
+}
+
+@media screen and (min-width: 1008px) {
+  .has-text-left-desktop {
+    text-align: left !important;
+  }
+}
+
+@media screen and (min-width: 1008px) and (max-width: 1199px) {
+  .has-text-left-desktop-only {
+    text-align: left !important;
+  }
+}
+
+@media screen and (min-width: 1200px) {
+  .has-text-left-widescreen {
+    text-align: left !important;
+  }
+}
+
+@media screen and (min-width: 1200px) and (max-width: 1391px) {
+  .has-text-left-widescreen-only {
+    text-align: left !important;
+  }
+}
+
+@media screen and (min-width: 1392px) {
+  .has-text-left-fullhd {
+    text-align: left !important;
+  }
+}
+
 .has-text-right {
   text-align: right !important;
 }
 
+@media screen and (max-width: 768px) {
+  .has-text-right-mobile {
+    text-align: right !important;
+  }
+}
+
+@media screen and (min-width: 769px), print {
+  .has-text-right-tablet {
+    text-align: right !important;
+  }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1007px) {
+  .has-text-right-tablet-only {
+    text-align: right !important;
+  }
+}
+
+@media screen and (max-width: 1007px) {
+  .has-text-right-touch {
+    text-align: right !important;
+  }
+}
+
+@media screen and (min-width: 1008px) {
+  .has-text-right-desktop {
+    text-align: right !important;
+  }
+}
+
+@media screen and (min-width: 1008px) and (max-width: 1199px) {
+  .has-text-right-desktop-only {
+    text-align: right !important;
+  }
+}
+
+@media screen and (min-width: 1200px) {
+  .has-text-right-widescreen {
+    text-align: right !important;
+  }
+}
+
+@media screen and (min-width: 1200px) and (max-width: 1391px) {
+  .has-text-right-widescreen-only {
+    text-align: right !important;
+  }
+}
+
+@media screen and (min-width: 1392px) {
+  .has-text-right-fullhd {
+    text-align: right !important;
+  }
+}
+
+.is-capitalized {
+  text-transform: capitalize !important;
+}
+
+.is-lowercase {
+  text-transform: lowercase !important;
+}
+
+.is-uppercase {
+  text-transform: uppercase !important;
+}
+
 .has-text-white {
   color: white !important;
 }
 
 a.has-text-white:hover, a.has-text-white:focus {
-  color: #e6e6e6;
+  color: #e6e6e6 !important;
 }
 
 .has-text-black {
@@ -563,7 +737,7 @@ a.has-text-white:hover, a.has-text-white:focus {
 }
 
 a.has-text-black:hover, a.has-text-black:focus {
-  color: black;
+  color: black !important;
 }
 
 .has-text-light {
@@ -571,7 +745,7 @@ a.has-text-black:hover, a.has-text-black:focus {
 }
 
 a.has-text-light:hover, a.has-text-light:focus {
-  color: #dbdbdb;
+  color: #dbdbdb !important;
 }
 
 .has-text-dark {
@@ -579,7 +753,7 @@ a.has-text-light:hover, a.has-text-light:focus {
 }
 
 a.has-text-dark:hover, a.has-text-dark:focus {
-  color: #1c1c1c;
+  color: #1c1c1c !important;
 }
 
 .has-text-primary {
@@ -587,7 +761,7 @@ a.has-text-dark:hover, a.has-text-dark:focus {
 }
 
 a.has-text-primary:hover, a.has-text-primary:focus {
-  color: #009e86;
+  color: #009e86 !important;
 }
 
 .has-text-info {
@@ -595,7 +769,7 @@ a.has-text-primary:hover, a.has-text-primary:focus {
 }
 
 a.has-text-info:hover, a.has-text-info:focus {
-  color: #205bbc;
+  color: #205bbc !important;
 }
 
 .has-text-success {
@@ -603,7 +777,7 @@ a.has-text-info:hover, a.has-text-info:focus {
 }
 
 a.has-text-success:hover, a.has-text-success:focus {
-  color: #1ca64c;
+  color: #1ca64c !important;
 }
 
 .has-text-warning {
@@ -611,7 +785,7 @@ a.has-text-success:hover, a.has-text-success:focus {
 }
 
 a.has-text-warning:hover, a.has-text-warning:focus {
-  color: #ffd324;
+  color: #ffd324 !important;
 }
 
 .has-text-danger {
@@ -619,7 +793,7 @@ a.has-text-warning:hover, a.has-text-warning:focus {
 }
 
 a.has-text-danger:hover, a.has-text-danger:focus {
-  color: #ff0537;
+  color: #ff0537 !important;
 }
 
 .has-text-black-bis {
@@ -659,7 +833,7 @@ a.has-text-danger:hover, a.has-text-danger:focus {
 }
 
 .is-block {
-  display: block;
+  display: block !important;
 }
 
 @media screen and (max-width: 768px) {
@@ -717,9 +891,9 @@ a.has-text-danger:hover, a.has-text-danger:focus {
 }
 
 .is-flex {
-  display: -webkit-box;
+  display: -webkit-box !important;
-  display: -ms-flexbox;
+  display: -ms-flexbox !important;
-  display: flex;
+  display: flex !important;
 }
 
 @media screen and (max-width: 768px) {
@@ -795,7 +969,7 @@ a.has-text-danger:hover, a.has-text-danger:focus {
 }
 
 .is-inline {
-  display: inline;
+  display: inline !important;
 }
 
 @media screen and (max-width: 768px) {
@@ -853,7 +1027,7 @@ a.has-text-danger:hover, a.has-text-danger:focus {
 }
 
 .is-inline-block {
-  display: inline-block;
+  display: inline-block !important;
 }
 
 @media screen and (max-width: 768px) {
@@ -911,9 +1085,9 @@ a.has-text-danger:hover, a.has-text-danger:focus {
 }
 
 .is-inline-flex {
-  display: -webkit-inline-box;
+  display: -webkit-inline-box !important;
-  display: -ms-inline-flexbox;
+  display: -ms-inline-flexbox !important;
-  display: inline-flex;
+  display: inline-flex !important;
 }
 
 @media screen and (max-width: 768px) {
@@ -2297,6 +2471,7 @@ a.box:active {
 }
 
 .content figure {
+  margin: 2em;
   text-align: center;
 }
 
@@ -3094,14 +3269,20 @@ a.box:active {
           justify-content: center;
 }
 
-.file.is-centered .file-label {
+.file.is-right {
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+}
+
+.file.is-boxed .file-label {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
 
-.file.is-centered .file-cta {
+.file.is-boxed .file-cta {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
@@ -3110,36 +3291,36 @@ a.box:active {
   padding: 1em 3em;
 }
 
-.file.is-centered .file-name {
+.file.is-boxed .file-name {
   border-width: 0 1px 1px;
 }
 
-.file.is-centered .file-icon {
+.file.is-boxed .file-icon {
   height: 1.5em;
   width: 1.5em;
 }
 
-.file.is-centered .file-icon .fa {
+.file.is-boxed .file-icon .fa {
   font-size: 21px;
 }
 
-.file.is-centered.is-small .file-icon .fa {
+.file.is-boxed.is-small .file-icon .fa {
   font-size: 14px;
 }
 
-.file.is-centered.is-medium .file-icon .fa {
+.file.is-boxed.is-medium .file-icon .fa {
   font-size: 28px;
 }
 
-.file.is-centered.is-large .file-icon .fa {
+.file.is-boxed.is-large .file-icon .fa {
   font-size: 35px;
 }
 
-.file.is-centered.has-name .file-cta {
+.file.is-boxed.has-name .file-cta {
   border-radius: 3px 3px 0 0;
 }
 
-.file.is-centered.has-name .file-name {
+.file.is-boxed.has-name .file-name {
   border-radius: 0 0 3px 3px;
   border-width: 0 1px 1px;
 }
@@ -3188,7 +3369,7 @@ a.box:active {
 }
 
 .file-label:hover .file-name {
-  border-color: #eeeeee;
+  border-color: #d5d5d5;
 }
 
 .file-label:active .file-cta {
@@ -3197,7 +3378,7 @@ a.box:active {
 }
 
 .file-label:active .file-name {
-  border-color: #e8e8e8;
+  border-color: #cfcfcf;
 }
 
 .file-input {
@@ -3235,7 +3416,7 @@ a.box:active {
   padding-top: calc(0.375em - 1px);
   position: relative;
   vertical-align: top;
-  border-color: transparent;
+  border-color: #dbdbdb;
   border-radius: 3px;
   font-size: 1em;
   padding-left: 1em;
@@ -3262,7 +3443,7 @@ a.box:active {
 }
 
 .file-name {
-  border-color: whitesmoke;
+  border-color: #dbdbdb;
   border-style: solid;
   border-width: 1px 1px 1px 0;
   display: block;
@@ -6099,6 +6280,9 @@ a.navbar-item:hover, a.navbar-item.is-active,
 }
 
 @media screen and (max-width: 1007px) {
+  .navbar > .container {
+    display: block;
+  }
   .navbar-brand .navbar-item {
     -webkit-box-align: center;
         -ms-flex-align: center;
@@ -6257,6 +6441,10 @@ a.navbar-item:hover, a.navbar-item.is-active,
     transition-property: opacity, transform;
     transition-property: opacity, transform, -webkit-transform;
   }
+  .navbar-dropdown.is-right {
+    left: auto;
+    right: 0;
+  }
   .navbar-divider {
     display: block;
   }

docs/css/bulma-docs.css

@@ -1,5 +1,5 @@
 @charset "UTF-8";
-/*! bulma.io v0.5.0 | MIT License | github.com/jgthms/bulma */
+/*! bulma.io v0.5.1 | MIT License | github.com/jgthms/bulma */
 @-webkit-keyframes spinAround {
   from {
     -webkit-transform: rotate(0deg);

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bulma",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "homepage": "http://bulma.io",
   "author": "Jeremy Thomas <bbxdesign@gmail.com> (http://jgthms.com)",
   "description": "Modern CSS framework based on Flexbox",