iugu-ux 0.6.6 → 0.6.7

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,3 +1,3 @@
1
1
  module IuguUX
2
- VERSION = "0.6.6"
2
+ VERSION = "0.6.7"
3
3
  end
@@ -2,184 +2,193 @@
2
2
  // 1. Tag
3
3
  // ooooooooooooooooooooooooooooooo
4
4
  $tag_size: 0.70
5
- .tag
6
- font-size: $baseFontSize * $tag_size
7
- font-weight: bold
8
- line-height: ($baseFontSize * $tag_size) + $baseLineSpacing
9
- white-space: nowrap
10
- background-color: $gray
11
- color: #FFF
12
- padding: 3px
13
- padding-top: 5px
14
- +border-radius( 2px )
15
- +text-shadow(0px -1px 0px rgba(0,0,0,0.25))
16
- text-transform: uppercase
17
- .dl-horizontal
5
+ .iugu-ui
18
6
  .tag
19
- line-height: ($baseFontSize * $tag_size)
7
+ font-size: $baseFontSize * $tag_size
8
+ font-weight: bold
9
+ line-height: ($baseFontSize * $tag_size) + $baseLineSpacing
10
+ white-space: nowrap
11
+ background-color: $gray
12
+ color: #FFF
13
+ padding: 3px
14
+ padding-top: 5px
15
+ +border-radius( 2px )
16
+ +text-shadow(0px -1px 0px rgba(0,0,0,0.25))
17
+ text-transform: uppercase
18
+ .dl-horizontal
19
+ .tag
20
+ line-height: ($baseFontSize * $tag_size)
20
21
 
21
22
  .chrome,.safari
22
- .tag
23
- padding-top: 3px
24
- padding-bottom: 4px
25
- .dl-horizontal
23
+ .iugu-ui
26
24
  .tag
27
- padding-top: 4px
28
- padding-bottom: 3px
25
+ padding-top: 3px
26
+ padding-bottom: 4px
27
+ .dl-horizontal
28
+ .tag
29
+ padding-top: 4px
30
+ padding-bottom: 3px
29
31
 
30
32
  // ooooooooooooooooooooooooooooooo
31
33
  // 2. Badge
32
34
  // ooooooooooooooooooooooooooooooo
33
- $badge_size: 0.70
34
- .badge
35
- font-size: $baseFontSize * $badge_size
36
- font-weight: bold
37
- line-height: ($baseFontSize * $badge_size) + $baseLineSpacing
38
- white-space: nowrap
39
- background-color: $gray
40
- color: #FFF
41
- padding: 3px
42
- +border-radius( $baseFontSize )
43
- +text-shadow(0px -1px 0px rgba(0,0,0,0.25))
44
- min-width: $baseFontSize
45
- text-align: center
46
- display: inline-block
47
- .firefox
35
+ .iugu-ui
36
+ $badge_size: 0.70
48
37
  .badge
49
- padding-top: 4px
50
- padding-bottom: 2px
38
+ font-size: $baseFontSize * $badge_size
39
+ font-weight: bold
40
+ line-height: ($baseFontSize * $badge_size) + $baseLineSpacing
41
+ white-space: nowrap
42
+ background-color: $gray
43
+ color: #FFF
44
+ padding: 3px
45
+ +border-radius( $baseFontSize )
46
+ +text-shadow(0px -1px 0px rgba(0,0,0,0.25))
47
+ min-width: $baseFontSize
48
+ text-align: center
49
+ display: inline-block
50
+
51
+ .firefox
52
+ .iugu-ui
53
+ .badge
54
+ padding-top: 4px
55
+ padding-bottom: 2px
51
56
 
52
57
  // ooooooooooooooooooooooooooooooo
53
58
  // Common to Label and Badge
54
59
  // ooooooooooooooooooooooooooooooo
55
- .badge,.tag
56
- &.red
57
- background-color: $red
58
- &.yellow
59
- background-color: $yellow
60
- &.green
61
- background-color: $green
62
- &.blue
63
- background-color: $blue
60
+ .iugu-ui
61
+ .badge,.tag
62
+ &.red
63
+ background-color: $red
64
+ &.yellow
65
+ background-color: $yellow
66
+ &.green
67
+ background-color: $green
68
+ &.blue
69
+ background-color: $blue
64
70
 
65
71
  // ooooooooooooooooooooooooooooooo
66
72
  // 3. Progress Bar
67
73
  // ooooooooooooooooooooooooooooooo
