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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 49bb1ba11442b35b4d2c399d19472de08b01b4df
4
- data.tar.gz: d840ac9ac0112f48aa0b3af3154c82ffd04fe6a5
3
+ metadata.gz: cdec2f601633527932abed8efef95065e96741b1
4
+ data.tar.gz: 7e6d1b1b7dc6a2b4f44146d25a6cebc6624fd243
5
5
  SHA512:
6
- metadata.gz: 1f2ff6d90d489870c60f5ec63a2818d218658c7578a2b9120d143fac0ed8df0fb43945fa89cd589371af034bb33da34d79aff072e69667bd82daf79bebed0731
7
- data.tar.gz: 116222f2ab49e7dfa1c2848158bb6e79b9311bde69c7d2ff249d541b5705745b21a9a484712d7f1e272a5d458888d9737353d04fd2385bf332ecb8e045475837
6
+ metadata.gz: d349f17f12326954e34e218795c47a07437ccbeec0ae689b4a379e2a1d60221a61a5880504caceaab974b081a44b137026146d773dad0cc8d92818fcbc2907d5
7
+ data.tar.gz: 95204b5b5378324107bcbc1a617259e88cdacb9b60bd7c3c80d05cfec59bdb2a9de4bd10848658ee1e659059b06a60313f6f43edb576cad97be48399ff21e961
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- mice (0.2.3)
4
+ mice (0.2.4)
5
5
  sass (~> 3.2)
6
6
 
7
7
  GEM
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
@@ -1,3 +1,3 @@
1
1
  module Mice
2
- VERSION = "0.2.3"
2
+ VERSION = "0.2.4"
3
3
  end
@@ -4,7 +4,7 @@
4
4
 
5
5
  .menu{
6
6
  list-style: none;
7
- margin: 0 15px;
7
+ margin: 0;
8
8
  padding: 0;
9
9
  position: relative;
10
10
 
@@ -5,14 +5,33 @@
5
5
  .navbar{
6
6
  min-height: 45px;
7
7
  background: #FFF;
8
- border-bottom: 1px solid #E8E8E8;
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: $font-size-base !default;
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
- //== Alerts
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
- //== Close
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;
@@ -17,6 +17,7 @@
17
17
  @import "mice/icons";
18
18
 
19
19
  @import "mice/menu";
20
+ @import "mice/tabs";
20
21
  @import "mice/navbar";
21
22
  @import "mice/sidebar";
22
23
  @import "mice/lists";
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.3
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-06-30 00:00:00.000000000 Z
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