diff --git a/sass/ascribe_progress_bar.scss b/sass/ascribe_progress_bar.scss new file mode 100644 index 00000000..ea8984a3 --- /dev/null +++ b/sass/ascribe_progress_bar.scss @@ -0,0 +1,20 @@ +.ascribe-progress-bar { + margin-bottom: 0; + + > .progress-bar { + background-color: $ascribe-dark-blue; + } + + span { + font-size: 1.2em; + color: white; + text-shadow: -1px 0 $ascribe--button-default-color, + 0 1px $ascribe--button-default-color, + 1px 0 $ascribe--button-default-color, + 0 -1px $ascribe--button-default-color; + } +} + +.ascribe-progress-bar.ascribe-progress-bar-xs { + height: 12px; +} diff --git a/sass/ascribe_uploader.scss b/sass/ascribe_uploader.scss index 8a13212b..dd08455a 100644 --- a/sass/ascribe_uploader.scss +++ b/sass/ascribe_uploader.scss @@ -319,40 +319,8 @@ } } -.ascribe-progress-bar { - margin-bottom: 0; - > .progress-bar { - background-color: $ascribe-dark-blue; + } - span { - font-size: 1.2em; - color: white; - text-shadow: -1px 0 $ascribe--button-default-color, - 0 1px $ascribe--button-default-color, - 1px 0 $ascribe--button-default-color, - 0 -1px $ascribe--button-default-color; - } -} - -.ascribe-progress-bar-xs { - height: 12px; -} - -.ascribe-upload-button { - display: inline-block; - text-align: left; - - &.ascribe-upload-button-has-label { - display: block; - - .btn { - font-size: 1em; - margin-right: 1em; - } - - span + .btn { - margin-left: 1em; - } } } diff --git a/sass/main.scss b/sass/main.scss index a807beeb..2d8f9363 100644 --- a/sass/main.scss +++ b/sass/main.scss @@ -25,6 +25,7 @@ @import 'ascribe_notification_list'; @import 'ascribe_notification_page'; @import 'ascribe_piece_register'; +@import 'ascribe_progress_bar'; @import 'offset_right'; @import 'ascribe_settings'; @import 'ascribe_slides_container';