68
- .progress
69
- overflow: hidden
70
- height: 18px
71
- margin-bottom: $baseElementSpacing
72
- +box-shadow( inset 0 1px 2px rgba(0,0,0,.1) )
73
- +border-radius( 9px )
74
- +background( linear-gradient( #f5f5f5, #f9f9f9 ) )
75
- .bar
76
- width: 0%
74
+ .iugu-ui
75
+ .progress
76
+ overflow: hidden
77
77
  height: 18px
78
- color: #FFF
79
- font-size: 12px
80
- line-height: 18px
81
- text-align: center
82
- +text-shadow( 0 -1px 0 rgba(0,0,0,.25) )
83
- +background( linear-gradient( #149bdf, #0480be ) )
84
- +box-mode
85
- +transition(width .6s ease)
78
+ margin-bottom: $baseElementSpacing
79
+ +box-shadow( inset 0 1px 2px rgba(0,0,0,.1) )
80
+ +border-radius( 9px )
81
+ +background( linear-gradient( #f5f5f5, #f9f9f9 ) )
82
+ .bar
83
+ width: 0%
84
+ height: 18px
85
+ color: #FFF
86
+ font-size: 12px
87
+ line-height: 18px
88
+ text-align: center
89
+ +text-shadow( 0 -1px 0 rgba(0,0,0,.25) )
90
+ +background( linear-gradient( #149bdf, #0480be ) )
91
+ +box-mode
92
+ +transition(width .6s ease)
86
93
 
87
94
  // ooooooooooooooooooooooooooooooo
88
95
  // 4. Container
89
96
  // ooooooooooooooooooooooooooooooo
90
- .container
91
- background: $white
92
- +border-radius(5px)
93
- +box-mode
94
- padding: 20px
95
- +box-shadow( 0 1px 1px rgba(0, 0, 0, 0.3), -1px 2px 2px rgba(0, 0, 0, 0.1) )
96
- margin-bottom: $baseElementSpacing
97
- > .container
98
- border: 1px solid $baseLineColor
99
- +box-shadow( -1px -1px rgba( 0,0,0, 0.3 ) )
100
- &.no-padding
101
- padding: 0px
102
- .padding
97
+ .iugu-ui
98
+ .container
99
+ background: $white
100
+ +border-radius(5px)
101
+ +box-mode
103
102
  padding: 20px
104
- .header
105
- border-bottom: 1px solid $baseLineColor
106
- padding: 8px
107
- .footer
108
- border-top: 1px solid $baseLineColor
109
- padding: 8px
103
+ +box-shadow( 0 1px 1px rgba(0, 0, 0, 0.3), -1px 2px 2px rgba(0, 0, 0, 0.1) )
104
+ margin-bottom: $baseElementSpacing
105
+ > .container
106
+ border: 1px solid $baseLineColor
107
+ +box-shadow( -1px -1px rgba( 0,0,0, 0.3 ) )
108
+ &.no-padding
109
+ padding: 0px
110
+ .padding
111
+ padding: 20px
112
+ .header
113
+ border-bottom: 1px solid $baseLineColor
114
+ padding: 8px
115
+ .footer
116
+ border-top: 1px solid $baseLineColor
117
+ padding: 8px
110
118
 
111
119
  // ooooooooooooooooooooooooooooooo
112
120
  // 5. Tabbed Container
113
121
  // ooooooooooooooooooooooooooooooo
114
- .tabbed
115
- +box-shadow( 0 1px 1px rgba(0, 0, 0, 0.3), -1px 2px 2px rgba(0, 0, 0, 0.1) )
116
- +border-radius(5px)
117
- background: darken( $white, 15% )
118
- .nav
119
- @extend .auto-clear
120
- margin: 0px !important
121
- padding: 0px
122
- height: auto !important
123
- &:after
124
- margin-bottom: 0px
125
- > li
126
- @extend .floating-left
127
- display: block
128
- list-style: none
129
- margin: 0px
122
+ .iugu-ui
123
+ .tabbed
124
+ +box-shadow( 0 1px 1px rgba(0, 0, 0, 0.3), -1px 2px 2px rgba(0, 0, 0, 0.1) )
125
+ +border-radius(5px)
126
+ background: darken( $white, 15% )
127
+ .nav
128
+ @extend .auto-clear
129
+ margin: 0px !important
130
130
  padding: 0px
131
- background: darken( $white, 15% )
132
- text-align: center
133
- font-size: 20px
134
- line-height: 20px
135
- font-weight: bold
136
- cursor: pointer
137
- color: lighten( $textColor, 50% )
138
- +box-mode()
139
- overflow: hidden
140
- [class^="icon-"],[class*=" icon-"]
141
- vertical-align: baseline
142
- +opacity( 0.30 )
143
- > li:first-child
144
- +border-radius( 5px 0px 0px 0px )
145
- > li:last-child
146
- +border-radius( 0px 5px 0px 0px )
147
- > li.active,li.active:hover
148
- +text-shadow(-1px -1px 0 rgba(0,0,0,0.1))
149
- color: lighten( $textColor, 40% )
150
- background: $white
151
- [class^="icon-"],[class*=" icon-"]
152
- +opacity( 1 )
153
- > li:hover
154
- background: darken( $white, 10% )
155
- [class^="icon-"],[class*=" icon-"]
156
- +opacity( 0.4 )
157
- > li > a, > li > a:visited, li > a:hover
158
- text-decoration: none
159
- color: inherit
160
- display: block
161
- width: 100%
162
- padding: 15px
163
- height: auto
164
- overflow: hidden
165
- +box-mode()
166
- white-space: nowrap
167
- &.no-padding
131
+ height: auto !important
132
+ &:after
133
+ margin-bottom: 0px
134
+ > li
135
+ @extend .floating-left
136
+ display: block
137
+ list-style: none
138
+ margin: 0px
168
139
  padding: 0px
169
- span
140
+ background: darken( $white, 15% )
141
+ text-align: center
142
+ font-size: 20px
143
+ line-height: 20px
144
+ font-weight: bold
145
+ cursor: pointer
146
+ color: lighten( $textColor, 50% )
147
+ +box-mode()
148
+ overflow: hidden
149
+ [class^="icon-"],[class*=" icon-"]
150
+ vertical-align: baseline
151
+ +opacity( 0.30 )
152
+ > li:first-child
153
+ +border-radius( 5px 0px 0px 0px )
154
+ > li:last-child
155
+ +border-radius( 0px 5px 0px 0px )
156
+ > li.active,li.active:hover
157
+ +text-shadow(-1px -1px 0 rgba(0,0,0,0.1))
158
+ color: lighten( $textColor, 40% )
159
+ background: $white
160
+ [class^="icon-"],[class*=" icon-"]
161
+ +opacity( 1 )
162
+ > li:hover
163
+ background: darken( $white, 10% )
164
+ [class^="icon-"],[class*=" icon-"]
165
+ +opacity( 0.4 )
166
+ > li > a, > li > a:visited, li > a:hover
167
+ text-decoration: none
168
+ color: inherit
170
169
  display: block
170
+ width: 100%
171
+ padding: 15px
172
+ height: auto
171
173
  overflow: hidden
172
- margin: 15px
174
+ +box-mode()
175
+ white-space: nowrap
176
+ &.no-padding
177
+ padding: 0px
178
+ span
179
+ display: block
180
+ overflow: hidden
181
+ margin: 15px
173
182
 
174
- > .container
175
- +border-radius( 0px 0px 5px 5px )
176
- +box-shadow( none )
177
- .tabbed
178
- border: 1px solid $baseLineColor
179
- +box-shadow( none )
180
- > ul.nav li
181
- +box-shadow( none )
182
- font-size: 16px
183
- line-height: 16px
184
183
  > .container
184
+ +border-radius( 0px 0px 5px 5px )
185
+ +box-shadow( none )
186
+ .tabbed
187
+ border: 1px solid $baseLineColor
185
188
  +box-shadow( none )
189
+ > ul.nav li
190
+ +box-shadow( none )
191
+ font-size: 16px
192
+ line-height: 16px
193
+ > .container
194
+ +box-shadow( none )
@@ -1,5 +1,4 @@
1
1
  @mixin build-sprite-css( $images, $size, $width )
2
- @content
3
2
  background-image: $images
4
3
  background-repeat: no-repeat
5
4
  @if $size == retina
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: iugu-ux
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.6.6
4
+ version: 0.6.7
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2012-10-23 00:00:00.000000000 Z
12
+ date: 2012-10-26 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: coffee-script
@@ -355,7 +355,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
355
355
  version: '0'
356
356
  segments:
357
357
  - 0
358
- hash: 535050363371913312
358
+ hash: -1006400302979878579
359
359
  required_rubygems_version: !ruby/object:Gem::Requirement
360
360
  none: false
361
361
  requirements:
@@ -364,7 +364,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
364
364
  version: '0'
365
365
  segments:
366
366
  - 0
367
- hash: 535050363371913312
367
+ hash: -1006400302979878579
368
368
  requirements: []
369
369
  rubyforge_project: iugu-ux
370
370
  rubygems_version: 1.8.24