ascribe
/
onion
mirror of https://github.com/ascribe/onion.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Move progress bar styling to its own file

This commit is contained in:
Brett Sun 2016-07-08 16:16:37 +02:00
parent 16a7e32840
commit 652a768208
3 changed files with 22 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
sass/ascribe_progress_bar.scss Normal file
View File

@ -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;
}

34
sass/ascribe_uploader.scss
View File

@ -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;
}
}
}

1
sass/main.scss
View File

@ -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';