pure-sass 0.0.2 → 0.0.3
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.
- checksums.yaml +4 -4
- data/.gitignore +4 -0
- data/.ruby-gemset +1 -0
- data/.ruby-version +1 -0
- data/Guardfile +1 -0
- data/README.md +10 -1
- data/Rakefile +72 -10
- data/app/assets/stylesheets/pure/all.css.scss +7 -0
- data/app/assets/stylesheets/pure/base/normalize-context.css.scss +233 -0
- data/app/assets/stylesheets/pure/base/{normalize.css.sass → normalize.css.scss} +307 -204
- data/app/assets/stylesheets/pure/base.css.scss +2 -0
- data/app/assets/stylesheets/pure/buttons/buttons-core.css.scss +27 -0
- data/app/assets/stylesheets/pure/buttons/buttons-theme.css.scss +110 -0
- data/app/assets/stylesheets/pure/buttons/buttons.css.scss +83 -0
- data/app/assets/stylesheets/pure/buttons.css.scss +3 -0
- data/app/assets/stylesheets/pure/defaults.css.scss +44 -0
- data/app/assets/stylesheets/pure/forms/{forms-core.css.sass → forms-core.css.scss} +91 -74
- data/app/assets/stylesheets/pure/forms/forms-r.css.scss +31 -0
- data/app/assets/stylesheets/pure/forms/forms-theme.css.scss +362 -0
- data/app/assets/stylesheets/pure/forms/forms.css.scss +167 -0
- data/app/assets/stylesheets/pure/forms.css.scss +4 -0
- data/app/assets/stylesheets/pure/grids/grids-core.css.scss +24 -0
- data/app/assets/stylesheets/pure/grids/grids-r.css.scss +54 -0
- data/app/assets/stylesheets/pure/grids/grids-units.css.scss +147 -0
- data/app/assets/stylesheets/pure/grids.css.scss +3 -0
- data/app/assets/stylesheets/pure/lists/lists-theme.css.scss +241 -0
- data/app/assets/stylesheets/pure/menus/menus-core.css.scss +111 -0
- data/app/assets/stylesheets/pure/menus/menus-paginator.css.scss +31 -0
- data/app/assets/stylesheets/pure/menus/menus-r.css.scss +14 -0
- data/app/assets/stylesheets/pure/menus/menus.css.scss +78 -0
- data/app/assets/stylesheets/pure/menus.css.scss +4 -0
- data/app/assets/stylesheets/pure/tables/tables-theme.css.scss +72 -0
- data/app/assets/stylesheets/pure/tables/tables.css.scss +82 -0
- data/app/assets/stylesheets/pure/tables.css.scss +2 -0
- data/lib/pure/sass/default_translation.rb +28 -0
- data/lib/pure/sass/translation.rb +24 -0
- data/lib/pure/sass/version.rb +1 -1
- data/lib/pure/sass.rb +2 -0
- data/pure-sass.gemspec +2 -1
- data/spec/acceptance/sass_spec.rb +10 -0
- data/spec/fixtures/buttons.css.handlebars +110 -0
- data/spec/fixtures/form.css.handlebars +362 -0
- data/spec/fixtures/list.css.handlebars +241 -0
- data/spec/fixtures/table.css.handlebars +72 -0
- data/spec/lib/pure/sass/default_translation_spec.rb +18 -0
- data/spec/lib/pure/sass/translation_spec.rb +19 -0
- data/spec/sass_importer.rb +14 -0
- data/spec/spec_helper.rb +2 -1
- metadata +78 -28
- data/app/assets/stylesheets/pure/all.css.sass +0 -7
- data/app/assets/stylesheets/pure/base/normalize-context.css.sass +0 -152
- data/app/assets/stylesheets/pure/base.css.sass +0 -2
- data/app/assets/stylesheets/pure/buttons/buttons-core.css.sass +0 -23
- data/app/assets/stylesheets/pure/buttons/buttons.css.sass +0 -103
- data/app/assets/stylesheets/pure/buttons.css.sass +0 -2
- data/app/assets/stylesheets/pure/defaults.css.sass +0 -0
- data/app/assets/stylesheets/pure/forms/forms-r.css.sass +0 -22
- data/app/assets/stylesheets/pure/forms/forms.css.sass +0 -128
- data/app/assets/stylesheets/pure/forms.css.sass +0 -3
- data/app/assets/stylesheets/pure/grids/grids-core.css.sass +0 -26
- data/app/assets/stylesheets/pure/grids/grids-r.css.sass +0 -34
- data/app/assets/stylesheets/pure/grids/grids-units.css.sass +0 -93
- data/app/assets/stylesheets/pure/grids.css.sass +0 -3
- data/app/assets/stylesheets/pure/menus/menus-core.css.sass +0 -99
- data/app/assets/stylesheets/pure/menus/menus-paginator.css.sass +0 -24
- data/app/assets/stylesheets/pure/menus/menus-r.css.sass +0 -8
- data/app/assets/stylesheets/pure/menus/menus.css.sass +0 -65
- data/app/assets/stylesheets/pure/menus.css.sass +0 -4
- data/app/assets/stylesheets/pure/tables/tables.css.sass +0 -68
- data/app/assets/stylesheets/pure/tables.css.sass +0 -1
- data/spec/assets_spec.rb +0 -21
@@ -0,0 +1,27 @@
|
|
1
|
+
.pure-button {
|
2
|
+
/* Structure */
|
3
|
+
display: inline-block;
|
4
|
+
*display: inline; /*IE 6/7*/
|
5
|
+
zoom: 1;
|
6
|
+
line-height: normal;
|
7
|
+
white-space: nowrap;
|
8
|
+
vertical-align: baseline;
|
9
|
+
text-align: center;
|
10
|
+
cursor: pointer;
|
11
|
+
-webkit-user-drag: none;
|
12
|
+
-webkit-user-select: none;
|
13
|
+
-moz-user-select: none;
|
14
|
+
user-select: none;
|
15
|
+
}
|
16
|
+
|
17
|
+
|
18
|
+
/* Firefox: Get rid of the inner focus border */
|
19
|
+
.pure-button::-moz-focus-inner{
|
20
|
+
padding: 0;
|
21
|
+
border: 0;
|
22
|
+
}
|
23
|
+
|
24
|
+
a:focus {
|
25
|
+
outline: none;
|
26
|
+
}
|
27
|
+
|
@@ -0,0 +1,110 @@
|
|
1
|
+
|
2
|
+
/* from YUICSS buttons-core.css */
|
3
|
+
.pure-button {
|
4
|
+
/* Structure */
|
5
|
+
display: inline-block;
|
6
|
+
*display: inline; /*IE 6/7*/
|
7
|
+
zoom: 1;
|
8
|
+
line-height: normal;
|
9
|
+
white-space: nowrap;
|
10
|
+
vertical-align: baseline;
|
11
|
+
text-align: center;
|
12
|
+
cursor: pointer;
|
13
|
+
-webkit-user-drag: none;
|
14
|
+
-webkit-user-select: none;
|
15
|
+
-moz-user-select: none;
|
16
|
+
user-select: none;
|
17
|
+
}
|
18
|
+
|
19
|
+
|
20
|
+
/* Firefox: Get rid of the inner focus border */
|
21
|
+
.pure-button::-moz-focus-inner{
|
22
|
+
padding: 0;
|
23
|
+
border: 0;
|
24
|
+
}
|
25
|
+
|
26
|
+
a:focus {
|
27
|
+
outline: none;
|
28
|
+
}
|
29
|
+
/* end from YUICSS buttons-core.css */
|
30
|
+
/* from YUICSS buttons.css */
|
31
|
+
.pure-button {
|
32
|
+
font-size: 100%;
|
33
|
+
*font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
|
34
|
+
*overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
|
35
|
+
padding: $padding;
|
36
|
+
color: $text; /* rgba not supported (IE 8) */
|
37
|
+
/* color: rgba(0, 0, 0, 0.80); rgba supported */
|
38
|
+
/* *color: #444; IE 6 & 7 */
|
39
|
+
border: 1px solid $border-low; /*IE 6/7/8*/
|
40
|
+
border: none rgba(0, 0, 0, 0); /*IE9 + everything else*/
|
41
|
+
background-color: $background;
|
42
|
+
border-radius: $button-radius;
|
43
|
+
text-decoration: none;
|
44
|
+
-webkit-font-smoothing: antialiased;
|
45
|
+
/* Transitions */
|
46
|
+
-webkit-transition: 0.1s linear -webkit-box-shadow;
|
47
|
+
-moz-transition: 0.1s linear -moz-box-shadow;
|
48
|
+
-ms-transition: 0.1s linear box-shadow;
|
49
|
+
-o-transition: 0.1s linear box-shadow;
|
50
|
+
transition: 0.1s linear box-shadow;
|
51
|
+
}
|
52
|
+
|
53
|
+
|
54
|
+
.pure-button-hover,
|
55
|
+
.pure-button:hover {
|
56
|
+
|
57
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=0);
|
58
|
+
|
59
|
+
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.05)));
|
60
|
+
background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
|
61
|
+
background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.05));
|
62
|
+
background-image: -ms-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
|
63
|
+
background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.05));
|
64
|
+
background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.05));
|
65
|
+
}
|
66
|
+
|
67
|
+
.pure-button-active,
|
68
|
+
.pure-button:active {
|
69
|
+
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
|
70
|
+
-moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
|
71
|
+
box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
|
72
|
+
}
|
73
|
+
|
74
|
+
.pure-button[disabled],
|
75
|
+
.pure-button-disabled,
|
76
|
+
.pure-button-disabled:hover,
|
77
|
+
.pure-button-disabled:active {
|
78
|
+
border: none;
|
79
|
+
background-image: none;
|
80
|
+
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
81
|
+
filter: alpha(opacity=40);
|
82
|
+
-khtml-opacity: 0.40;
|
83
|
+
-moz-opacity: 0.40;
|
84
|
+
opacity: 0.40;
|
85
|
+
cursor: not-allowed;
|
86
|
+
box-shadow: none;
|
87
|
+
}
|
88
|
+
|
89
|
+
.pure-button-hidden {
|
90
|
+
display:none;
|
91
|
+
}
|
92
|
+
|
93
|
+
/* Firefox: Get rid of the inner focus border */
|
94
|
+
.pure-button::-moz-focus-inner{
|
95
|
+
padding: 0;
|
96
|
+
border: 0;
|
97
|
+
}
|
98
|
+
|
99
|
+
.pure-button-primary,
|
100
|
+
.pure-button-selected,
|
101
|
+
a.pure-button-primary,
|
102
|
+
a.pure-button-selected {
|
103
|
+
background-color: $selected-background;
|
104
|
+
color: $selected-text;
|
105
|
+
}
|
106
|
+
|
107
|
+
.pure-button:-moz-focusring {
|
108
|
+
outline-color: rgba(0, 0, 0, 0.85);
|
109
|
+
}
|
110
|
+
|
@@ -0,0 +1,83 @@
|
|
1
|
+
.pure-button {
|
2
|
+
font-size: 100%;
|
3
|
+
*font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
|
4
|
+
*overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
|
5
|
+
padding: 0.5em 1.5em 0.5em;
|
6
|
+
color: #444; /* rgba not supported (IE 8) */
|
7
|
+
color: rgba(0, 0, 0, 0.80); /* rgba supported */
|
8
|
+
*color: #444; /* IE 6 & 7 */
|
9
|
+
border: 1px solid #999; /*IE 6/7/8*/
|
10
|
+
border: none rgba(0, 0, 0, 0); /*IE9 + everything else*/
|
11
|
+
background-color: #E6E6E6;
|
12
|
+
text-decoration: none;
|
13
|
+
-webkit-border-radius: 2px;
|
14
|
+
-moz-border-radius: 2px;
|
15
|
+
border-radius: 2px;
|
16
|
+
-webkit-font-smoothing: antialiased;
|
17
|
+
/* Transitions */
|
18
|
+
-webkit-transition: 0.1s linear -webkit-box-shadow;
|
19
|
+
-moz-transition: 0.1s linear -moz-box-shadow;
|
20
|
+
-ms-transition: 0.1s linear box-shadow;
|
21
|
+
-o-transition: 0.1s linear box-shadow;
|
22
|
+
transition: 0.1s linear box-shadow;
|
23
|
+
}
|
24
|
+
|
25
|
+
|
26
|
+
.pure-button-hover,
|
27
|
+
.pure-button:hover {
|
28
|
+
|
29
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=0);
|
30
|
+
|
31
|
+
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.05)));
|
32
|
+
background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
|
33
|
+
background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.05));
|
34
|
+
background-image: -ms-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
|
35
|
+
background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.05));
|
36
|
+
background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.05));
|
37
|
+
}
|
38
|
+
|
39
|
+
.pure-button-active,
|
40
|
+
.pure-button:active {
|
41
|
+
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
|
42
|
+
-moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
|
43
|
+
box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
|
44
|
+
}
|
45
|
+
|
46
|
+
.pure-button[disabled],
|
47
|
+
.pure-button-disabled,
|
48
|
+
.pure-button-disabled:hover,
|
49
|
+
.pure-button-disabled:active {
|
50
|
+
border: none;
|
51
|
+
background-image: none;
|
52
|
+
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
53
|
+
filter: alpha(opacity=40);
|
54
|
+
-khtml-opacity: 0.40;
|
55
|
+
-moz-opacity: 0.40;
|
56
|
+
opacity: 0.40;
|
57
|
+
cursor: not-allowed;
|
58
|
+
box-shadow: none;
|
59
|
+
}
|
60
|
+
|
61
|
+
.pure-button-hidden {
|
62
|
+
display:none;
|
63
|
+
}
|
64
|
+
|
65
|
+
/* Firefox: Get rid of the inner focus border */
|
66
|
+
.pure-button::-moz-focus-inner{
|
67
|
+
padding: 0;
|
68
|
+
border: 0;
|
69
|
+
}
|
70
|
+
|
71
|
+
|
72
|
+
/* Sam */
|
73
|
+
.pure-button-primary,
|
74
|
+
.pure-button-selected,
|
75
|
+
a.pure-button-primary,
|
76
|
+
a.pure-button-selected {
|
77
|
+
background-color: rgb(0, 120, 231);
|
78
|
+
color: #fff;
|
79
|
+
}
|
80
|
+
|
81
|
+
.pure-button:-moz-focusring {
|
82
|
+
outline-color: rgba(0, 0, 0, 0.85);
|
83
|
+
}
|
@@ -0,0 +1,44 @@
|
|
1
|
+
$background: #b0bcdd !default;
|
2
|
+
$border: #e6eaf4 !default;
|
3
|
+
$border-low: #a6b3d9 !default;
|
4
|
+
$border-radius: 4px !default;
|
5
|
+
$button-radius: 2px !default;
|
6
|
+
$caption-text: #adadad !default;
|
7
|
+
$cell-background: #f1f3f9 !default;
|
8
|
+
$cell-odd-background: #e6eaf4 !default;
|
9
|
+
$cell-odd-text: #273259 !default;
|
10
|
+
$cell-padding: 0.3em 0.6em !default;
|
11
|
+
$cell-text: #344579 !default;
|
12
|
+
$disabled-text: #adadad !default;
|
13
|
+
$fixed-menu-border-bottom: #e6eaf4 !default;
|
14
|
+
$head-background: #d1d7eb !default;
|
15
|
+
$head-text: #1c2440 !default;
|
16
|
+
$heading-text: #171f36 !default;
|
17
|
+
$inline-help-text: #adadad !default;
|
18
|
+
$input-border: #e6e6e6 !default;
|
19
|
+
$input-group-first-radius: 4px 4px 0px 0px !default;
|
20
|
+
$input-group-last-radius: 0px 0px 4px 4px !default;
|
21
|
+
$input-padding: 0.5em 0.6em !default;
|
22
|
+
$input-radius: 4px !default;
|
23
|
+
$input-radius-rounded: 30px !default;
|
24
|
+
$input-shadow-inset: #ededed !default;
|
25
|
+
$label: #4f4f4f !default;
|
26
|
+
$legend-rule: #ededed !default;
|
27
|
+
$legend-text: #262626 !default;
|
28
|
+
$menu-background: #f1f3f9 !default;
|
29
|
+
$menu-border: #e6eaf4 !default;
|
30
|
+
$menu-hover-background: #d8ddee !default;
|
31
|
+
$menu-hover-text: #273259 !default;
|
32
|
+
$menu-item-padding: 0.35em 1.4em !default;
|
33
|
+
$menu-selected-background: #3355BA !default;
|
34
|
+
$menu-selected-text: #fbfcfe !default;
|
35
|
+
$menu-text: #344579 !default;
|
36
|
+
$menu-text-disabled: #97a6d3 !default;
|
37
|
+
$padding: 0.5em 1.5em 0.5em !default;
|
38
|
+
$paginator-radius-next: 0px 4px 4px 0px !default;
|
39
|
+
$paginator-radius-prev: 4px 0px 0px 4px !default;
|
40
|
+
$selected-background: #3355BA !default;
|
41
|
+
$selected-text: #fbfcfe !default;
|
42
|
+
$separator: #e6e6e6 !default;
|
43
|
+
$text: #0e1320 !default;
|
44
|
+
|
@@ -1,101 +1,66 @@
|
|
1
|
-
/* This page has Normalize.css form-specific style rules applied to a .pure-form context
|
1
|
+
/* This page has Normalize.css form-specific style rules applied to a .pure-form context */
|
2
2
|
|
3
3
|
/* ==========
|
4
|
-
|
5
|
-
|
4
|
+
Forms Core
|
5
|
+
=========*/
|
6
6
|
|
7
7
|
/*
|
8
8
|
* Corrects margin displayed oddly in IE 6/7.
|
9
|
+
*/
|
9
10
|
|
10
|
-
.pure-form
|
11
|
-
|
12
|
-
|
13
|
-
border: 1px solid #c0c0c0
|
14
|
-
margin: 0 2px
|
15
|
-
padding: 0.35em 0.625em 0.75em
|
16
|
-
legend
|
17
|
-
border: 0
|
18
|
-
/* 1
|
19
|
-
padding: 0
|
20
|
-
white-space: normal
|
21
|
-
/* 2
|
22
|
-
*margin-left: -7px
|
23
|
-
/* 3
|
24
|
-
button, input, select, textarea
|
25
|
-
font-size: 100%
|
26
|
-
/* 1
|
27
|
-
margin: 0
|
28
|
-
/* 2
|
29
|
-
vertical-align: baseline
|
30
|
-
/* 3
|
31
|
-
*vertical-align: middle
|
32
|
-
/* 3
|
33
|
-
button, input
|
34
|
-
line-height: normal
|
35
|
-
button
|
36
|
-
-webkit-appearance: button
|
37
|
-
/* 2
|
38
|
-
cursor: pointer
|
39
|
-
/* 3
|
40
|
-
*overflow: visible
|
41
|
-
/* 4
|
42
|
-
input
|
43
|
-
&[type="button"], &[type="reset"], &[type="submit"]
|
44
|
-
-webkit-appearance: button
|
45
|
-
/* 2
|
46
|
-
cursor: pointer
|
47
|
-
/* 3
|
48
|
-
*overflow: visible
|
49
|
-
/* 4
|
50
|
-
button[disabled]
|
51
|
-
cursor: default
|
52
|
-
input
|
53
|
-
&[disabled]
|
54
|
-
cursor: default
|
55
|
-
&[type="checkbox"], &[type="radio"]
|
56
|
-
box-sizing: border-box
|
57
|
-
/* 1
|
58
|
-
padding: 0
|
59
|
-
/* 2
|
60
|
-
*height: 13px
|
61
|
-
/* 3
|
62
|
-
*width: 13px
|
63
|
-
/* 3
|
64
|
-
&[type="search"]
|
65
|
-
-webkit-appearance: textfield
|
66
|
-
/* 1
|
67
|
-
-moz-box-sizing: content-box
|
68
|
-
-webkit-box-sizing: content-box
|
69
|
-
/* 2
|
70
|
-
box-sizing: content-box
|
71
|
-
&::-webkit-search-cancel-button, &::-webkit-search-decoration
|
72
|
-
-webkit-appearance: none
|
73
|
-
button::-moz-focus-inner, input::-moz-focus-inner
|
74
|
-
border: 0
|
75
|
-
padding: 0
|
76
|
-
textarea
|
77
|
-
overflow: auto
|
78
|
-
/* 1
|
79
|
-
vertical-align: top
|
80
|
-
/* 2
|
11
|
+
.pure-form {
|
12
|
+
margin: 0;
|
13
|
+
}
|
81
14
|
|
82
15
|
/*
|
83
16
|
* Define consistent border, margin, and padding.
|
17
|
+
*/
|
18
|
+
|
19
|
+
.pure-form fieldset {
|
20
|
+
border: 1px solid #c0c0c0;
|
21
|
+
margin: 0 2px;
|
22
|
+
padding: 0.35em 0.625em 0.75em;
|
23
|
+
}
|
84
24
|
|
85
25
|
/*
|
86
26
|
* 1. Corrects color not being inherited in IE 6/7/8/9.
|
87
27
|
* 2. Corrects text not wrapping in Firefox 3.
|
88
28
|
* 3. Corrects alignment displayed oddly in IE 6/7.
|
29
|
+
*/
|
30
|
+
|
31
|
+
.pure-form legend {
|
32
|
+
border: 0; /* 1 */
|
33
|
+
padding: 0;
|
34
|
+
white-space: normal; /* 2 */
|
35
|
+
*margin-left: -7px; /* 3 */
|
36
|
+
}
|
89
37
|
|
90
38
|
/*
|
91
39
|
* 1. Corrects font size not being inherited in all browsers.
|
92
40
|
* 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
|
93
41
|
* and Chrome.
|
94
42
|
* 3. Improves appearance and consistency in all browsers.
|
43
|
+
*/
|
44
|
+
|
45
|
+
.pure-form button,
|
46
|
+
.pure-form input,
|
47
|
+
.pure-form select,
|
48
|
+
.pure-form textarea {
|
49
|
+
font-size: 100%; /* 1 */
|
50
|
+
margin: 0; /* 2 */
|
51
|
+
vertical-align: baseline; /* 3 */
|
52
|
+
*vertical-align: middle; /* 3 */
|
53
|
+
}
|
95
54
|
|
96
55
|
/*
|
97
56
|
* Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
|
98
57
|
* the UA stylesheet.
|
58
|
+
*/
|
59
|
+
|
60
|
+
.pure-form button,
|
61
|
+
.pure-form input {
|
62
|
+
line-height: normal;
|
63
|
+
}
|
99
64
|
|
100
65
|
/*
|
101
66
|
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
@@ -105,28 +70,80 @@
|
|
105
70
|
* `input` and others.
|
106
71
|
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
|
107
72
|
* Known issue: inner spacing remains in IE 6.
|
73
|
+
*/
|
74
|
+
|
75
|
+
.pure-form button,
|
76
|
+
.pure-form input[type="button"], /* 1 */
|
77
|
+
.pure-form input[type="reset"],
|
78
|
+
.pure-form input[type="submit"] {
|
79
|
+
-webkit-appearance: button; /* 2 */
|
80
|
+
cursor: pointer; /* 3 */
|
81
|
+
*overflow: visible; /* 4 */
|
82
|
+
}
|
108
83
|
|
109
84
|
/*
|
110
85
|
* Re-set default cursor for disabled elements.
|
86
|
+
*/
|
87
|
+
|
88
|
+
.pure-form button[disabled],
|
89
|
+
.pure-form input[disabled] {
|
90
|
+
cursor: default;
|
91
|
+
}
|
111
92
|
|
112
93
|
/*
|
113
94
|
* 1. Addresses box sizing set to content-box in IE 8/9.
|
114
95
|
* 2. Removes excess padding in IE 8/9.
|
115
96
|
* 3. Removes excess padding in IE 7.
|
116
97
|
* Known issue: excess padding remains in IE 6.
|
98
|
+
*/
|
99
|
+
|
100
|
+
.pure-form input[type="checkbox"],
|
101
|
+
.pure-form input[type="radio"] {
|
102
|
+
box-sizing: border-box; /* 1 */
|
103
|
+
padding: 0; /* 2 */
|
104
|
+
*height: 13px; /* 3 */
|
105
|
+
*width: 13px; /* 3 */
|
106
|
+
}
|
117
107
|
|
118
108
|
/*
|
119
109
|
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
|
120
110
|
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
|
121
111
|
* (include `-moz` to future-proof).
|
112
|
+
*/
|
113
|
+
|
114
|
+
.pure-form input[type="search"] {
|
115
|
+
-webkit-appearance: textfield; /* 1 */
|
116
|
+
-moz-box-sizing: content-box;
|
117
|
+
-webkit-box-sizing: content-box; /* 2 */
|
118
|
+
box-sizing: content-box;
|
119
|
+
}
|
122
120
|
|
123
121
|
/*
|
124
122
|
* Removes inner padding and search cancel button in Safari 5 and Chrome
|
125
123
|
* on OS X.
|
124
|
+
*/
|
125
|
+
|
126
|
+
.pure-form input[type="search"]::-webkit-search-cancel-button,
|
127
|
+
.pure-form input[type="search"]::-webkit-search-decoration {
|
128
|
+
-webkit-appearance: none;
|
129
|
+
}
|
126
130
|
|
127
131
|
/*
|
128
132
|
* Removes inner padding and border in Firefox 3+.
|
133
|
+
*/
|
134
|
+
|
135
|
+
.pure-form button::-moz-focus-inner,
|
136
|
+
.pure-form input::-moz-focus-inner {
|
137
|
+
border: 0;
|
138
|
+
padding: 0;
|
139
|
+
}
|
129
140
|
|
130
141
|
/*
|
131
142
|
* 1. Removes default vertical scrollbar in IE 6/7/8/9.
|
132
143
|
* 2. Improves readability and alignment in all browsers.
|
144
|
+
*/
|
145
|
+
|
146
|
+
.pure-form textarea {
|
147
|
+
overflow: auto; /* 1 */
|
148
|
+
vertical-align: top; /* 2 */
|
149
|
+
}
|
@@ -0,0 +1,31 @@
|
|
1
|
+
@media only screen and (max-width : 480px) {
|
2
|
+
.pure-form button[type='submit'] {
|
3
|
+
margin: 0.7em 0 0;
|
4
|
+
}
|
5
|
+
|
6
|
+
.pure-form input[type='text'], .pure-form button, .pure-form label {
|
7
|
+
margin-bottom: 0.3em;
|
8
|
+
display: block;
|
9
|
+
}
|
10
|
+
|
11
|
+
.pure-group input[type='text'] {
|
12
|
+
margin-bottom: 0;
|
13
|
+
}
|
14
|
+
|
15
|
+
.pure-form-aligned .pure-control-group label {
|
16
|
+
margin-bottom: 0.3em;
|
17
|
+
text-align: left;
|
18
|
+
display: block;
|
19
|
+
width: 100%;
|
20
|
+
}
|
21
|
+
|
22
|
+
.pure-form-aligned .pure-controls {
|
23
|
+
margin: 1.5em 0 0 0;
|
24
|
+
}
|
25
|
+
|
26
|
+
.pure-form .pure-help-inline {
|
27
|
+
display: block;
|
28
|
+
font-size: 80%;
|
29
|
+
padding: 0.2em 0 0.8em; /* increased bottom padding to make it group with its related input element */
|
30
|
+
}
|
31
|
+
}
|