iugu-ux 0.6.6 → 0.6.7

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.
@@ -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