mice 0.2.0 → 0.2.1

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 492557d2c8d1e3c1f5503ac34470c4edc2b128b9
4
- data.tar.gz: bb31b639abaad968d7035283001efdc8cfc1f8bb
3
+ metadata.gz: 3a3d410b3553ab5517aaa6f57cf1639ddfd2901b
4
+ data.tar.gz: 50f7723820a87dc4aec2c4c3533f862b83dcbdf4
5
5
  SHA512:
6
- metadata.gz: d637a04cfc17897f89a7ff9068fa2960e6796246a779c36989a0931a22b96cd895f31d5eeaf4a1df04b43631c55e0b6cf68755a25f61f4bb463261d0d5a66ce2
7
- data.tar.gz: e11072e2a495c591c3b4e4a823a42fe04016e47e16a267ae21a88e0fc188f1e44b4b05e695601cbe9989f990b8efdde944aaab19311545a45108cc3fed2b015f
6
+ metadata.gz: 536a5fae0041594a93498f81c11b3682eb98edae10091b35917aa16de6c83712844efd6cf6ec6cfbc9ede9a76900a8bddaca62fcbc9d7ce9008496dab8504ae8
7
+ data.tar.gz: 746bc90893acf285b00027873fa6698b23f4ad9a5651a9ce9dfc102cc21cfb358f74e99d1bd4eb1acde0fe63014a0a84b6f0699ddeedcbc58594bb0f90d2e4d2
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- mice (0.2.0)
4
+ mice (0.2.1)
5
5
  sass (~> 3.2)
6
6
 
7
7
  GEM
data/lib/mice/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module Mice
2
- VERSION = "0.2.0"
2
+ VERSION = "0.2.1"
3
3
  end
@@ -58,25 +58,10 @@
58
58
 
59
59
 
60
60
  // Gradients
61
- @mixin linear-gradient($color-from, $color-to) {
62
- background-color: $color-from; // Old browsers
63
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$color-from), color-stop(100%,$color-to)); // Chrome, Safari4+
64
- background-image: -webkit-linear-gradient(top, $color-from 0%, $color-to 100%); // Chrome10+, Safari5.1+
65
- background-image: -moz-linear-gradient(top, $color-from 0%, $color-to 100%); // FF3.6+
66
- background-image: -ms-linear-gradient(top, $color-from 0%, $color-to 100%); // IE10+
67
- background-image: -o-linear-gradient(top, $color-from 0%, $color-to 100%); // Opera 11.10+
68
- background-image: linear-gradient(to bottom, $color-from 0%, $color-to 100%); // W3C
69
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{$color-from}', endColorstr='#{$color-to}', GradientType=0 ); // IE6-9
70
- }
71
- @mixin directional-gradient($color-from, $color-to, $deg: 45deg) {
72
- background-color: $color-from; // Old browsers
73
- background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0%,$color-from), color-stop(100%,$color-to)); // Chrome, Safari4+
74
- background-image: -webkit-linear-gradient(45deg, $color-from 0%, $color-to 100%); // Chrome10+, Safari5.1+
75
- background-image: -moz-linear-gradient(45deg, $color-from 0%, $color-to 100%); // FF3.6+
76
- background-image: -ms-linear-gradient(45deg, $color-from 0%, $color-to 100%); // IE10+
77
- background-image: -o-linear-gradient(45deg, $color-from 0%, $color-to 100%); // Opera 11.10+
78
- background-image: linear-gradient(45deg, $color-from 0%, $color-to 100%); // W3C
79
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{$color-from}', endColorstr='#{$color-to}', GradientType=1 ); // IE6-9
61
+ @mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 45deg) {
62
+ background-image: -webkit-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
63
+ background-image: -o-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
64
+ background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
80
65
  }
81
66
 
82
67
 
