purecss 0.0.5 → 0.0.6
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +8 -8
- data/README.md +3 -2
- data/app/assets/stylesheets/purecss-addons.css +130 -0
- data/lib/purecss/version.rb +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,15 +1,15 @@
|
|
1
1
|
---
|
2
2
|
!binary "U0hBMQ==":
|
3
3
|
metadata.gz: !binary |-
|
4
|
-
|
4
|
+
ODM5MWUwNTQ3MTY5MWZlOWZiZTkxMjBmODI5NjYxMDUzMzJhMjVmYw==
|
5
5
|
data.tar.gz: !binary |-
|
6
|
-
|
6
|
+
OGRiM2FhNjE0MzNlMjFiZjc3YjY2NjA5NGRjNjZmYWQ3ZDgyYzMzMw==
|
7
7
|
!binary "U0hBNTEy":
|
8
8
|
metadata.gz: !binary |-
|
9
|
-
|
10
|
-
|
11
|
-
|
9
|
+
NzMzMzdhNWZmMjgwNDI2MjBmNzk1YTdmZTM5ZjI4NzFiZjJmYzM0OWIwNTNi
|
10
|
+
YTAxY2M0MTEzNmZhMTYxMTg3MzA1MjdkMGIzN2ZhMDlhYmRlOTA5MTUyMzMx
|
11
|
+
MmZkNzU5YjA4M2UzODZlNzk3NGQ0ZjQ0OWU5Mzg2YzIzOTY3MDg=
|
12
12
|
data.tar.gz: !binary |-
|
13
|
-
|
14
|
-
|
15
|
-
|
13
|
+
NmRmYjk2NGI0YTJkOWZhMTQyMWEyODRkOTZiZmQ2YzY1MDczZmUwODBjNWE4
|
14
|
+
NDRiMmM0ZTA1YWEyOGJlNGVlY2VkZmI0Y2Y0NDZmNjg3NzY3ODBlM2E1NjQx
|
15
|
+
MzlhNGFhODU0MzNiMzhhNDk2YmRkYmE3MDExN2ExZjVjZmEyYTc=
|
data/README.md
CHANGED
@@ -12,6 +12,7 @@ I cite directly from [purecss.io](http://purecss.io)
|
|
12
12
|
>
|
13
13
|
> Pure is ridiculously tiny. The entire set of modules clocks in at 5.7KB minified and gzipped, without forgoing responsive styles, design, or ease of use. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes.
|
14
14
|
|
15
|
+
Note: [will_paginate](https://github.com/mislav/will_paginate) is integrated with purecss pagination style using the [purecss-will_paginate](https://github.com/mseri/rails-purecss-will_paginate) gem.
|
15
16
|
|
16
17
|
## Installation
|
17
18
|
|
@@ -128,8 +129,8 @@ I'd like to add
|
|
128
129
|
5. Create new Pull Request
|
129
130
|
|
130
131
|
## Changelog
|
131
|
-
|
132
|
-
- 0.0.
|
132
|
+
- 0.0.6 Reorganized CSS Addon structure
|
133
|
+
- 0.0.5 Slightly improved dropdown (now it works even with different menu font), added purecss-custom.css
|
133
134
|
- 0.0.3 Added Dropdown script on top of jQuery, corrected README
|
134
135
|
- 0.0.2 Gem restructured following [Gemify Assets for Rails](http://prioritized.net/blog/gemify-assets-for-rails/), added individual modules, improved size
|
135
136
|
|
@@ -1,4 +1,9 @@
|
|
1
|
+
/*
|
2
|
+
Symbolic Addons
|
3
|
+
*/
|
4
|
+
|
1
5
|
.pure-custom-close {
|
6
|
+
content:'×';
|
2
7
|
float: right;
|
3
8
|
font-size: 20px;
|
4
9
|
font-weight: bold;
|
@@ -28,6 +33,10 @@
|
|
28
33
|
margin-left: 2px;
|
29
34
|
}
|
30
35
|
|
36
|
+
/* ***********************************
|
37
|
+
Menu Addons
|
38
|
+
*********************************** */
|
39
|
+
|
31
40
|
.pure-menu-custom-separator-vertical {
|
32
41
|
background-color:#dfdfdf;
|
33
42
|
display:block;
|
@@ -37,6 +46,127 @@
|
|
37
46
|
overflow:hidden
|
38
47
|
}
|
39
48
|
|
49
|
+
/* ***********************************
|
50
|
+
Alerts
|
51
|
+
*********************************** */
|
52
|
+
.pure-custom-alert {
|
53
|
+
position: relative;
|
54
|
+
margin-bottom: 1em;
|
55
|
+
padding: 1em;
|
56
|
+
background: #ccc;
|
57
|
+
border-radius: 3px;
|
58
|
+
}
|
59
|
+
|
60
|
+
.pure-custom-alert label {
|
61
|
+
display: inline-block;
|
62
|
+
display: inline-block;
|
63
|
+
*display: inline;
|
64
|
+
/* IE7 inline-block hack */
|
65
|
+
*zoom: 1;
|
66
|
+
white-space: nowrap;
|
67
|
+
}
|
68
|
+
|
69
|
+
.pure-custom-alert {
|
70
|
+
background-color: rgb(209, 235, 238);
|
71
|
+
color: rgb(102, 131, 145);
|
72
|
+
}
|
73
|
+
.pure-custom-alert-error {
|
74
|
+
background-color: #D13C38;
|
75
|
+
color: #fff;
|
76
|
+
}
|
77
|
+
|
78
|
+
.pure-custom-alert-warning {
|
79
|
+
background-color: rgb(250, 191, 103);
|
80
|
+
color: rgb(151, 96, 13);
|
81
|
+
}
|
82
|
+
|
83
|
+
.pure-custom-alert-success {
|
84
|
+
background-color: rgb(83, 180, 79);
|
85
|
+
color: #fff;
|
86
|
+
}
|
87
|
+
|
88
|
+
|
89
|
+
/* *************************************
|
90
|
+
Not yet tested
|
91
|
+
************************************* */
|
92
|
+
|
93
|
+
/* ***********************************
|
94
|
+
Images
|
95
|
+
*********************************** */
|
96
|
+
.pure-custom-img-rounded {
|
97
|
+
border-radius: 3px;
|
98
|
+
}
|
99
|
+
.pure-custom-img-bordered {
|
100
|
+
background-color: #FFFFFF;
|
101
|
+
border: 1px solid rgba(0, 0, 0, 0.2);
|
102
|
+
padding: 5px;
|
103
|
+
}
|
104
|
+
|
105
|
+
/* ***********************************
|
106
|
+
Thumbnails
|
107
|
+
*********************************** */
|
108
|
+
.pure-custom-thumbnails li {
|
109
|
+
text-align: center;
|
110
|
+
display: inline-block;
|
111
|
+
*display: inline;
|
112
|
+
/* IE7 inline-block hack */
|
113
|
+
*zoom: 1;
|
114
|
+
vertical-align: top;
|
115
|
+
-webkit-box-sizing: border-box;
|
116
|
+
-moz-box-sizing: border-box;
|
117
|
+
box-sizing: border-box;
|
118
|
+
padding: 0.5em;
|
119
|
+
}
|
120
|
+
|
121
|
+
.pure-custom-thumbnails {
|
122
|
+
list-style: none;
|
123
|
+
margin: 0;
|
124
|
+
padding: 0;
|
125
|
+
}
|
126
|
+
|
127
|
+
.pure-custom-thumbnails a:focus {
|
128
|
+
outline: 0 none;
|
129
|
+
}
|
130
|
+
|
131
|
+
.pure-custom-thumb {
|
132
|
+
display: block;
|
133
|
+
text-decoration: none;
|
134
|
+
color: inherit;
|
135
|
+
}
|
136
|
+
.pure-custom-thumb img {
|
137
|
+
max-width: 100%;
|
138
|
+
margin-right: auto;
|
139
|
+
margin-left: auto;
|
140
|
+
vertical-align: middle; /* this will remove a thin line below the image */
|
141
|
+
-webkit-box-sizing: border-box;
|
142
|
+
-moz-box-sizing: border-box;
|
143
|
+
box-sizing: border-box;
|
144
|
+
}
|
145
|
+
|
146
|
+
.pure-custom-thumb-bordered {
|
147
|
+
border: 1px solid rgba(0, 0, 0, 0.2);
|
148
|
+
}
|
149
|
+
.pure-custom-thumb .caption {
|
150
|
+
text-align: left;
|
151
|
+
display: block;
|
152
|
+
margin: 0 5px 6px;
|
153
|
+
|
154
|
+
}
|
155
|
+
.pure-custom-thumb .caption p {
|
156
|
+
margin: 0.3em 0 0;
|
157
|
+
font-size: 75%;
|
158
|
+
}
|
159
|
+
.pure-custom-thumb .caption .caption-head {
|
160
|
+
font-weight: bold;
|
161
|
+
margin-top: 0.3em;
|
162
|
+
}
|
163
|
+
|
164
|
+
.pure-custom-thumb-rounded img {
|
165
|
+
border-radius: 3px;
|
166
|
+
}
|
167
|
+
|
168
|
+
|
169
|
+
|
40
170
|
/* *************************************
|
41
171
|
Experimental! The syntax/use could change
|
42
172
|
in the near future
|
data/lib/purecss/version.rb
CHANGED