picasso 0.5.1 → 0.5.2

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 Picasso
2
- VERSION = "0.5.1"
2
+ VERSION = "0.5.2"
3
3
  end
@@ -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