mice 0.0.4 → 0.0.5
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/Gemfile.lock +1 -1
- data/lib/mice/engine.rb +1 -1
- data/lib/mice/version.rb +1 -1
- data/vendor/assets/fonts/FontAwesome.otf +0 -0
- data/vendor/assets/fonts/fontawesome-webfont.eot +0 -0
- data/vendor/assets/fonts/fontawesome-webfont.svg +414 -0
- data/vendor/assets/fonts/fontawesome-webfont.ttf +0 -0
- data/vendor/assets/fonts/fontawesome-webfont.woff +0 -0
- data/vendor/assets/stylesheets/mice.scss +6 -1
- data/vendor/assets/stylesheets/mice/_grid.scss +2 -0
- data/vendor/assets/stylesheets/mice/_icons.scss +572 -0
- data/vendor/assets/stylesheets/mice/_menu.scss +83 -0
- data/vendor/assets/stylesheets/mice/_scaffolding.scss +3 -2
- data/vendor/assets/stylesheets/mice/_sidebar.scss +68 -0
- metadata +10 -2
@@ -0,0 +1,83 @@
|
|
1
|
+
//
|
2
|
+
// Menu
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
.navbar{
|
6
|
+
min-height: 45px;
|
7
|
+
background: #333;
|
8
|
+
|
9
|
+
.logo{
|
10
|
+
float: left;
|
11
|
+
.brand{
|
12
|
+
display: block;
|
13
|
+
padding: 15px 0;
|
14
|
+
color: #FFF;
|
15
|
+
}
|
16
|
+
}
|
17
|
+
|
18
|
+
.menu{
|
19
|
+
float: left;
|
20
|
+
list-style: none;
|
21
|
+
margin: 0 15px;
|
22
|
+
padding: 0;
|
23
|
+
position: relative;
|
24
|
+
|
25
|
+
&.right{
|
26
|
+
float: right;
|
27
|
+
}
|
28
|
+
|
29
|
+
> li{
|
30
|
+
float: left;
|
31
|
+
|
32
|
+
> a{
|
33
|
+
display: block;
|
34
|
+
padding: 15px 20px;
|
35
|
+
position: relative;
|
36
|
+
text-decoration: none;
|
37
|
+
color: #EEE;
|
38
|
+
|
39
|
+
&:before {
|
40
|
+
content: '';
|
41
|
+
position: absolute;
|
42
|
+
top: 0;
|
43
|
+
left: 0;
|
44
|
+
height: 100%;
|
45
|
+
border-right: solid 1px #4E4E4E;
|
46
|
+
}
|
47
|
+
|
48
|
+
&:hover{
|
49
|
+
background: #272727;
|
50
|
+
}
|
51
|
+
}
|
52
|
+
|
53
|
+
&:last-child a:after {
|
54
|
+
content: '';
|
55
|
+
position: absolute;
|
56
|
+
top: 0;
|
57
|
+
right: 0;
|
58
|
+
height: 100%;
|
59
|
+
border-right: solid 1px #4E4E4E;
|
60
|
+
}
|
61
|
+
|
62
|
+
&.active{
|
63
|
+
a{
|
64
|
+
background: #008CBA;
|
65
|
+
color: #FFF;
|
66
|
+
|
67
|
+
&:hover{
|
68
|
+
background: #007BA0;
|
69
|
+
}
|
70
|
+
|
71
|
+
&:before, &:after {
|
72
|
+
border: none;
|
73
|
+
}
|
74
|
+
}
|
75
|
+
& + li a:before {
|
76
|
+
display: none;
|
77
|
+
}
|
78
|
+
}
|
79
|
+
}
|
80
|
+
|
81
|
+
}
|
82
|
+
|
83
|
+
}
|
@@ -25,14 +25,15 @@ body {
|
|
25
25
|
line-height: $line-height-base;
|
26
26
|
color: $text-color;
|
27
27
|
background-color: $background-color;
|
28
|
+
-webkit-font-smoothing: antialiased;
|
28
29
|
}
|
29
30
|
|
30
31
|
header{
|
31
|
-
height: 45px;
|
32
|
+
min-height: 45px;
|
32
33
|
}
|
33
34
|
|
34
35
|
footer{
|
35
|
-
|
36
|
+
margin-top: 50px;
|
36
37
|
}
|
37
38
|
|
38
39
|
// Reset fonts for relevant elements
|
@@ -0,0 +1,68 @@
|
|
1
|
+
//
|
2
|
+
// Sidebar
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
.sidebar{
|
6
|
+
background-color: #FAFAFA;
|
7
|
+
|
8
|
+
.menu{
|
9
|
+
list-style: none;
|
10
|
+
margin: 0;
|
11
|
+
padding: 15px 0;
|
12
|
+
position: relative;
|
13
|
+
|
14
|
+
> li{
|
15
|
+
line-height: 30px;
|
16
|
+
padding: 0 15px;
|
17
|
+
position: relative;
|
18
|
+
|
19
|
+
&:hover:not(.heading){
|
20
|
+
background: rgba(0, 64, 84, 0.03);
|
21
|
+
}
|
22
|
+
|
23
|
+
&.heading{
|
24
|
+
text-transform: uppercase;
|
25
|
+
padding-top: 30px;
|
26
|
+
|
27
|
+
&:before{
|
28
|
+
margin: 15px;
|
29
|
+
content: '';
|
30
|
+
position: absolute;
|
31
|
+
top: 0;
|
32
|
+
right: 0;
|
33
|
+
left: 0;
|
34
|
+
border-bottom: solid 1px #FFF;
|
35
|
+
}
|
36
|
+
}
|
37
|
+
|
38
|
+
&.heading:first-of-type{
|
39
|
+
padding-top: 0;
|
40
|
+
&:before{
|
41
|
+
display: none;
|
42
|
+
}
|
43
|
+
}
|
44
|
+
|
45
|
+
> a{
|
46
|
+
display: block;
|
47
|
+
position: relative;
|
48
|
+
text-decoration: none;
|
49
|
+
|
50
|
+
}
|
51
|
+
|
52
|
+
&.active{
|
53
|
+
background: rgba(0, 64, 84, 0.05);
|
54
|
+
a{
|
55
|
+
|
56
|
+
&:before, &:after {
|
57
|
+
border: none;
|
58
|
+
}
|
59
|
+
}
|
60
|
+
& + li a:before {
|
61
|
+
display: none;
|
62
|
+
}
|
63
|
+
}
|
64
|
+
}
|
65
|
+
|
66
|
+
}
|
67
|
+
|
68
|
+
}
|
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.0.
|
4
|
+
version: 0.0.5
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- miclle
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2014-04-
|
11
|
+
date: 2014-04-13 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: bundler
|
@@ -39,13 +39,21 @@ files:
|
|
39
39
|
- lib/mice.rb
|
40
40
|
- lib/mice/engine.rb
|
41
41
|
- lib/mice/version.rb
|
42
|
+
- vendor/assets/fonts/FontAwesome.otf
|
43
|
+
- vendor/assets/fonts/fontawesome-webfont.eot
|
44
|
+
- vendor/assets/fonts/fontawesome-webfont.svg
|
45
|
+
- vendor/assets/fonts/fontawesome-webfont.ttf
|
46
|
+
- vendor/assets/fonts/fontawesome-webfont.woff
|
42
47
|
- vendor/assets/javascripts/mice.js
|
43
48
|
- vendor/assets/javascripts/mice/jquery.email-autocomplete.js
|
44
49
|
- vendor/assets/stylesheets/mice.scss
|
45
50
|
- vendor/assets/stylesheets/mice/_grid.scss
|
51
|
+
- vendor/assets/stylesheets/mice/_icons.scss
|
52
|
+
- vendor/assets/stylesheets/mice/_menu.scss
|
46
53
|
- vendor/assets/stylesheets/mice/_mixins.scss
|
47
54
|
- vendor/assets/stylesheets/mice/_normalize.scss
|
48
55
|
- vendor/assets/stylesheets/mice/_scaffolding.scss
|
56
|
+
- vendor/assets/stylesheets/mice/_sidebar.scss
|
49
57
|
- vendor/assets/stylesheets/mice/_typography.scss
|
50
58
|
- vendor/assets/stylesheets/mice/_variables.scss
|
51
59
|
homepage: https://github.com/miclle/mice
|