mice 0.2.10 → 0.2.11

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.
Files changed (69) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile.lock +44 -36
  3. data/lib/mice/version.rb +1 -1
  4. metadata +2 -67
  5. data/vendor/assets/fonts/FontAwesome.otf +0 -0
  6. data/vendor/assets/fonts/fontawesome-webfont.eot +0 -0
  7. data/vendor/assets/fonts/fontawesome-webfont.svg +0 -414
  8. data/vendor/assets/fonts/fontawesome-webfont.ttf +0 -0
  9. data/vendor/assets/fonts/fontawesome-webfont.woff +0 -0
  10. data/vendor/assets/images/ZeroClipboard.swf +0 -0
  11. data/vendor/assets/javascripts/mice/ZeroClipboard.js +0 -1031
  12. data/vendor/assets/javascripts/mice/ZeroClipboard.min.js +0 -9
  13. data/vendor/assets/javascripts/mice/alert.js +0 -92
  14. data/vendor/assets/javascripts/mice/carousel.js +0 -66
  15. data/vendor/assets/javascripts/mice/jquery.autocomplete.min.js +0 -29
  16. data/vendor/assets/javascripts/mice/jquery.autofix_anything.js +0 -83
  17. data/vendor/assets/javascripts/mice/jquery.email-autocomplete.js +0 -178
  18. data/vendor/assets/javascripts/mice/jquery.js +0 -9597
  19. data/vendor/assets/javascripts/mice/jquery.min.js +0 -5
  20. data/vendor/assets/javascripts/mice/jquery.min.map +0 -1
  21. data/vendor/assets/javascripts/mice/jquery.onepage-scroll.js +0 -411
  22. data/vendor/assets/javascripts/mice/message.coffee +0 -104
  23. data/vendor/assets/javascripts/mice/modal.coffee +0 -237
  24. data/vendor/assets/javascripts/mice/slider.coffee +0 -20
  25. data/vendor/assets/javascripts/mice/slider.js +0 -223
  26. data/vendor/assets/javascripts/mice/tooltip.coffee +0 -338
  27. data/vendor/assets/javascripts/mice/transition.coffee +0 -36
  28. data/vendor/assets/javascripts/mice.js +0 -6
  29. data/vendor/assets/stylesheets/mice/_alerts.scss +0 -70
  30. data/vendor/assets/stylesheets/mice/_autofix_anything.scss +0 -14
  31. data/vendor/assets/stylesheets/mice/_breadcrumbs.scss +0 -26
  32. data/vendor/assets/stylesheets/mice/_buttons.scss +0 -407
  33. data/vendor/assets/stylesheets/mice/_callouts.scss +0 -71
  34. data/vendor/assets/stylesheets/mice/_close.scss +0 -35
  35. data/vendor/assets/stylesheets/mice/_code.scss +0 -63
  36. data/vendor/assets/stylesheets/mice/_component-animations.scss +0 -11
  37. data/vendor/assets/stylesheets/mice/_forms.scss +0 -402
  38. data/vendor/assets/stylesheets/mice/_grid.scss +0 -95
  39. data/vendor/assets/stylesheets/mice/_icons.scss +0 -564
  40. data/vendor/assets/stylesheets/mice/_images.scss +0 -250
  41. data/vendor/assets/stylesheets/mice/_labels.scss +0 -82
  42. data/vendor/assets/stylesheets/mice/_lists.scss +0 -186
  43. data/vendor/assets/stylesheets/mice/_media.scss +0 -53
  44. data/vendor/assets/stylesheets/mice/_menu.scss +0 -42
  45. data/vendor/assets/stylesheets/mice/_message.scss +0 -78
  46. data/vendor/assets/stylesheets/mice/_mixins.scss +0 -176
  47. data/vendor/assets/stylesheets/mice/_modals.scss +0 -160
  48. data/vendor/assets/stylesheets/mice/_navbar.scss +0 -86
  49. data/vendor/assets/stylesheets/mice/_normalize.scss +0 -425
  50. data/vendor/assets/stylesheets/mice/_pagination.scss +0 -171
  51. data/vendor/assets/stylesheets/mice/_panels.scss +0 -236
  52. data/vendor/assets/stylesheets/mice/_progress.scss +0 -65
  53. data/vendor/assets/stylesheets/mice/_scaffolding.scss +0 -101
  54. data/vendor/assets/stylesheets/mice/_sidebar.scss +0 -37
  55. data/vendor/assets/stylesheets/mice/_slider.scss +0 -310
  56. data/vendor/assets/stylesheets/mice/_tables.scss +0 -144
  57. data/vendor/assets/stylesheets/mice/_tabs.scss +0 -70
  58. data/vendor/assets/stylesheets/mice/_timeline.scss +0 -157
  59. data/vendor/assets/stylesheets/mice/_tipsy.scss +0 -36
  60. data/vendor/assets/stylesheets/mice/_tooltips.scss +0 -124
  61. data/vendor/assets/stylesheets/mice/_typography.scss +0 -113
  62. data/vendor/assets/stylesheets/mice/_utilities.scss +0 -48
  63. data/vendor/assets/stylesheets/mice/_variables.scss +0 -577
  64. data/vendor/assets/stylesheets/mice-mobile.scss +0 -23
  65. data/vendor/assets/stylesheets/mice.scss +0 -46
  66. data/vendor/assets/stylesheets/mobile/bars.scss +0 -76
  67. data/vendor/assets/stylesheets/mobile/base.scss +0 -52
  68. data/vendor/assets/stylesheets/mobile/cards.scss +0 -29
  69. data/vendor/assets/stylesheets/mobile/variables.scss +0 -37
