From: Jeremy Thomas <bbxdesign@gmail.com>
Date: Sat, 26 Mar 2016 16:46:15 +0000 (+0000)
Subject: Add progress bars
X-Git-Tag: 0.0.17~4
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=fdb980065284f4a0824d0caf72c8907a49193e0d;p=thirdparty%2Fbulma.git

Add progress bars
---

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 64ece6b9a..19a683b39 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,10 +1,13 @@
+# Bulma Changelog
+
 ## 0.0.17
 
 ### Added
 
-* `.pagination`
-* `.control.is-horizontal` for horizontal forms
-* `.help` for controls
+* **pagination**: `.pagination`
+* **horizontal forms**: `.control.is-horizontal`
+* **help** text for form controls: `.help`
+* **progress bars**: `.progress`
 
 ### Updated
 
diff --git a/bulma/elements/elements.sass b/bulma/elements/elements.sass
index 3e7e2bec9..2c3d87117 100644
--- a/bulma/elements/elements.sass
+++ b/bulma/elements/elements.sass
@@ -6,6 +6,7 @@
 @import "images"
 @import "messages"
 @import "notifications"
+@import "progress"
 
 .delete
   +unselectable
diff --git a/bulma/elements/progress.sass b/bulma/elements/progress.sass
new file mode 100644
index 000000000..843a744e9
--- /dev/null
+++ b/bulma/elements/progress.sass
@@ -0,0 +1,29 @@
+.progress
+  -moz-appearance: none
+  -webkit-appearance: none
+  @extend .block
+  border: none
+  border-radius: 290486px
+  display: block
+  height: 12px
+  overflow: hidden
+  padding: 0
+  width: 100%
+  &::-webkit-progress-bar
+    background: $border
+  &::-webkit-progress-value,
+  &::-moz-progress-bar
+    background: $text
+  &.is-small
+    height: 8px
+  &.is-medium
+    height: 16px
+  &.is-large
+    height: 20px
+  @each $name, $pair in $colors
+    $color: nth($pair, 1)
+    &.is-#{$name}
+      &::-webkit-progress-value,
+      &::-moz-progress-bar
+        background: $color
+