implab/implabjs-djx Files · playground/src/main/resources/css/ProgressBar.css

`Subscribable` is made compatible with rxjs, added map, filter and scan...

`Subscribable` is made compatible with rxjs, added map, filter and scan methods to observables. `watch` can accept either stateful object and a property name to observe or the subscribable value. added ref attribute to the markup elements and widgets. `bind`, `tooggleClass` and `attach` methods can be passed to `ref` attribute in the markup to interact with elemnts and widgets.

cin - - Load All Authors

File last commit:

r100:ff52224a63f0 v1.3


                r102:c65ea2350b1a

v1.3

Download file

             ProgressBar.css
        
                    38 lines
            
             | 726 B
            
                | text/css
            
             |
                LassoCssLexer
            
             / playground / src / main / resources / css / ProgressBar.css
          
                    History
                
                 |
                  Annotation
                 | Raw
                 |Copy content
                 |Copy permalink

      .progress-bar * {

          transition: all 0.5s;

      }

      .progress-bar {

          transition: all 0.5s;

          height: 1em;

          line-height: 0;

          font-size: 10px;

          white-space: nowrap;

      }

      .progress-track {

          background-color: #888;

          height: 0.2em;

          box-shadow: 0 0 0.5em 0  #0004;

          width: 70%;

          display: inline-block;

          vertical-align: middle;

      }

      .progress-indicator {

          width: 30%;

          background-color: #0ae;

          height: 100%;

          display: inline-block;

          vertical-align: middle;

          box-shadow: 0 0.6em 1em -0.4em  #000;

      }

      .progress-bar:hover .progress-indicator {

          box-shadow: 0 1em 2em -0.4em  #000;

      }

      .progress-bar:hover .progress-track {

          background-color: #0ae;

          box-shadow: 0 0 0.5em 0  #0ae;

      }

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages

				.progress-bar * {
				transition: all 0.5s;
				}

				.progress-bar {

				transition: all 0.5s;
				height: 1em;
				line-height: 0;
				font-size: 10px;
				white-space: nowrap;
				}

				.progress-track {
				background-color: #888;
				height: 0.2em;
				box-shadow: 0 0 0.5em 0 #0004;
				width: 70%;
				display: inline-block;
				vertical-align: middle;
				}

				.progress-indicator {
				width: 30%;
				background-color: #0ae;
				height: 100%;
				display: inline-block;
				vertical-align: middle;
				box-shadow: 0 0.6em 1em -0.4em #000;
				}

				.progress-bar:hover .progress-indicator {
				box-shadow: 0 1em 2em -0.4em #000;
				}

				.progress-bar:hover .progress-track {
				background-color: #0ae;
				box-shadow: 0 0 0.5em 0 #0ae;
				}