@@ -1,250 +0,0 @@
1
- //
2
- // Images
3
- // --------------------------------------------------
4
-
5
-
6
- // Image Mixins
7
- // - Responsive image
8
- // - Retina image
9
-
10
-
11
- // Responsive image
12
- //
13
- // Keep images from scaling beyond the width of their parents.
14
- @mixin img-responsive($display: block) {
15
- display: $display;
16
- width: 100% \9; // Force IE10 and below to size SVG images correctly
17
- max-width: 100%; // Part 1: Set a maximum relative to the parent
18
- height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
19
- }
20
-
21
-
22
- // Retina image
23
- //
24
- // Short retina mixin for setting background-image and -size. Note that the
25
- // spelling of `min--moz-device-pixel-ratio` is intentional.
26
- @mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
27
- background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-1x}"), "#{$file-1x}"));
28
-
29
- @media
30
- only screen and (-webkit-min-device-pixel-ratio: 2),
31
- only screen and ( min--moz-device-pixel-ratio: 2),
32
- only screen and ( -o-min-device-pixel-ratio: 2/1),
33
- only screen and ( min-device-pixel-ratio: 2),
34
- only screen and ( min-resolution: 192dpi),
35
- only screen and ( min-resolution: 2dppx) {
36
- background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-2x}"), "#{$file-2x}"));
37
- background-size: $width-1x $height-1x;
38
- }
39
- }
40
-
41
-
42
-
43
- img {
44
- vertical-align: middle;
45
-
46
- &.responsive{
47
- max-width: 100%;
48
- height: auto;
49
- }
50
-
51
- &.rounded { border-radius: $border-radius-large; }
52
- &.circle { border-radius: 50%; }
53
- &.thumbnail {
54
- padding: 4px;
55
- line-height: 1.42857143;
56
- background-color: #FFF;
57
- border: 1px solid #DDD;
58
- border-radius: $border-radius;
59
- -webkit-transition: all .2s ease-in-out;
60
- transition: all .2s ease-in-out;
61
- display: inline-block;
62
- max-width: 100%;
63
- height: auto;
64
- }
65
-
66
- &.disabled{
67
- cursor: default;
68
- @include opacity(.3);
69
- }
70
-
71
- &.fluid{
72
- display: block;
73
- width: 100%;
74
- }
75
- }
76
-
77
-
78
- // Inspired by the original by http://www.hongkiat.com/blog/css3-image-captions/
79
- .thumbnail {
80
- display: inline-block;
81
- cursor: pointer;
82
- margin: 5px;
83
- position: relative;
84
- overflow: hidden;
85
-
86
- img {
87
- position: relative;
88
- -webkit-transition: all 300ms ease-out;
89
- -moz-transition: all 300ms ease-out;
90
- -o-transition: all 300ms ease-out;
91
- -ms-transition: all 300ms ease-out;
92
- transition: all 300ms ease-out;
93
- }
94
-
95
- .caption {
96
- width: 100%;
97
- overflow: hidden;
98
- padding: 5px;
99
-
100
- background-color: rgba(0,0,0,0.8);
101
- color: #fff;
102
-
103
- position: absolute;
104
- bottom: 0;
105
- left: 0;
106
- z-index: 100;
107
-
108
- -webkit-transition: all 300ms ease-out;
109
- -moz-transition: all 300ms ease-out;
110
- -o-transition: all 300ms ease-out;
111
- -ms-transition: all 300ms ease-out;
112
- transition: all 300ms ease-out;
113
- }
114
-
115
- &.simple .caption {
116
- height: 30px;
117
- bottom: -30px;
118
- text-align: center;
119
- }
120
- &.simple:hover .caption {
121
- opacity: 1;
122
- -moz-transform: translateY(-100%);
123
- -o-transform: translateY(-100%);
124
- -webkit-transform: translateY(-100%);
125
- transform: translateY(-100%);
126
- }
127
-
128
- &.full .caption {
129
- height: 100%;
130
- top: -100%;
131
- overflow: hidden;
132
- }
133
- &.full:hover .caption {
134
- -moz-transform: translateY(100%);
135
- -o-transform: translateY(100%);
136
- -webkit-transform: translateY(100%);
137
- transform: translateY(100%);
138
- }
139
-
140
- &.fade{ opacity: 1; }
141
- &.fade .caption{
142
- opacity: 0;
143
- top: 0;
144
- bottom: 0;
145
- }
146
- &.fade:hover .caption{ opacity: 1; }
147
-
148
- &.slide .caption {
149
- top: 0;
150
- left: 100%;
151
- bottom: 0;
152
- }
153
- &.slide:hover img {
154
- -moz-transform: translateX(-100%);
155
- -o-transform: translateX(-100%);
156
- -webkit-transform: translateX(-100%);
157
- transform: translateX(-100%);
158
- opacity: 1;
159
- }
160
- &.slide:hover .caption {
161
- background-color: rgba(0,0,0,1) !important;
162
- -moz-transform: translateX(-100%);
163
- -o-transform: translateX(-100%);
164
- -webkit-transform: translateX(-100%);
165
- transform: translateX(-100%);
166
- opacity: 1;
167
- }
168
-
169
- &.rotate img{
170
- -webkit-transform-origin: center bottom;
171
- -ms-transform-origin: center bottom;
172
- transform-origin: center bottom;
173
- opacity: 1;
174
- }
175
- &.rotate:hover img{
176
- -webkit-transform: rotate3d(0, 0, 1, -180deg);
177
- -webkit-transform: rotate3d(0, 0, 1, -180deg);
178
- -ms-transform: rotate3d(0, 0, 1, -180deg);
179
- transform: rotate3d(0, 0, 1, -180deg);
180
- }
181
- &.rotate .caption {
182
- top: 0;
183
- height: 100%;
184
- background-color: rgba(0,0,0,1) !important;
185
-
186
- -webkit-transform-origin: center bottom;
187
- -ms-transform-origin: center bottom;
188
- transform-origin: center bottom;
189
-
190
- -webkit-transform: rotate3d(0, 0, 1, 180deg);
191
- -ms-transform: rotate3d(0, 0, 1, 180deg);
192
- transform: rotate3d(0, 0, 1, 180deg);
193
- }
194
- &.rotate:hover .caption {
195
- -webkit-transform: none;
196
- -ms-transform: none;
197
- transform: none;
198
- }
199
-
200
- &.scale .caption{
201
- overflow: hidden;
202
- opacity: 0;
203
- top: 0;
204
- bottom: 0;
205
-
206
- h3, p {
207
- position: relative;
208
- left: -100%;
209
- -webkit-transition: all 300ms ease-out;
210
- -moz-transition: all 300ms ease-out;
211
- -o-transition: all 300ms ease-out;
212
- -ms-transition: all 300ms ease-out;
213
- transition: all 300ms ease-out;
214
- }
215
-
216
- h3 {
217
- -webkit-transition-delay: 300ms;
218
- -moz-transition-delay: 300ms;
219
- -o-transition-delay: 300ms;
220
- -ms-transition-delay: 300ms;
221
- transition-delay: 300ms;
222
- }
223
-
224
- p {
225
- -webkit-transition-delay: 500ms;
226
- -moz-transition-delay: 500ms;
227
- -o-transition-delay: 500ms;
228
- -ms-transition-delay: 500ms;
229
- transition-delay: 500ms;
230
- }
231
- }
232
- &.scale:hover{
233
- img {
234
- -moz-transform: scale(1.4);
235
- -o-transform: scale(1.4);
236
- -webkit-transform: scale(1.4);
237
- transform: scale(1.4);
238
- }
239
- .caption {
240
- opacity: 1;
241
- h3, p {
242
- -moz-transform: translateX(100%);
243
- -o-transform: translateX(100%);
244
- -webkit-transform: translateX(100%);
245
- transform: translateX(100%);
246
- }
247
- }
248
- }
249
-
250
- }
@@ -1,82 +0,0 @@
1
- //
2
- // Lables
3
- // --------------------------------------------------
4
-
5
- @mixin label-variant($color) {
6
- background-color: $color;
7
-
8
- &[href] {
9
- &:hover,
10
- &:focus {
11
- background-color: darken($color, 10%);
12
- }
13
- }
14
- }
15
-
16
-
17
- .label {
18
- display: inline;
19
- padding: .25em .6em;
20
- font-size: 75%;
21
- font-weight: bold;
22
- line-height: 1;
23
- color: $label-color;
24
- text-align: center;
25
- white-space: nowrap;
26
- vertical-align: baseline;
27
- border-radius: $border-radius;
28
-
29
- // [converter] extracted a& to a.label
30
-
31
- // Empty labels collapse automatically (not available in IE8)
32
- &:empty {
33
- display: none;
34
- }
35
-
36
- // Quick fix for labels in buttons
37
- .button & {
38
- position: relative;
39
- top: -1px;
40
- }
41
- }
42
-
43
- // Add hover effects, but only for links
44
- a.label {
45
- &:hover,
46
- &:focus {
47
- color: $label-link-hover-color;
48
- text-decoration: none;
49
- cursor: pointer;
50
- }
51
- }
52
-
53
- // Colors
54
- // Contextual variations (linked labels get darker on :hover)
55
- .label { @include label-variant($label-background-default); }
56
- .label.primary { @include label-variant($label-background-primary); }
57
- .label.success { @include label-variant($label-background-success); }
58
- .label.info { @include label-variant($label-background-info); }
59
- .label.warning { @include label-variant($label-background-warning); }
60
- .label.danger { @include label-variant($label-background-danger); }
61
-
62
- .label{
63
- &.large {
64
- padding: .4em .8em .5em;
65
- font-size: 120%;
66
- border-radius: $border-radius;
67
- }
68
- }
69
-
70
- // $colors: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, yellow;
71
-
72
- // @for $i from 1 through length($colors) {
73
- // .label.#{nth($colors, $i)}{
74
- // @include label-variant(#{nth($colors, $i)});
75
- // }
76
- // }
77
-
78
-
79
-
80
-
81
-
82
-
@@ -1,186 +0,0 @@
1
- //
2
- // Lists
3
- // --------------------------------------------------
4
-
5
- // List group variants
6
- @mixin list-group-item-variant($state, $background, $color) {
7
- > li.#{$state},
8
- .item.#{$state},
9
- > a.#{$state} {
10
- color: $color;
11
- background-color: $background;
12
- }
13
-
14
- > a.#{$state} {
15
- .heading { color: inherit; }
16
-
17
- &:hover,
18
- &:focus {
19
- color: $color;
20
- background-color: darken($background, 5%);
21
- }
22
- &.active,
23
- &.active:hover,
24
- &.active:focus {
25
- color: #fff;
26
- background-color: $color;
27
- border-color: $color;
28
- }
29
- }
30
- }
31
-
32
-
33
- // Unordered and Ordered lists
34
- ul,
35
- ol {
36
- margin-top: 0;
37
- margin-bottom: ($line-height-computed / 2);
38
- ul,
39
- ol {
40
- margin-bottom: 0;
41
- }
42
- }
43
-
44
- // List options
45
- ul.unstyled {
46
- padding-left: 0;
47
- list-style: none;
48
- }
49
-
50
- // Inline
51
- ul.inline {
52
- @extend .unstyled;
53
- margin-left: -5px;
54
-
55
- > li {
56
- display: inline-block;
57
- padding-left: 5px;
58
- padding-right: 5px;
59
- }
60
-
61
- &.justified{
62
- > li{
63
- float: none;
64
- display: table-cell;
65
- width: 1%;
66
- }
67
- }
68
- }
69
-
70
- // Description Lists
71
- dl {
72
- margin-top: 0;
73
- margin-bottom: $line-height-computed;
74
- dt,
75
- dd { line-height: $line-height-base; }
76
- dt { font-weight: bold; }
77
- dd { margin-left: 0; }
78
- }
79
-
80
- // Horizontal description lists
81
- dl.horizontal {
82
- dt{
83
- float: left;
84
- width: 160px;
85
- clear: left;
86
- text-align: right;
87
- overflow: hidden;
88
- text-overflow: ellipsis;
89
- white-space: nowrap;
90
- }
91
- dd {
92
- @include clearfix();
93
- margin-left: 180px;
94
- }
95
- }
96
-
97
-
98
- //
99
- // List groups
100
- // --------------------------------------------------
101
-
102
- // Base class
103
- // Easily usable on <ul>, <ol>, <div> or <section>.
104
- ul, ol, div, section{
105
- &.group {
106
- margin-bottom: 20px;
107
- padding-left: 0;
108
-
109
- > li,
110
- > a,
111
- .item {
112
- position: relative;
113
- display: block;
114
- padding: 10px 15px;
115
- margin-bottom: -1px;
116
- margin-top: 0;
117
- background-color: $list-group-background;
118
- border: 1px solid $list-group-border-color;
119
-
120
- &:first-child { @include border-top-radius($list-group-border-radius); }
121
- &:last-child { @include border-bottom-radius($list-group-border-radius); margin-bottom: 0; }
122
-
123
- > .label { float: right;}
124
- }
125
-
126
- > a {
127
- color: $list-group-link-color;
128
- // Hover state
129
- &:hover,
130
- &:focus {
131
- text-decoration: none;
132
- color: $list-group-link-hover-color;
133
- background-color: $list-group-hover-background;
134
- }
135
- }
136
-
137
- > li,
138
- > a,
139
- .item {
140
- // Disabled state
141
- &.disabled,
142
- &.disabled:hover,
143
- &.disabled:focus {
144
- background-color: $list-group-disabled-background;
145
- color: $list-group-disabled-color;
146
-
147
- .heading { color: inherit; }
148
- .text { color: $list-group-disabled-text-color; }
149
- }
150
-
151
- // Active class on item itself, not parent
152
- &.active,
153
- &.active:hover,
154
- &.active:focus {
155
- z-index: 2;
156
- color: $list-group-active-color;
157
- background-color: $list-group-active-background;
158
- border-color: $list-group-active-border;
159
-
160
- .heading { color: inherit; }
161
- .text { color: $list-group-active-text-color; }
162
- }
163
- }
164
-
165
-
166
- // Contextual variants
167
- // Add modifier classes to change text and background color on individual items.
168
- // Organizationally, this must come after the `:hover` states.
169
- @include list-group-item-variant(success, $state-success-background, $state-success-text);
170
- @include list-group-item-variant(info, $state-info-background, $state-info-text);
171
- @include list-group-item-variant(warning, $state-warning-background, $state-warning-text);
172
- @include list-group-item-variant(danger, $state-danger-background, $state-danger-text);
173
-
174
-
175
- // Custom content options
176
- .heading {
177
- margin-top: 0;
178
- margin-bottom: 5px;
179
- }
180
- .text {
181
- margin-bottom: 0;
182
- line-height: 1.3;
183
- }
184
-
185
- }
186
- }
@@ -1,53 +0,0 @@
1
- // Media objects
2
- // Source: http://stubbornella.org/content/?p=497
3
- // --------------------------------------------------
4
-
5
-
6
- // Common styles
7
- // -------------------------
8
- .media{
9
- margin-top: 15px;
10
- list-style: none;
11
-
12
- @include clearfix();
13
-
14
- &:first-child{
15
- margin-top: 0;
16
- }
17
-
18
- > .cover {
19
- display: block;
20
- float: left;
21
- margin-right: 10px;
22
-
23
- &.ext {
24
- float: right;
25
- margin-left: 10px;
26
- margin-right: 0;
27
- }
28
- }
29
-
30
- .desc {
31
- overflow: hidden;
32
- zoom: 1;
33
- }
34
-
35
- .heading {
36
- margin: 0 0 5px;
37
- }
38
-
39
- &.invert{
40
- text-align: right;
41
-
42
- > .cover{
43
- float: right;
44
- margin-left: 10px;
45
- margin-right: 0;
46
- }
47
- }
48
- }
49
-
50
- .mediae{
51
- padding-left: 0;
52
- list-style: none;
53
- }
@@ -1,42 +0,0 @@
1
- //
2
- // Menu
3
- // --------------------------------------------------
4
-
5
- .menu{
6
- list-style: none;
7
- margin: 0;
8
- padding: 0;
9
- position: relative;
10
-
11
- &.righted{
12
- float: right;
13
- }
14
-
15
- .menu{ display: none; }
16
-
17
- > li{
18
- position: relative;
19
-
20
- > a{
21
- display: block;
22
- padding: 0 15px;
23
- position: relative;
24
- text-decoration: none;
25
- color: #666;
26
- position: relative;
27
- }
28
-
29
- &.active{
30
- a{
31
- color: #428BCA;
32
- background: #F5F5F5;
33
-
34
- &:after{
35
- height: 3px;
36
- background-color: #428BCA;
37
- }
38
- }
39
- }
40
- }
41
-
42
- }
@@ -1,78 +0,0 @@
1
- //
2
- // Message
3
- // --------------------------------------------------
4
-
5
-
6
- // Mixin
7
- @mixin message-variant($background, $border, $text-color) {
8
- background-color: $background;
9
- border-color: $border;
10
- color: $text-color;
11
-
12
- a {
13
- color: darken($text-color, 10%);
14
- }
15
- }
16
-
17
-
18
- // Base styles
19
- // -------------------------
20
- .message {
21
- display: none;
22
- width: 100%;
23
- padding: 10px 20px;
24
- padding: $message-padding;
25
-
26
- line-height: 1.8;
27
- font-size: 16px;
28
- background: #FFF;
29
- background: rgba(255,255,255,0.9);
30
-
31
- color: #666;
32
- text-align: center;
33
-
34
- border-bottom: 1px solid #ddd;
35
- border-top: 1px solid #ddd;
36
-
37
- position: fixed;
38
- top: 0;
39
- left: 0;
40
- z-index: $zindex-message;
41
-
42
- &.top {
43
- top: 0;
44
- bottom: auto;
45
- }
46
-
47
- &.bottom{
48
- top: auto;
49
- bottom: 0;
50
- }
51
-
52
- h4{ margin: 0; color: inherit; }
53
- a { font-weight: $message-link-font-weight; }
54
-
55
- .close{
56
- display: inline;
57
- float: right;
58
- cursor: pointer;
59
- position: absolute;
60
- top: 10px;
61
- right: 10px;
62
- opacity: 0.6;
63
-
64
- &:hover{
65
- opacity: 1;
66
- }
67
- }
68
- }
69
-
70
-
71
- // Alternate styles
72
- // Generate contextual modifier classes for colorizing the message.
73
- .message{
74
- &.success {@include message-variant($message-success-background, $message-success-border, $message-success-text); }
75
- &.info {@include message-variant($message-info-background, $message-info-border, $message-info-text); }
76
- &.warning {@include message-variant($message-warning-background, $message-warning-border, $message-warning-text); }
77
- &.danger {@include message-variant($message-danger-background, $message-danger-border, $message-danger-text); }
78
- }