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 +4 -4
- data/Gemfile.lock +1 -1
- data/lib/mice/version.rb +1 -1
- data/vendor/assets/stylesheets/mice/_mixins.scss +4 -19
- data/vendor/assets/stylesheets/mice/_progress.scss +65 -0
- data/vendor/assets/stylesheets/mice/_variables.scss +23 -4
- data/vendor/assets/stylesheets/mice.scss +1 -0
- metadata +3 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 3a3d410b3553ab5517aaa6f57cf1639ddfd2901b
|
4
|
+
data.tar.gz: 50f7723820a87dc4aec2c4c3533f862b83dcbdf4
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 536a5fae0041594a93498f81c11b3682eb98edae10091b35917aa16de6c83712844efd6cf6ec6cfbc9ede9a76900a8bddaca62fcbc9d7ce9008496dab8504ae8
|
7
|
+
data.tar.gz: 746bc90893acf285b00027873fa6698b23f4ad9a5651a9ce9dfc102cc21cfb358f74e99d1bd4eb1acde0fe63014a0a84b6f0699ddeedcbc58594bb0f90d2e4d2
|
data/Gemfile.lock
CHANGED
data/lib/mice/version.rb
CHANGED
@@ -58,25 +58,10 @@
|
|
58
58
|
|
59
59
|
|
60
60
|
// Gradients
|
61
|
-
@mixin
|
62
|
-
background-
|
63
|
-
background-image: -
|
64
|
-
background-image:
|
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
|
-
|
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
|
+
|
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.
|
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-
|
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
|