From b9cde47dd039bc58f84e0af76fccbfcc9d7be74e Mon Sep 17 00:00:00 2001 From: Adam Bradley Date: Mon, 24 Mar 2014 08:48:12 -0500 Subject: [PATCH] feat(progress): Set progress element's default width to 100%, closes #872 --- scss/_progress.scss | 10 ++++++++++ scss/_variables.scss | 7 +++++++ scss/ionic.scss | 1 + test/html/progress.html | 26 ++++++++++++++++++++++++++ 4 files changed, 44 insertions(+) create mode 100644 scss/_progress.scss create mode 100644 test/html/progress.html diff --git a/scss/_progress.scss b/scss/_progress.scss new file mode 100644 index 0000000000..779f9c9e00 --- /dev/null +++ b/scss/_progress.scss @@ -0,0 +1,10 @@ + +/** + * Progress + * -------------------------------------------------- + */ + +progress { + margin: $progress-margin; + width: $progress-width; +} diff --git a/scss/_variables.scss b/scss/_variables.scss index ab2cb27f7a..63a1039f13 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -419,6 +419,13 @@ $input-label-color: $dark !default; $input-color-placeholder: lighten($dark, 40%) !default; +// Progress +// ------------------------------- + +$progress-width: 100% !default; +$progress-margin: 15px 0 !default; + + // Toggle // ------------------------------- diff --git a/scss/ionic.scss b/scss/ionic.scss index 063fa99877..094b3dd391 100644 --- a/scss/ionic.scss +++ b/scss/ionic.scss @@ -32,6 +32,7 @@ "toggle", "radio", "range", + "progress", // Buttons "button", diff --git a/test/html/progress.html b/test/html/progress.html new file mode 100644 index 0000000000..d3a035af8e --- /dev/null +++ b/test/html/progress.html @@ -0,0 +1,26 @@ + + + + Progress + + + + + +
+

Progress

+
+ +
+ + + + + + + +

All CSS Tests

+
+ + +