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.
- checksums.yaml +4 -4
- data/Gemfile.lock +44 -36
- data/lib/mice/version.rb +1 -1
- metadata +2 -67
- data/vendor/assets/fonts/FontAwesome.otf +0 -0
- data/vendor/assets/fonts/fontawesome-webfont.eot +0 -0
- data/vendor/assets/fonts/fontawesome-webfont.svg +0 -414
- data/vendor/assets/fonts/fontawesome-webfont.ttf +0 -0
- data/vendor/assets/fonts/fontawesome-webfont.woff +0 -0
- data/vendor/assets/images/ZeroClipboard.swf +0 -0
- data/vendor/assets/javascripts/mice/ZeroClipboard.js +0 -1031
- data/vendor/assets/javascripts/mice/ZeroClipboard.min.js +0 -9
- data/vendor/assets/javascripts/mice/alert.js +0 -92
- data/vendor/assets/javascripts/mice/carousel.js +0 -66
- data/vendor/assets/javascripts/mice/jquery.autocomplete.min.js +0 -29
- data/vendor/assets/javascripts/mice/jquery.autofix_anything.js +0 -83
- data/vendor/assets/javascripts/mice/jquery.email-autocomplete.js +0 -178
- data/vendor/assets/javascripts/mice/jquery.js +0 -9597
- data/vendor/assets/javascripts/mice/jquery.min.js +0 -5
- data/vendor/assets/javascripts/mice/jquery.min.map +0 -1
- data/vendor/assets/javascripts/mice/jquery.onepage-scroll.js +0 -411
- data/vendor/assets/javascripts/mice/message.coffee +0 -104
- data/vendor/assets/javascripts/mice/modal.coffee +0 -237
- data/vendor/assets/javascripts/mice/slider.coffee +0 -20
- data/vendor/assets/javascripts/mice/slider.js +0 -223
- data/vendor/assets/javascripts/mice/tooltip.coffee +0 -338
- data/vendor/assets/javascripts/mice/transition.coffee +0 -36
- data/vendor/assets/javascripts/mice.js +0 -6
- data/vendor/assets/stylesheets/mice/_alerts.scss +0 -70
- data/vendor/assets/stylesheets/mice/_autofix_anything.scss +0 -14
- data/vendor/assets/stylesheets/mice/_breadcrumbs.scss +0 -26
- data/vendor/assets/stylesheets/mice/_buttons.scss +0 -407
- data/vendor/assets/stylesheets/mice/_callouts.scss +0 -71
- data/vendor/assets/stylesheets/mice/_close.scss +0 -35
- data/vendor/assets/stylesheets/mice/_code.scss +0 -63
- data/vendor/assets/stylesheets/mice/_component-animations.scss +0 -11
- data/vendor/assets/stylesheets/mice/_forms.scss +0 -402
- data/vendor/assets/stylesheets/mice/_grid.scss +0 -95
- data/vendor/assets/stylesheets/mice/_icons.scss +0 -564
- data/vendor/assets/stylesheets/mice/_images.scss +0 -250
- data/vendor/assets/stylesheets/mice/_labels.scss +0 -82
- data/vendor/assets/stylesheets/mice/_lists.scss +0 -186
- data/vendor/assets/stylesheets/mice/_media.scss +0 -53
- data/vendor/assets/stylesheets/mice/_menu.scss +0 -42
- data/vendor/assets/stylesheets/mice/_message.scss +0 -78
- data/vendor/assets/stylesheets/mice/_mixins.scss +0 -176
- data/vendor/assets/stylesheets/mice/_modals.scss +0 -160
- data/vendor/assets/stylesheets/mice/_navbar.scss +0 -86
- data/vendor/assets/stylesheets/mice/_normalize.scss +0 -425
- data/vendor/assets/stylesheets/mice/_pagination.scss +0 -171
- data/vendor/assets/stylesheets/mice/_panels.scss +0 -236
- data/vendor/assets/stylesheets/mice/_progress.scss +0 -65
- data/vendor/assets/stylesheets/mice/_scaffolding.scss +0 -101
- data/vendor/assets/stylesheets/mice/_sidebar.scss +0 -37
- data/vendor/assets/stylesheets/mice/_slider.scss +0 -310
- data/vendor/assets/stylesheets/mice/_tables.scss +0 -144
- data/vendor/assets/stylesheets/mice/_tabs.scss +0 -70
- data/vendor/assets/stylesheets/mice/_timeline.scss +0 -157
- data/vendor/assets/stylesheets/mice/_tipsy.scss +0 -36
- data/vendor/assets/stylesheets/mice/_tooltips.scss +0 -124
- data/vendor/assets/stylesheets/mice/_typography.scss +0 -113
- data/vendor/assets/stylesheets/mice/_utilities.scss +0 -48
- data/vendor/assets/stylesheets/mice/_variables.scss +0 -577
- data/vendor/assets/stylesheets/mice-mobile.scss +0 -23
- data/vendor/assets/stylesheets/mice.scss +0 -46
- data/vendor/assets/stylesheets/mobile/bars.scss +0 -76
- data/vendor/assets/stylesheets/mobile/base.scss +0 -52
- data/vendor/assets/stylesheets/mobile/cards.scss +0 -29
- data/vendor/assets/stylesheets/mobile/variables.scss +0 -37
@@ -1,176 +0,0 @@
|
|
1
|
-
// Clearfix
|
2
|
-
//
|
3
|
-
// For modern browsers
|
4
|
-
// 1. The space content is one way to avoid an Opera bug when the
|
5
|
-
// contenteditable attribute is included anywhere else in the document.
|
6
|
-
// Otherwise it causes space to appear at the top and bottom of elements
|
7
|
-
// that are clearfixed.
|
8
|
-
// 2. The use of `table` rather than `block` is only necessary if using
|
9
|
-
// `:before` to contain the top-margins of child elements.
|
10
|
-
//
|
11
|
-
// Source: http://nicolasgallagher.com/micro-clearfix-hack/
|
12
|
-
@mixin clearfix() {
|
13
|
-
&:before,
|
14
|
-
&:after {
|
15
|
-
content: " "; // 1
|
16
|
-
display: table; // 2
|
17
|
-
}
|
18
|
-
&:after {
|
19
|
-
clear: both;
|
20
|
-
}
|
21
|
-
}
|
22
|
-
|
23
|
-
// Box sizing
|
24
|
-
@mixin box-sizing($boxmodel) {
|
25
|
-
-webkit-box-sizing: $boxmodel;
|
26
|
-
-moz-box-sizing: $boxmodel;
|
27
|
-
box-sizing: $boxmodel;
|
28
|
-
}
|
29
|
-
|
30
|
-
|
31
|
-
// User select
|
32
|
-
// For selecting text on the page
|
33
|
-
|
34
|
-
@mixin user-select($select) {
|
35
|
-
-webkit-user-select: $select;
|
36
|
-
-moz-user-select: $select;
|
37
|
-
-ms-user-select: $select; // IE10+
|
38
|
-
user-select: $select;
|
39
|
-
}
|
40
|
-
|
41
|
-
|
42
|
-
// Opacity
|
43
|
-
|
44
|
-
@mixin opacity($opacity) {
|
45
|
-
opacity: $opacity;
|
46
|
-
// IE8 filter
|
47
|
-
$opacity-ie: ($opacity * 100);
|
48
|
-
filter: #{alpha(opacity=$opacity-ie)};
|
49
|
-
}
|
50
|
-
|
51
|
-
|
52
|
-
// Drop shadows
|
53
|
-
|
54
|
-
@mixin box-shadow($shadow...) {
|
55
|
-
-webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1
|
56
|
-
box-shadow: $shadow;
|
57
|
-
}
|
58
|
-
|
59
|
-
|
60
|
-
// Gradients
|
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);
|
65
|
-
}
|
66
|
-
|
67
|
-
|
68
|
-
// Transforms
|
69
|
-
// --------------------------------------------------
|
70
|
-
@mixin transform($transform...) {
|
71
|
-
-webkit-transform: $transform;
|
72
|
-
-ms-transform: $transform;
|
73
|
-
transform: $transform;
|
74
|
-
}
|
75
|
-
|
76
|
-
|
77
|
-
// Transitions
|
78
|
-
// --------------------------------------------------
|
79
|
-
@mixin transition($transition...) {
|
80
|
-
-webkit-transition: $transition;
|
81
|
-
-moz-transition: $transition;
|
82
|
-
transition: $transition;
|
83
|
-
}
|
84
|
-
@mixin transition-property($property...) {
|
85
|
-
-webkit-transition-property: $property;
|
86
|
-
-moz-transition-property: $property;
|
87
|
-
transition-property: $property;
|
88
|
-
}
|
89
|
-
@mixin transition-duration($duration...) {
|
90
|
-
-webkit-transition-duration: $duration;
|
91
|
-
-moz-transition-duration: $duration;
|
92
|
-
transition-duration: $duration;
|
93
|
-
}
|
94
|
-
@mixin transition-timing-function($function...) {
|
95
|
-
-webkit-transition-timing-function: $function;
|
96
|
-
-moz-transition-timing-function: $function;
|
97
|
-
transition-timing-function: $function;
|
98
|
-
}
|
99
|
-
|
100
|
-
@mixin transition-transform($transition...) {
|
101
|
-
-webkit-transition: -webkit-transform $transition;
|
102
|
-
-moz-transition: -moz-transform $transition;
|
103
|
-
-o-transition: -o-transform $transition;
|
104
|
-
transition: transform $transition;
|
105
|
-
}
|
106
|
-
|
107
|
-
@mixin translate($x, $y) {
|
108
|
-
-webkit-transform: translate($x, $y);
|
109
|
-
-ms-transform: translate($x, $y); // IE9 only
|
110
|
-
-o-transform: translate($x, $y);
|
111
|
-
transform: translate($x, $y);
|
112
|
-
}
|
113
|
-
@mixin translate3d($x, $y, $z) {
|
114
|
-
-webkit-transform: translate3d($x, $y, $z);
|
115
|
-
transform: translate3d($x, $y, $z);
|
116
|
-
}
|
117
|
-
|
118
|
-
// Animations
|
119
|
-
// --------------------------------------------------
|
120
|
-
@mixin animation-name($name) {
|
121
|
-
-webkit-animation-name: $name;
|
122
|
-
-moz-animation-name: $name;
|
123
|
-
animation-name: $name;
|
124
|
-
}
|
125
|
-
@mixin animation-duration($duration) {
|
126
|
-
-webkit-animation-duration: $duration;
|
127
|
-
-moz-animation-duration: $duration;
|
128
|
-
animation-duration: $duration;
|
129
|
-
}
|
130
|
-
@mixin animation-direction($direction) {
|
131
|
-
-webkit-animation-direction: $direction;
|
132
|
-
-moz-animation-direction: $direction;
|
133
|
-
animation-direction: $direction;
|
134
|
-
}
|
135
|
-
|
136
|
-
|
137
|
-
// Misc
|
138
|
-
// --------------------------------------------------
|
139
|
-
@mixin hairline($type, $color, $offset) {
|
140
|
-
@if $type == single {
|
141
|
-
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#{$color}' x='0' y='0' width='100%' height='0.5'/></svg>");
|
142
|
-
background-position: $offset 100%;
|
143
|
-
|
144
|
-
} @else if $type == double {
|
145
|
-
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#{$color}' x='0' y='0' width='100%' height='0.5'/></svg>"),
|
146
|
-
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#{$color}' x='0' y='0' width='100%' height='0.5'/></svg>");
|
147
|
-
background-position: $offset 100%, $offset 0;
|
148
|
-
}
|
149
|
-
background-repeat: no-repeat;
|
150
|
-
}
|
151
|
-
|
152
|
-
|
153
|
-
// Typography
|
154
|
-
// --------------------------------------------------
|
155
|
-
// [converter] $parent hack
|
156
|
-
@mixin text-emphasis-variant($parent, $color) {
|
157
|
-
#{$parent} {
|
158
|
-
color: $color;
|
159
|
-
}
|
160
|
-
a#{$parent}:hover {
|
161
|
-
color: darken($color, 10%);
|
162
|
-
}
|
163
|
-
}
|
164
|
-
|
165
|
-
|
166
|
-
// Contextual backgrounds
|
167
|
-
// --------------------------------------------------
|
168
|
-
// [converter] $parent hack
|
169
|
-
@mixin background-variant($parent, $color) {
|
170
|
-
#{$parent} {
|
171
|
-
background-color: $color;
|
172
|
-
}
|
173
|
-
a#{$parent}:hover {
|
174
|
-
background-color: darken($color, 10%);
|
175
|
-
}
|
176
|
-
}
|
@@ -1,160 +0,0 @@
|
|
1
|
-
//
|
2
|
-
// Modals
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
// .modal-open - body class for killing the scroll
|
6
|
-
// .modal - container to scroll within
|
7
|
-
// .dialog - positioning shell for the actual modal
|
8
|
-
// .content - actual modal w/ bg and corners and shit
|
9
|
-
|
10
|
-
// Kill the scroll on the body
|
11
|
-
.modal-open {
|
12
|
-
overflow: hidden;
|
13
|
-
|
14
|
-
.modal {
|
15
|
-
overflow-x: hidden;
|
16
|
-
overflow-y: auto;
|
17
|
-
}
|
18
|
-
}
|
19
|
-
|
20
|
-
|
21
|
-
// Container that the modal scrolls within
|
22
|
-
.modal {
|
23
|
-
display: none;
|
24
|
-
overflow: hidden;
|
25
|
-
position: fixed;
|
26
|
-
top: 0;
|
27
|
-
right: 0;
|
28
|
-
bottom: 0;
|
29
|
-
left: 0;
|
30
|
-
z-index: $zindex-modal;
|
31
|
-
-webkit-overflow-scrolling: touch;
|
32
|
-
outline: 0;
|
33
|
-
|
34
|
-
// When fading in the modal, animate it to slide down
|
35
|
-
&.fade .dialog {
|
36
|
-
@include translate3d(0, -25%, 0);
|
37
|
-
@include transition-transform(0.3s ease-out);
|
38
|
-
}
|
39
|
-
&.in .dialog { @include translate3d(0, 0, 0); }
|
40
|
-
|
41
|
-
}
|
42
|
-
|
43
|
-
// Modal background
|
44
|
-
.modal-backdrop {
|
45
|
-
position: fixed;
|
46
|
-
top: 0;
|
47
|
-
right: 0;
|
48
|
-
bottom: 0;
|
49
|
-
left: 0;
|
50
|
-
z-index: $zindex-modal-background;
|
51
|
-
background-color: $modal-backdrop-background;
|
52
|
-
|
53
|
-
// Fade for backdrop
|
54
|
-
&.fade {
|
55
|
-
@include opacity(0);
|
56
|
-
&.in { @include opacity($modal-backdrop-opacity); }
|
57
|
-
}
|
58
|
-
}
|
59
|
-
|
60
|
-
|
61
|
-
.modal {
|
62
|
-
// Shell div to position the modal with bottom padding
|
63
|
-
.dialog {
|
64
|
-
position: relative;
|
65
|
-
width: auto;
|
66
|
-
margin: 10px;
|
67
|
-
}
|
68
|
-
|
69
|
-
// Actual modal
|
70
|
-
.content {
|
71
|
-
position: relative;
|
72
|
-
background-color: $modal-content-background;
|
73
|
-
border: 1px solid $modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
|
74
|
-
border: 1px solid $modal-content-border-color;
|
75
|
-
border-radius: $border-radius;
|
76
|
-
@include box-shadow(0 3px 9px rgba(0,0,0,.5));
|
77
|
-
background-clip: padding-box;
|
78
|
-
// Remove focus outline from opened modal
|
79
|
-
outline: 0;
|
80
|
-
}
|
81
|
-
|
82
|
-
// Modal header
|
83
|
-
// Top section of the modal w/ title and dismiss
|
84
|
-
.header {
|
85
|
-
padding: $modal-title-padding;
|
86
|
-
border-bottom: 1px solid $modal-header-border-color;
|
87
|
-
min-height: ($modal-title-padding + $modal-title-line-height);
|
88
|
-
|
89
|
-
// Close icon
|
90
|
-
.close { margin-top: -2px; }
|
91
|
-
|
92
|
-
// Title text within header
|
93
|
-
h1, h2, h3, h4, h5, h6 {
|
94
|
-
margin: 0;
|
95
|
-
line-height: $modal-title-line-height;
|
96
|
-
}
|
97
|
-
}
|
98
|
-
|
99
|
-
// Modal body
|
100
|
-
// Where all modal content resides (sibling of .header and .footer)
|
101
|
-
.body {
|
102
|
-
position: relative;
|
103
|
-
padding: $modal-inner-padding;
|
104
|
-
}
|
105
|
-
|
106
|
-
// Footer (for actions)
|
107
|
-
.footer {
|
108
|
-
padding: $modal-inner-padding;
|
109
|
-
text-align: right; // right align buttons
|
110
|
-
border-top: 1px solid $modal-footer-border-color;
|
111
|
-
@include clearfix(); // clear it in case folks use .pull-* classes on buttons
|
112
|
-
|
113
|
-
// Properly space out buttons
|
114
|
-
.button + .button {
|
115
|
-
margin-left: 5px;
|
116
|
-
margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
|
117
|
-
}
|
118
|
-
// but override that for button groups
|
119
|
-
.buttons .button + .button {
|
120
|
-
margin-left: -1px;
|
121
|
-
}
|
122
|
-
// and override it for block buttons as well
|
123
|
-
.button.block + .button.block {
|
124
|
-
margin-left: 0;
|
125
|
-
}
|
126
|
-
}
|
127
|
-
|
128
|
-
}
|
129
|
-
|
130
|
-
|
131
|
-
// Measure scrollbar width for padding body during modal show/hide
|
132
|
-
.modal-scrollbar-measure {
|
133
|
-
position: absolute;
|
134
|
-
top: -9999px;
|
135
|
-
width: 50px;
|
136
|
-
height: 50px;
|
137
|
-
overflow: scroll;
|
138
|
-
}
|
139
|
-
|
140
|
-
|
141
|
-
// Scale up the modal
|
142
|
-
@media (min-width: $screen-sm-min) {
|
143
|
-
// Automatically set modal's width for larger viewports
|
144
|
-
.modal{
|
145
|
-
.dialog {
|
146
|
-
width: $modal-medium;
|
147
|
-
margin: 30px auto;
|
148
|
-
}
|
149
|
-
.content {
|
150
|
-
@include box-shadow(0 5px 15px rgba(0,0,0,.5));
|
151
|
-
}
|
152
|
-
}
|
153
|
-
|
154
|
-
// Modal sizes
|
155
|
-
.modal .small { width: $modal-small; }
|
156
|
-
}
|
157
|
-
|
158
|
-
@media (min-width: $screen-md-min) {
|
159
|
-
.modal .large { width: $modal-large; }
|
160
|
-
}
|
@@ -1,86 +0,0 @@
|
|
1
|
-
//
|
2
|
-
// Navbar
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
.navbar{
|
6
|
-
min-height: 45px;
|
7
|
-
background: #FFF;
|
8
|
-
border-color: #E8E8E8;
|
9
|
-
border-style: solid;
|
10
|
-
border-width: 0;
|
11
|
-
border-width: 0 0 1px;
|
12
|
-
|
13
|
-
&.top,
|
14
|
-
&.bottom{
|
15
|
-
position: fixed;
|
16
|
-
left: 0;
|
17
|
-
right: 0;
|
18
|
-
z-index: $zindex-navbar-fixed;
|
19
|
-
}
|
20
|
-
&.top{
|
21
|
-
top: 0;
|
22
|
-
border-width: 0 0 1px;
|
23
|
-
}
|
24
|
-
&.bottom{
|
25
|
-
bottom: 0;
|
26
|
-
border-width: 1px 0 0;
|
27
|
-
}
|
28
|
-
|
29
|
-
.logo{
|
30
|
-
float: left;
|
31
|
-
.brand{
|
32
|
-
display: block;
|
33
|
-
line-height: 45px;
|
34
|
-
padding: 0 20px;
|
35
|
-
color: #666;
|
36
|
-
text-decoration: none;
|
37
|
-
font-weight: 700;
|
38
|
-
}
|
39
|
-
}
|
40
|
-
|
41
|
-
.menu{
|
42
|
-
float: left;
|
43
|
-
|
44
|
-
> li{
|
45
|
-
float: left;
|
46
|
-
|
47
|
-
> a{
|
48
|
-
text-align: center;
|
49
|
-
padding: 0 20px;
|
50
|
-
line-height: 45px;
|
51
|
-
-webkit-transition: padding 0.25s ease, color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
|
52
|
-
transition: padding 0.25s ease, color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
|
53
|
-
|
54
|
-
&:after{
|
55
|
-
display: block;
|
56
|
-
margin: 0 auto;
|
57
|
-
content: '';
|
58
|
-
position: absolute;
|
59
|
-
left: 0;
|
60
|
-
bottom: -1px;
|
61
|
-
height: 0;
|
62
|
-
width: 100%;
|
63
|
-
|
64
|
-
-webkit-transition: height 0.15s ease;
|
65
|
-
transition: height 0.15s ease;
|
66
|
-
}
|
67
|
-
|
68
|
-
&:hover {
|
69
|
-
color: #428BCA;
|
70
|
-
background: #F5F5F5;
|
71
|
-
&:after{
|
72
|
-
height: 3px;
|
73
|
-
background-color: #428BCA;
|
74
|
-
}
|
75
|
-
}
|
76
|
-
&:active{ background: #F0F0F0; }
|
77
|
-
}
|
78
|
-
}
|
79
|
-
}
|
80
|
-
|
81
|
-
form{
|
82
|
-
float: left;
|
83
|
-
padding-top: 5px;
|
84
|
-
}
|
85
|
-
|
86
|
-
}
|