picasso 0.5.1 → 0.5.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (31) hide show
  1. data/.gitignore +2 -1
  2. data/README.md +9 -2
  3. data/docs/_picasso.html +352 -14
  4. data/docs/css/picasso-demos.css +352 -14
  5. data/docs/index.html +364 -17
  6. data/docs/picasso-_components.html +352 -14
  7. data/docs/picasso-_despegar.html +352 -14
  8. data/docs/picasso-_utils.html +352 -14
  9. data/docs/picasso-components-_accordions.html +352 -14
  10. data/docs/picasso-components-_arrows.html +352 -14
  11. data/docs/picasso-components-_bubbles.html +352 -14
  12. data/docs/picasso-components-_buttons.html +352 -14
  13. data/docs/picasso-components-_clusters.html +352 -14
  14. data/docs/picasso-components-_inputs.html +458 -28
  15. data/docs/picasso-components-_list-grids.html +352 -14
  16. data/docs/picasso-components-_navs.html +352 -14
  17. data/docs/picasso-components-_pagination.html +352 -14
  18. data/docs/picasso-components-_popups.html +352 -14
  19. data/docs/picasso-components-_tooltips.html +352 -14
  20. data/docs/picasso-components-buttons-_3d.html +352 -14
  21. data/docs/picasso-despegar-_mixins.html +352 -14
  22. data/docs/picasso-despegar-_variables.html +352 -14
  23. data/docs/picasso-utils-_clearfix.html +352 -14
  24. data/docs/picasso-utils-_grid.html +352 -14
  25. data/docs/picasso-utils-_ie.html +352 -14
  26. data/docs/picasso-utils-_rem.html +352 -14
  27. data/docs/picasso-utils-_sprite.html +352 -14
  28. data/docs/sass/picasso-demos.scss +43 -4
  29. data/lib/picasso/version.rb +1 -1
  30. data/stylesheets/picasso/components/_inputs.scss +65 -12
  31. metadata +3 -3
data/lib/picasso/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module Picasso
2
- VERSION = "0.5.1"
2
+ VERSION = "0.5.2"
3
3
  end
data/stylesheets/picasso/components/_inputs.scss CHANGED
@@ -2,16 +2,53 @@
2
2
 
3
3
  // Estilos para inputs de textos y selects.
4
4
 
5
- // ### Ejemplos
6
-
5
+ // ### Ejemplo
7
6
  // ```
8
- // <input type="text" class="text-input-demo-1">
7
+ // <input type="text" class="text-input-demo-size-11" placeholder="El texto es de 11px">
8
+ //
9
+ // <br>
9
10
  //
10
- // <select class="select-demo-1">
11
+ // <select class="select-demo-size-11">
11
12
  // <option value="1">1</option>
12
13
  // <option value="2">2</option>
13
14
  // <option value="3">3</option>
14
15
  // </select>
16
+ //
17
+ // <br>
18
+ //
19
+ // <textarea class="textarea-input-demo-size-11"> </textarea>
20
+ //
21
+ // <br>
22
+ //
23
+ // <input type="text" class="text-input-demo-size-13" placeholder="El texto es de 13px">
24
+ //
25
+ // <br>
26
+ //
27
+ // <select class="select-demo-size-13">
28
+ // <option value="1">1</option>
29
+ // <option value="2">2</option>
30
+ // <option value="3">3</option>
31
+ // </select>
32
+ //
33
+ // <br>
34
+ //
35
+ // <textarea class="textarea-input-demo-size-13"> </textarea>
36
+ //
37
+ // <br>
38
+ //
39
+ // <input type="text" class="text-input-demo-size-16" placeholder="El texto es de 16px">
40
+ //
41
+ // <br>
42
+ //
43
+ // <select class="select-demo-size-16">
44
+ // <option value="1">1</option>
45
+ // <option value="2">2</option>
46
+ // <option value="3">3</option>
47
+ // </select>
48
+ //
49
+ // <br>
50
+ //
51
+ // <textarea class="textarea-input-demo-size-16"> </textarea>
15
52
  // ```
16
53
 
17
54
  // ### Sass
@@ -44,9 +81,10 @@
44
81
  @import "compass/css3/border-radius";
45
82
  @import "compass/css3/box-sizing";
46
83
  @import "compass/css3/box-shadow";
84
+ @import "../utils/rem";
47
85
 
48
- $text-input-default-width: 200px !default;
49
- $text-input-default-height: 20px !default;
86
+ $text-input-default-width: auto !default;
87
+ $text-input-default-height: 2.3em !default;
50
88
  $text-input-default-border-color: #DDD !default;
51
89
  $text-input-default-border-focus-color: #319fda !default;
52
90
  $text-input-default-border-radius: 3px 3px 3px 3px !default;
@@ -69,9 +107,12 @@ $text-input-default-font-size: 11px !default;
69
107
 
70
108
  @mixin input-layout($width: $text-input-default-width, $height: $text-input-default-height) {
71
109
  width: $width;
72
- height: $height;
73
- line-height: $height;
74
- padding: 1px;
110
+ @include rem('height', $height);
111
+ line-height: 1em;
112
+ padding: 0.38em;
113
+
114
+
115
+
75
116
  }
76
117
 
77
118
  @mixin input-visual(
@@ -82,10 +123,9 @@ $text-input-default-font-size: 11px !default;
82
123
  $font-size: $text-input-default-font-size
83
124
  ) {
84
125
  border: 1px solid $border-color;
85
- border-top: 1px solid darken($border-color, 30%);
126
+ border-top: 1px solid darken($border-color, 20%);
86
127
  color: $text-color;
87
- font-size: $font-size;
88
-
128
+ @include rem('font-size', $font-size);
89
129
  @include box-sizing(border-box);
90
130
  @include border-radius($border-radius);
91
131
  @include box-shadow(0 1px 2px 0 rgba(0, 0, 0, 0.2) inset);
@@ -95,4 +135,17 @@ $text-input-default-font-size: 11px !default;
95
135
  border:1px solid $border-focus-color;
96
136
  @include box-shadow(rgba(0,0,0,0.2) 0 1px 2px 0 inset, #01a9db 0 0 2px 0);
97
137
  }
138
+ &::-webkit-input-placeholder{
139
+ color: #AAA;
140
+ font-style: italic;
141
+
142
+ }
143
+ &::-moz-placeholder{
144
+ color: #AAA;
145
+ font-style: italic;
146
+ }
147
+ &:-ms-input-placeholder{
148
+ color: #AAA;
149
+ font-style: italic;
150
+ }
98
151
  }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: picasso
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.5.1
4
+ version: 0.5.2
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: 2013-05-15 00:00:00.000000000 Z
12
+ date: 2013-05-23 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: compass
@@ -115,7 +115,7 @@ post_install_message: ! '
115
115
  ## Picasso - Sass/Compass Framework
116
116
 
117
117
 
118
- ## Versión: 0.5.1
118
+ ## Versión: 0.5.2
119
119
 
120
120
  ## Documentación: http://ux.despegar.it/labs/picasso/
121
121