diff options
Diffstat (limited to 'assets/stylesheets')
| -rw-r--r-- | assets/stylesheets/book/progress.less | 51 | ||||
| -rw-r--r-- | assets/stylesheets/main.less | 1 |
2 files changed, 52 insertions, 0 deletions
diff --git a/assets/stylesheets/book/progress.less b/assets/stylesheets/book/progress.less new file mode 100644 index 0000000..b43fa55 --- /dev/null +++ b/assets/stylesheets/book/progress.less @@ -0,0 +1,51 @@ +.book .book-body { + @chapter-size: 16px; + @bar-background: #eee; + + .book-progress { + height: 30px; + width: 100%; + position: relative; + background: #fff; + + .bar { + height: 10px; + position: absolute; + right: 20px; + left: 20px; + top: 10px; + + background: @bar-background; + border-radius: 5px; + overflow: hidden; + + .inner { + height: 100%; + width: 0%; + background: @brand-success; + } + } + + .chapters { + position: absolute; + right: 50px; + left: 50px - @chapter-size; + top: 7px; + + .chapter { + position: absolute; + width: @chapter-size; + height: @chapter-size; + border-radius: @chapter-size; + + background: @bar-background; + box-shadow: 0px 0px 1px #bbb; + + &.done { + background: @brand-success; + box-shadow: none; + } + } + } + } +}
\ No newline at end of file diff --git a/assets/stylesheets/main.less b/assets/stylesheets/main.less index 10cb052..5fea23b 100644 --- a/assets/stylesheets/main.less +++ b/assets/stylesheets/main.less @@ -11,6 +11,7 @@ @import "book/footer.less"; @import "book/exercise.less"; @import "book/markdown.less"; +@import "book/progress.less"; * { -webkit-overflow-scrolling: touch; |