mice 0.2.0 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
|