bootstrap-source/bootstrap-3.0.3/less Kopie/progress-bars.less
changeset 115 a9d04f5f5650
parent 114 6093dda9fe38
child 116 00287f05dc6a
     1.1 --- a/bootstrap-source/bootstrap-3.0.3/less Kopie/progress-bars.less	Sat Jan 18 12:34:36 2014 +0100
     1.2 +++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.3 @@ -1,80 +0,0 @@
     1.4 -//
     1.5 -// Progress bars
     1.6 -// --------------------------------------------------
     1.7 -
     1.8 -
     1.9 -// Bar animations
    1.10 -// -------------------------
    1.11 -
    1.12 -// WebKit
    1.13 -@-webkit-keyframes progress-bar-stripes {
    1.14 -  from  { background-position: 40px 0; }
    1.15 -  to    { background-position: 0 0; }
    1.16 -}
    1.17 -
    1.18 -// Spec and IE10+
    1.19 -@keyframes progress-bar-stripes {
    1.20 -  from  { background-position: 40px 0; }
    1.21 -  to    { background-position: 0 0; }
    1.22 -}
    1.23 -
    1.24 -
    1.25 -
    1.26 -// Bar itself
    1.27 -// -------------------------
    1.28 -
    1.29 -// Outer container
    1.30 -.progress {
    1.31 -  overflow: hidden;
    1.32 -  height: @line-height-computed;
    1.33 -  margin-bottom: @line-height-computed;
    1.34 -  background-color: @progress-bg;
    1.35 -  border-radius: @border-radius-base;
    1.36 -  .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
    1.37 -}
    1.38 -
    1.39 -// Bar of progress
    1.40 -.progress-bar {
    1.41 -  float: left;
    1.42 -  width: 0%;
    1.43 -  height: 100%;
    1.44 -  font-size: @font-size-small;
    1.45 -  line-height: @line-height-computed;
    1.46 -  color: @progress-bar-color;
    1.47 -  text-align: center;
    1.48 -  background-color: @progress-bar-bg;
    1.49 -  .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
    1.50 -  .transition(width .6s ease);
    1.51 -}
    1.52 -
    1.53 -// Striped bars
    1.54 -.progress-striped .progress-bar {
    1.55 -  #gradient > .striped();
    1.56 -  background-size: 40px 40px;
    1.57 -}
    1.58 -
    1.59 -// Call animation for the active one
    1.60 -.progress.active .progress-bar {
    1.61 -  .animation(progress-bar-stripes 2s linear infinite);
    1.62 -}
    1.63 -
    1.64 -
    1.65 -
    1.66 -// Variations
    1.67 -// -------------------------
    1.68 -
    1.69 -.progress-bar-success {
    1.70 -  .progress-bar-variant(@progress-bar-success-bg);
    1.71 -}
    1.72 -
    1.73 -.progress-bar-info {
    1.74 -  .progress-bar-variant(@progress-bar-info-bg);
    1.75 -}
    1.76 -
    1.77 -.progress-bar-warning {
    1.78 -  .progress-bar-variant(@progress-bar-warning-bg);
    1.79 -}
    1.80 -
    1.81 -.progress-bar-danger {
    1.82 -  .progress-bar-variant(@progress-bar-danger-bg);
    1.83 -}
Impressum Datenschutzerklärung