@@ -0,0 +1,65 @@
1
+ //
2
+ // Progress bars
3
+ // --------------------------------------------------
4
+
5
+ // Mixin
6
+ @mixin progress-bar-variant($color) {
7
+ background-color: $color;
8
+ }
9
+
10
+ // Bar animations
11
+ @-webkit-keyframes progress-bar-stripes {
12
+ to { background-position: 32px 0; }
13
+ from{ background-position: 0 0; }
14
+ }
15
+ @keyframes progress-bar-stripes {
16
+ to { background-position: 32px 0; }
17
+ from{ background-position: 0 0; }
18
+ }
19
+
20
+ // Progress outer container
21
+ .progress {
22
+ overflow: hidden;
23
+ height: $progress-height;
24
+ margin-bottom: $progress-height;
25
+ background-color: $progress-background;
26
+ border-radius: $border-radius;
27
+
28
+ @include box-shadow(inset 0 1px 1px rgba(0,0,0,.1));
29
+
30
+ // Bar of progress
31
+ .bar {
32
+ float: left;
33
+ width: 0%;
34
+ height: 100%;
35
+ font-size: $font-size-small;
36
+ line-height: $progress-height;
37
+ color: $progress-bar-color;
38
+ text-align: center;
39
+ background-color: $progress-bar-background;
40
+ @include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
41
+ @include transition(width .6s ease);
42
+ }
43
+ }
44
+
45
+ // Striped bars
46
+ .progress .bar.striped,
47
+ .progress.striped .bar {
48
+ @include gradient-striped();
49
+ background-size: 32px 32px;
50
+ }
51
+
52
+ // Call animation for the active one
53
+ .progress.active .bar,
54
+ .progress .bar.active {
55
+ -webkit-animation: progress-bar-stripes 1.5s linear infinite;
56
+ animation: progress-bar-stripes 1.5s linear infinite;
57
+ }
58
+
59
+ // Variations
60
+ .progress .bar{
61
+ &.success { @include progress-bar-variant($progress-bar-success-background);}
62
+ &.info { @include progress-bar-variant($progress-bar-info-background); }
63
+ &.warning { @include progress-bar-variant($progress-bar-warning-background);}
64
+ &.danger { @include progress-bar-variant($progress-bar-danger-background); }
65
+ }
@@ -279,6 +279,7 @@ $label-link-hover-color: #fff !default;
279
279
 
280
280
 
281
281
  // List group
282
+ // --------------------------------------------------
282
283
  $list-group-background: #fff !default;
283
284
  $list-group-border-color: #ddd !default;
284
285
  $list-group-border-radius: $border-radius !default;
@@ -298,6 +299,7 @@ $list-group-link-hover-color: $list-group-link-color !default;
298
299
 
299
300
 
300
301
  // Timeline
302
+ // --------------------------------------------------
301
303
  $timeline-color-default: $gray-dark !default;
302
304
 
303
305
  $timeline-background-default: $gray-light !default;
@@ -320,10 +322,8 @@ $timeline-large-font-size: 24px !default;
320
322
  $timeline-large-border: 4px !default;
321
323
 
322
324
 
323
- //== Panels
324
- //
325
- //##
326
-
325
+ // Panels
326
+ // --------------------------------------------------
327
327
  $panel-bg: #fff !default;
328
328
  $panel-body-padding: 15px !default;
329
329
  $panel-heading-padding: 10px 15px !default;
@@ -359,3 +359,22 @@ $panel-danger-border: $state-danger-border !default;
359
359
  $panel-danger-heading-bg: $state-danger-background !default;
360
360
 
361
361
 
362
+ // Progress bars
363
+ // --------------------------------------------------
364
+ $progress-height: $line-height-computed * 0.8 !default;
365
+ //** Background color of the whole progress component
366
+ $progress-background: #f5f5f5 !default;
367
+ //** Progress bar text color
368
+ $progress-bar-color: #fff !default;
369
+
370
+ //** Default progress bar color
371
+ $progress-bar-background: $brand-primary !default;
372
+ //** Success progress bar color
373
+ $progress-bar-success-background: $brand-success !default;
374
+ //** Warning progress bar color
375
+ $progress-bar-warning-background: $brand-warning !default;
376
+ //** Danger progress bar color
377
+ $progress-bar-danger-background: $brand-danger !default;
378
+ //** Info progress bar color
379
+ $progress-bar-info-background: $brand-info !default;
380
+
@@ -28,6 +28,7 @@
28
28
  @import "mice/media";
29
29
  @import "mice/labels";
30
30
  @import "mice/timeline";
31
+ @import "mice/progress";
31
32
 
32
33
  // Form
33
34
  @import "mice/forms";
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: mice
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.0
4
+ version: 0.2.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - miclle
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2014-06-22 00:00:00.000000000 Z
11
+ date: 2014-06-29 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: sass
@@ -85,6 +85,7 @@ files:
85
85
  - vendor/assets/stylesheets/mice/_normalize.scss
86
86
  - vendor/assets/stylesheets/mice/_pagination.scss
87
87
  - vendor/assets/stylesheets/mice/_panels.scss
88
+ - vendor/assets/stylesheets/mice/_progress.scss
88
89
  - vendor/assets/stylesheets/mice/_scaffolding.scss
89
90
  - vendor/assets/stylesheets/mice/_sidebar.scss
90
91
  - vendor/assets/stylesheets/mice/_tables.scss