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.
- data/.gitignore +2 -1
- data/README.md +9 -2
- data/docs/_picasso.html +352 -14
- data/docs/css/picasso-demos.css +352 -14
- data/docs/index.html +364 -17
- data/docs/picasso-_components.html +352 -14
- data/docs/picasso-_despegar.html +352 -14
- data/docs/picasso-_utils.html +352 -14
- data/docs/picasso-components-_accordions.html +352 -14
- data/docs/picasso-components-_arrows.html +352 -14
- data/docs/picasso-components-_bubbles.html +352 -14
- data/docs/picasso-components-_buttons.html +352 -14
- data/docs/picasso-components-_clusters.html +352 -14
- data/docs/picasso-components-_inputs.html +458 -28
- data/docs/picasso-components-_list-grids.html +352 -14
- data/docs/picasso-components-_navs.html +352 -14
- data/docs/picasso-components-_pagination.html +352 -14
- data/docs/picasso-components-_popups.html +352 -14
- data/docs/picasso-components-_tooltips.html +352 -14
- data/docs/picasso-components-buttons-_3d.html +352 -14
- data/docs/picasso-despegar-_mixins.html +352 -14
- data/docs/picasso-despegar-_variables.html +352 -14
- data/docs/picasso-utils-_clearfix.html +352 -14
- data/docs/picasso-utils-_grid.html +352 -14
- data/docs/picasso-utils-_ie.html +352 -14
- data/docs/picasso-utils-_rem.html +352 -14
- data/docs/picasso-utils-_sprite.html +352 -14
- data/docs/sass/picasso-demos.scss +43 -4
- data/lib/picasso/version.rb +1 -1
- data/stylesheets/picasso/components/_inputs.scss +65 -12
- metadata +3 -3
data/lib/picasso/version.rb
CHANGED
|
@@ -2,16 +2,53 @@
|
|
|
2
2
|
|
|
3
3
|
// Estilos para inputs de textos y selects.
|
|
4
4
|
|
|
5
|
-
// ###
|
|
6
|
-
|
|
5
|
+
// ### Ejemplo
|
|
7
6
|
// ```
|
|
8
|
-
// <input type="text" class="text-input-demo-
|
|
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-
|
|
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:
|
|
49
|
-
$text-input-default-height:
|
|
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
|
|
73
|
-
line-height:
|
|
74
|
-
|
|
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,
|
|
126
|
+
border-top: 1px solid darken($border-color, 20%);
|
|
86
127
|
color: $text-color;
|
|
87
|
-
|
|
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.
|
|
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-
|
|
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.
|
|
118
|
+
## Versión: 0.5.2
|
|
119
119
|
|
|
120
120
|
## Documentación: http://ux.despegar.it/labs/picasso/
|
|
121
121
|
|