jmagee-ui-kit 0.0.1 → 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,5 +1,7 @@
1
1
 
2
2
  @import "reset"
3
3
  @import "config"
4
+ @import "util"
4
5
  @import "clearfix"
5
- @import "layout"
6
+ @import "layout"
7
+ @import "header"
@@ -0,0 +1,100 @@
1
+ .header
2
+ :padding 30px 0px
3
+ :background #232323
4
+ :border-bottom solid 1px #000
5
+ :border-top solid 15px #000
6
+ :color #fff
7
+
8
+ .header-content
9
+
10
+ .brand
11
+ :display inline
12
+ :float left
13
+
14
+ .connect
15
+ :display inline
16
+ :float right
17
+ :position relative
18
+ :top 2px
19
+ :text-align center
20
+
21
+ .connect-text, .connect-buttons
22
+ :display inline
23
+ :float left
24
+
25
+ .connect-text
26
+ :font-size 30px
27
+ :font-weight 100
28
+ :margin-right 30px
29
+ :margin-top 7px
30
+
31
+ .connect-buttons
32
+ img
33
+ :margin-right 10px
34
+
35
+ .header-util
36
+ :position fixed
37
+ :width 100%
38
+ :height 33px
39
+ :z-index 2
40
+ :background #333
41
+ :color #fff
42
+ :border-bottom solid 1px #000
43
+ :border-top solid 8px #232323
44
+ :margin-bottom 2px
45
+ :box-shadow 0 0 1px rgba(0, 0, 0, 0.52)
46
+
47
+ a, a:hover, a:visited
48
+ :color #fff
49
+ :text-decoration none
50
+
51
+ .header-util-content
52
+
53
+ .brand
54
+ :float left
55
+ :display inline
56
+ a
57
+ :display block
58
+ :padding 0px 10px
59
+ a:hover
60
+ :background #232323
61
+
62
+ .brand-links
63
+ :display inline
64
+ :float left
65
+ :margin-left 10px
66
+
67
+ .header-nav
68
+ :float right
69
+ :display inline
70
+
71
+ ul.header-links
72
+ li
73
+ :display inline-block
74
+ :float left
75
+
76
+ a.nl
77
+ :display inline-block
78
+ :padding 1px 10px 0px 10px
79
+ :vertical-align top
80
+ :font-size 12px
81
+ :color #ccc
82
+ :font-weight 500
83
+ :line-height 32px
84
+
85
+ img
86
+ @include round
87
+ :border solid 1px #000
88
+ :margin-top 4px
89
+
90
+ &.img-nl
91
+ :line-height 16px
92
+ :padding 0px 5px
93
+
94
+ li:hover
95
+ a.nl
96
+ :background-color #232323 !important
97
+
98
+ .after-header
99
+ :position relative
100
+ :top 44px
@@ -43,42 +43,32 @@ strong
43
43
  :width $UNIT_WIDTH
44
44
  :margin 0 auto
45
45
 
46
- .header
47
- :padding 30px 0px
48
- :background #232323
49
- :border-bottom solid 1px #000
50
- :border-top solid 15px #000
51
- :color #fff
52
-
53
- .header-content
54
-
55
- .brand
56
- :display inline
57
- :float left
58
-
59
- .connect
60
- :display inline
61
- :float right
62
- :position relative
63
- :top 2px
64
- :text-align center
65
-
66
- .connect-text, .connect-buttons
67
- :display inline
46
+ .top-nav
47
+ :background #ddd url('/assets/jmagee-ui-kit/main-content-bg.gif') repeat-x
48
+ :border-bottom solid 1px #e0e0e0
49
+
50
+ .top-nav-content
51
+ :padding-left 0px !important
52
+ :padding-right 0px !important
53
+
54
+ ul
55
+ li
56
+ :display inline-block
68
57
  :float left
69
-
70
- .connect-text
71
- :font-size 30px
72
- :font-weight 100
73
- :margin-right 30px
74
- :margin-top 7px
75
-
76
-
77
- .connect-buttons
78
- img
79
- :margin-right 10px
58
+
59
+ a, a:visited
60
+ :display inline-block
61
+ :padding 8px 11px 7px
62
+ :vertical-align top
63
+ :font-size 12px
64
+ :text-shadow 0 1px 0 white
65
+ :color #666
66
+ :text-decoration none
67
+ a:hover
68
+ :color #333
80
69
 
81
70
  .main
82
71
  :background #ddd url('/assets/jmagee-ui-kit/main-content-bg.gif') repeat-x
83
72
  :min-height 400px
73
+ :border-top solid 1px #f7f7f7
84
74
 
