mice 0.2.3 → 0.2.4
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/README.md +3 -3
- data/lib/mice/version.rb +1 -1
- data/vendor/assets/stylesheets/mice/_menu.scss +1 -1
- data/vendor/assets/stylesheets/mice/_navbar.scss +21 -3
- data/vendor/assets/stylesheets/mice/_tabs.scss +72 -0
- data/vendor/assets/stylesheets/mice/_variables.scss +23 -7
- 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: cdec2f601633527932abed8efef95065e96741b1
|
4
|
+
data.tar.gz: 7e6d1b1b7dc6a2b4f44146d25a6cebc6624fd243
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: d349f17f12326954e34e218795c47a07437ccbeec0ae689b4a379e2a1d60221a61a5880504caceaab974b081a44b137026146d773dad0cc8d92818fcbc2907d5
|
7
|
+
data.tar.gz: 95204b5b5378324107bcbc1a617259e88cdacb9b60bd7c3c80d05cfec59bdb2a9de4bd10848658ee1e659059b06a60313f6f43edb576cad97be48399ff21e961
|
data/Gemfile.lock
CHANGED
data/README.md
CHANGED
@@ -2,6 +2,9 @@
|
|
2
2
|
|
3
3
|
Mice is semantic front-end framework.
|
4
4
|
|
5
|
+
## Update your browser
|
6
|
+
[http://browsehappy.com/](http://browsehappy.com/)
|
7
|
+
|
5
8
|
## Installation
|
6
9
|
|
7
10
|
Add this line to your application's Gemfile:
|
@@ -42,9 +45,6 @@ or
|
|
42
45
|
*/
|
43
46
|
```
|
44
47
|
|
45
|
-
For mobile
|
46
|
-
@import "mice-mobile"
|
47
|
-
|
48
48
|
|
49
49
|
## Documentation
|
50
50
|
|
data/lib/mice/version.rb
CHANGED
@@ -5,14 +5,33 @@
|
|
5
5
|
.navbar{
|
6
6
|
min-height: 45px;
|
7
7
|
background: #FFF;
|
8
|
-
border-
|
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
|
+
}
|
9
28
|
|
10
29
|
.logo{
|
11
30
|
float: left;
|
12
31
|
.brand{
|
13
32
|
display: block;
|
14
33
|
line-height: 45px;
|
15
|
-
padding: 0;
|
34
|
+
padding: 0 20px;
|
16
35
|
color: #666;
|
17
36
|
text-decoration: none;
|
18
37
|
font-weight: 700;
|
@@ -22,7 +41,6 @@
|
|
22
41
|
.menu{
|
23
42
|
float: left;
|
24
43
|
list-style: none;
|
25
|
-
margin: 0 15px;
|
26
44
|
padding: 0;
|
27
45
|
position: relative;
|
28
46
|
|
@@ -0,0 +1,72 @@
|
|
1
|
+
//
|
2
|
+
// Tabs
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
.tabs{
|
6
|
+
list-style: none;
|
7
|
+
border-bottom: 1px solid $tabs-border-color;
|
8
|
+
padding: 0;
|
9
|
+
@include clearfix();
|
10
|
+
|
11
|
+
> li {
|
12
|
+
display: block;
|
13
|
+
position: relative;
|
14
|
+
float: left;
|
15
|
+
// Make the list-items overlay the bottom border
|
16
|
+
margin-bottom: -1px;
|
17
|
+
|
18
|
+
// Actual tabs (as links)
|
19
|
+
> a {
|
20
|
+
position: relative;
|
21
|
+
display: block;
|
22
|
+
padding: 10px 15px;
|
23
|
+
|
24
|
+
margin-right: 2px;
|
25
|
+
line-height: $line-height-base;
|
26
|
+
border: 1px solid transparent;
|
27
|
+
border-radius: $border-radius $border-radius 0 0;
|
28
|
+
text-decoration: none;
|
29
|
+
|
30
|
+
&:hover {
|
31
|
+
border-color: $tabs-link-hover-border-color $tabs-link-hover-border-color $tabs-border-color;
|
32
|
+
background-color: $tabs-link-hover-background-color;
|
33
|
+
}
|
34
|
+
}
|
35
|
+
|
36
|
+
// Active state, and its :hover to override normal :hover
|
37
|
+
&.active > a {
|
38
|
+
&,
|
39
|
+
&:hover,
|
40
|
+
&:focus {
|
41
|
+
color: $tabs-active-link-hover-color;
|
42
|
+
background-color: $tabs-active-link-hover-background;
|
43
|
+
border: 1px solid $tabs-active-link-hover-border-color;
|
44
|
+
border-bottom-color: transparent;
|
45
|
+
cursor: default;
|
46
|
+
}
|
47
|
+
}
|
48
|
+
}
|
49
|
+
|
50
|
+
&.justified{
|
51
|
+
width: 100%;
|
52
|
+
border-bottom: 0;
|
53
|
+
|
54
|
+
> li {
|
55
|
+
display: table-cell;
|
56
|
+
width: 1%;
|
57
|
+
float: none;
|
58
|
+
> a {
|
59
|
+
text-align: center;
|
60
|
+
margin-right: 0;
|
61
|
+
border-bottom: 1px solid $tabs-justified-link-border-color;
|
62
|
+
border-radius: $border-radius $border-radius 0 0;
|
63
|
+
}
|
64
|
+
}
|
65
|
+
|
66
|
+
> .active > a,
|
67
|
+
> .active > a:hover,
|
68
|
+
> .active > a:focus {
|
69
|
+
border-bottom-color: $tabs-justified-active-link-border-color;
|
70
|
+
}
|
71
|
+
}
|
72
|
+
}
|
@@ -118,7 +118,7 @@ $heading-small-color: $gray-light !default;
|
|
118
118
|
$blockquote-small-color: $gray-light !default;
|
119
119
|
$blockquote-font-size: ($font-size-base * 1.25) !default;
|
120
120
|
|
121
|
-
$callout-font-size:
|
121
|
+
$callout-font-size: $font-size-base !default;
|
122
122
|
|
123
123
|
$page-header-border-color: $gray-lighter !default;
|
124
124
|
|
@@ -147,8 +147,7 @@ $state-danger-border: darken(adjust-hue($state-danger-background,
|
|
147
147
|
|
148
148
|
|
149
149
|
// Code
|
150
|
-
//
|
151
|
-
//##
|
150
|
+
// --------------------------------------------------
|
152
151
|
|
153
152
|
$code-color: #c7254e !default;
|
154
153
|
$code-background: #f9f2f4 !default;
|
@@ -163,7 +162,7 @@ $pre-scrollable-max-height: 340px !default;
|
|
163
162
|
|
164
163
|
|
165
164
|
// Forms
|
166
|
-
//
|
165
|
+
// --------------------------------------------------
|
167
166
|
|
168
167
|
|
169
168
|
// Buttons
|
@@ -220,7 +219,7 @@ $input-group-addon-border-color: $border-color-default !default;
|
|
220
219
|
|
221
220
|
|
222
221
|
// Tables
|
223
|
-
//
|
222
|
+
// --------------------------------------------------
|
224
223
|
//## Customizes the `table` component with basic values, each used across all table variations.
|
225
224
|
|
226
225
|
//** Padding for `<th>`s and `<td>`s.
|
@@ -240,6 +239,20 @@ $table-background-active: $table-background-hover !default;
|
|
240
239
|
$table-border-color: #ddd !default;
|
241
240
|
|
242
241
|
|
242
|
+
// Tabs
|
243
|
+
// --------------------------------------------------
|
244
|
+
$tabs-border-color: #ddd !default;
|
245
|
+
$tabs-link-hover-border-color: $gray-lighter !default;
|
246
|
+
$tabs-link-hover-background-color: $tabs-link-hover-border-color !default;
|
247
|
+
|
248
|
+
$tabs-active-link-hover-background: $background-color !default;
|
249
|
+
$tabs-active-link-hover-color: $gray !default;
|
250
|
+
$tabs-active-link-hover-border-color: #ddd !default;
|
251
|
+
|
252
|
+
$tabs-justified-link-border-color: #ddd !default;
|
253
|
+
$tabs-justified-active-link-border-color: $background-color !default;
|
254
|
+
|
255
|
+
|
243
256
|
// Pagination
|
244
257
|
// --------------------------------------------------
|
245
258
|
$pagination-color: $link-color !default;
|
@@ -381,7 +394,7 @@ $progress-bar-danger-background: $brand-danger !default;
|
|
381
394
|
$progress-bar-info-background: $brand-info !default;
|
382
395
|
|
383
396
|
|
384
|
-
|
397
|
+
// Alerts
|
385
398
|
// --------------------------------------------------
|
386
399
|
$alert-padding: 15px !default;
|
387
400
|
$alert-border-radius: $border-radius !default;
|
@@ -404,10 +417,13 @@ $alert-danger-text: $state-danger-text !default;
|
|
404
417
|
$alert-danger-border: $state-danger-border !default;
|
405
418
|
|
406
419
|
|
407
|
-
|
420
|
+
// Close
|
408
421
|
// --------------------------------------------------
|
409
422
|
$close-font-weight: bold !default;
|
410
423
|
$close-color: #000 !default;
|
411
424
|
$close-text-shadow: 0 1px 0 #fff !default;
|
412
425
|
|
413
426
|
|
427
|
+
// Z-index master list
|
428
|
+
// --------------------------------------------------
|
429
|
+
$zindex-navbar-fixed: 1030 !default;
|
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.4
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- miclle
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2014-
|
11
|
+
date: 2014-07-05 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: sass
|
@@ -92,6 +92,7 @@ files:
|
|
92
92
|
- vendor/assets/stylesheets/mice/_scaffolding.scss
|
93
93
|
- vendor/assets/stylesheets/mice/_sidebar.scss
|
94
94
|
- vendor/assets/stylesheets/mice/_tables.scss
|
95
|
+
- vendor/assets/stylesheets/mice/_tabs.scss
|
95
96
|
- vendor/assets/stylesheets/mice/_timeline.scss
|
96
97
|
- vendor/assets/stylesheets/mice/_typography.scss
|
97
98
|
- vendor/assets/stylesheets/mice/_utilities.scss
|