@@ -0,0 +1,38 @@
1
+
2
+ @mixin round($degree: 5px)
3
+ :-moz-border-radius $degree
4
+ :-webkit-border-radius $degree
5
+ :-khtml-border-radius $degree
6
+ :border-radius $degree
7
+
8
+ @mixin no-top-round
9
+ :-webkit-border-top-left-radius 0px
10
+ :-webkit-border-top-right-radius 0px
11
+ :-moz-border-radius-topleft 0px
12
+ :-moz-border-radius-topright 0px
13
+ :border-top-left-radius 0px
14
+ :border-top-right-radius 0px
15
+
16
+ @mixin no-bottom-round
17
+ :-webkit-border-bottom-left-radius 0px
18
+ :-webkit-border-bottom-right-radius 0px
19
+ :-moz-border-radius-bottomleft 0px
20
+ :-moz-border-radius-bottomright 0px
21
+ :border-bottom-left-radius 0px
22
+ :border-bottom-right-radius 0px
23
+
24
+ @mixin no-left-round
25
+ :-webkit-border-top-left-radius 0px
26
+ :-webkit-border-bottom-left-radius 0px
27
+ :-moz-border-radius-topleft 0px
28
+ :-moz-border-radius-bottomleft 0px
29
+ :border-top-left-radius 0px
30
+ :border-bottom-left-radius 0px
31
+
32
+ @mixin no-right-round
33
+ :-webkit-border-top-right-radius 0px
34
+ :-webkit-border-bottom-right-radius 0px
35
+ :-moz-border-radius-topright 0px
36
+ :-moz-border-radius-bottomright 0px
37
+ :border-top-right-radius 0px
38
+ :border-bottom-right-radius 0px
metadata CHANGED
@@ -2,7 +2,7 @@
2
2
  name: jmagee-ui-kit
3
3
  version: !ruby/object:Gem::Version
4
4
  prerelease:
5
- version: 0.0.1
5
+ version: 0.0.2
6
6
  platform: ruby
7
7
  authors:
8
8
  - Jeff Magee
@@ -10,7 +10,7 @@ autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
12
 
13
- date: 2012-03-16 00:00:00 Z
13
+ date: 2012-03-19 00:00:00 Z
14
14
  dependencies:
15
15
  - !ruby/object:Gem::Dependency
16
16
  name: rails
@@ -57,19 +57,27 @@ files:
57
57
  - app/assets/images/jmagee-ui-kit/avatar.jpg
58
58
  - app/assets/images/jmagee-ui-kit/favicon.png
59
59
  - app/assets/images/jmagee-ui-kit/main-content-bg.gif
60
- - app/assets/images/jmagee-ui-kit/social/facebook.png
61
- - app/assets/images/jmagee-ui-kit/social/github.png
62
- - app/assets/images/jmagee-ui-kit/social/gmail.png
63
- - app/assets/images/jmagee-ui-kit/social/linkedin.png
64
- - app/assets/images/jmagee-ui-kit/social/tumblr.png
65
- - app/assets/images/jmagee-ui-kit/social/twitter.png
60
+ - app/assets/images/jmagee-ui-kit/social/full/facebook.png
61
+ - app/assets/images/jmagee-ui-kit/social/full/github.png
62
+ - app/assets/images/jmagee-ui-kit/social/full/gmail.png
63
+ - app/assets/images/jmagee-ui-kit/social/full/linkedin.png
64
+ - app/assets/images/jmagee-ui-kit/social/full/tumblr.png
65
+ - app/assets/images/jmagee-ui-kit/social/full/twitter.png
66
+ - app/assets/images/jmagee-ui-kit/social/thumb/facebook.png
67
+ - app/assets/images/jmagee-ui-kit/social/thumb/github.png
68
+ - app/assets/images/jmagee-ui-kit/social/thumb/gmail.png
69
+ - app/assets/images/jmagee-ui-kit/social/thumb/linkedin.png
70
+ - app/assets/images/jmagee-ui-kit/social/thumb/tumblr.png
71
+ - app/assets/images/jmagee-ui-kit/social/thumb/twitter.png
66
72
  - app/assets/images/jmagee-ui-kit/social-bg.gif
67
73
  - app/assets/javascripts/jmagee-ui-kit/base.js
68
74
  - app/assets/stylesheets/jmagee-ui-kit/base.sass
69
75
  - app/assets/stylesheets/jmagee-ui-kit/clearfix.sass
70
76
  - app/assets/stylesheets/jmagee-ui-kit/config.sass
77
+ - app/assets/stylesheets/jmagee-ui-kit/header.sass
71
78
  - app/assets/stylesheets/jmagee-ui-kit/layout.sass
72
79
  - app/assets/stylesheets/jmagee-ui-kit/reset.sass
80
+ - app/assets/stylesheets/jmagee-ui-kit/util.sass
73
81
  - lib/jmagee-ui-kit/engine.rb
74
82
  - lib/jmagee-ui-kit/version.rb
75
83
  - lib/jmagee-ui-kit.rb