purecss-sass 0.6.0 → 0.6.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.gitignore +2 -0
- data/.travis.yml +4 -4
- data/CHANGELOG.md +8 -1
- data/README.md +42 -41
- data/bin/console +3 -3
- data/bower.json +27 -0
- data/lib/purecss-sass.rb +1 -15
- data/lib/purecss/sass/version.rb +1 -1
- data/package.json +26 -0
- data/purecss-sass.gemspec +5 -3
- data/vendor/assets/stylesheets/_purecss.scss +0 -8
- data/vendor/assets/stylesheets/purecss/_base.scss +10 -13
- data/vendor/assets/stylesheets/purecss/_buttons.scss +29 -32
- data/vendor/assets/stylesheets/purecss/_forms.scss +6 -8
- data/vendor/assets/stylesheets/purecss/_grids-responsive.scss +2 -2
- data/vendor/assets/stylesheets/purecss/_grids.scss +15 -13
- data/vendor/assets/stylesheets/purecss/_menus.scss +2 -4
- data/vendor/assets/stylesheets/purecss/_tables.scss +2 -2
- metadata +15 -16
- data/templates/project/manifest.rb +0 -2
- data/templates/project/styles.sass +0 -1
- data/vendor/assets/stylesheets/purecss/_forms-nr.scss +0 -344
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: b2138fbe034792885a4b1b8ccb2ba90a7a372f2e
|
4
|
+
data.tar.gz: 3202de3d75d1b3cdc692bc2483e37bc625744b38
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 6f81524dedcaf55a09e1e1a45ed6a1b440269b55b6c9a56b5186af752014244246f1f7e7f1329ca728268b3b80bf4241512bc5a45f924a709b98818e831bfa59
|
7
|
+
data.tar.gz: 64c2782f893036f2c8c08fe51284dcaaf844ace566589eae8cfd23ec1f5846f0b425a43caf030ad7d18052a7fa15570f3cdda684a47f3a77a9849157bc4228d9
|
data/.gitignore
CHANGED
data/.travis.yml
CHANGED
data/CHANGELOG.md
CHANGED
data/README.md
CHANGED
@@ -1,90 +1,91 @@
|
|
1
1
|
# Pure CSS for Sass
|
2
2
|
|
3
|
-
|
3
|
+
[![Gem Version](https://badge.fury.io/rb/purecss-sass.svg)](http://badge.fury.io/rb/purecss-sass)
|
4
|
+
[![npm version](https://badge.fury.io/js/purecss-sass.svg)](http://badge.fury.io/js/purecss-sass)
|
5
|
+
[![Build Status](https://travis-ci.org/rubysamurai/purecss-sass.svg?branch=master)](https://travis-ci.org/rubysamurai/purecss-sass)
|
4
6
|
|
5
|
-
|
7
|
+
Yahoo's [Pure](http://purecss.io/) is a set of small, responsive CSS modules that you can use in every web project.
|
6
8
|
|
7
|
-
|
9
|
+
`purecss-sass` is a Sass-powered version of Pure CSS for your applications. It allows to include all of Pure components at once or load them individually. Tested and working with Ruby on Rails, Compass, Sprockets, Bower, npm etc.
|
10
|
+
|
11
|
+
Original Pure CSS files are converted using `sass-convert` and otherwise untouched and unmodified.
|
8
12
|
|
9
13
|
## Installation
|
10
14
|
|
15
|
+
* [Ruby on Rails](#ruby-on-rails)
|
16
|
+
* [Bower](#bower)
|
17
|
+
* [npm](#npm)
|
18
|
+
|
11
19
|
### Ruby on Rails
|
12
20
|
|
13
|
-
|
21
|
+
Open your Rails application's `Gemfile` and add this line:
|
14
22
|
|
15
23
|
```ruby
|
16
24
|
gem 'purecss-sass'
|
17
25
|
```
|
18
26
|
|
19
|
-
|
27
|
+
Save `Gemfile` and execute `bundle` command to install the gem.
|
20
28
|
|
21
|
-
|
29
|
+
Open `/app/assets/stylesheets/application.scss` file and add this line:
|
22
30
|
|
23
31
|
```scss
|
24
32
|
@import 'purecss';
|
25
33
|
```
|
26
34
|
|
27
|
-
Default Rails installation comes with `.css` file extension for stylesheet assests files, make sure you change it to `.scss` and remove all the
|
28
|
-
|
29
|
-
Alternatively, to keep original `application.css` file, you can create `custom.scss` file in same folder and import `purecss` there.
|
30
|
-
|
31
|
-
### Compass
|
32
|
-
|
33
|
-
To use Compass extension you'll need to install `purecss-sass` gem:
|
34
|
-
|
35
|
-
```
|
36
|
-
gem install purecss-sass
|
37
|
-
```
|
38
|
-
|
39
|
-
#### Existing Compass project
|
40
|
-
|
41
|
-
If you have an existing Compass project, open `config.rb` file and require `purecss-sass` there:
|
42
|
-
|
43
|
-
```ruby
|
44
|
-
require 'purecss-sass'
|
45
|
-
```
|
46
|
-
|
47
|
-
Navigate to your project's folder and run command:
|
48
|
-
|
49
|
-
```
|
50
|
-
compass install purecss -r purecss-sass
|
51
|
-
```
|
35
|
+
> Note: Default Rails installation comes with `.css` file extension for stylesheet assests files, make sure you change it to `.scss` and remove all the `*= require_tree .` and `*= require_self` statements from file. Alternatively, to keep original `application.css` file, you can create `custom.scss` file in the same folder and import `purecss` there.
|
52
36
|
|
53
|
-
|
37
|
+
Restart Rails web server if it was running and now your Rails application is powered by Pure CSS for Sass.
|
54
38
|
|
55
|
-
|
39
|
+
### Bower
|
56
40
|
|
41
|
+
To install `purecss-sass` Bower package execute this command:
|
57
42
|
```
|
58
|
-
|
43
|
+
bower install purecss-sass
|
59
44
|
```
|
60
45
|
|
61
|
-
|
46
|
+
Then you will have a local copy of `purecss-sass` stylesheets to use in your application.
|
62
47
|
|
63
|
-
|
48
|
+
### npm
|
64
49
|
|
50
|
+
To install `purecss-sass` npm package execute this command:
|
65
51
|
```
|
66
|
-
|
52
|
+
npm install purecss-sass
|
67
53
|
```
|
68
54
|
|
69
|
-
This
|
55
|
+
This will fetch latest version of `purecss-sass` stylesheets to drop into your Sass powered application.
|
70
56
|
|
71
57
|
## Usage
|
72
58
|
|
73
59
|
By default, using `@import 'purecss';`, all of Pure CSS components are imported.
|
74
60
|
|
75
|
-
You can import individual components like this:
|
61
|
+
You can import individual Sass components like this:
|
76
62
|
|
77
63
|
```scss
|
78
64
|
@import 'purecss/base';
|
79
65
|
@import 'purecss/buttons';
|
80
66
|
@import 'purecss/forms';
|
81
|
-
@import 'purecss/forms-nr';
|
82
67
|
@import 'purecss/grids';
|
83
68
|
@import 'purecss/grids-responsive';
|
84
69
|
@import 'purecss/menus';
|
85
70
|
@import 'purecss/tables';
|
86
71
|
```
|
87
72
|
|
73
|
+
## Versioning
|
74
|
+
|
75
|
+
Pure CSS for Sass follows the upstream version of Yahoo's Pure. But last version number may be ahead, in case there is a need to release project specific changes.
|
76
|
+
|
77
|
+
Please always refer to the [CHANGELOG](https://github.com/rubysamurai/purecss-sass/blob/master/CHANGELOG.md) when upgrading.
|
78
|
+
|
88
79
|
## Contributing
|
89
80
|
|
90
|
-
|
81
|
+
Anyone is welcome to contribute to Pure CSS for Sass. Please [raise an issue](https://github.com/rubysamurai/purecss-sass/issues), fork the project, make changes to your forked repository and submit a pull request.
|
82
|
+
|
83
|
+
## Credits
|
84
|
+
|
85
|
+
Pure CSS for Sass is inspired from [bootstrap-sass](https://github.com/twbs/bootstrap-sass) by Twitter Bootstrap team.
|
86
|
+
|
87
|
+
## License
|
88
|
+
|
89
|
+
Pure © 2014 Yahoo! Inc. Released under a [BSD](https://github.com/yahoo/pure/blob/master/LICENSE.md) license.
|
90
|
+
|
91
|
+
`purecss-sass` © 2015 Dmitriy Tarasov. Released under a [MIT](https://github.com/rubysamurai/purecss-sass/blob/master/LICENSE.txt) licence.
|
data/bin/console
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
#!/usr/bin/env ruby
|
2
2
|
|
3
|
-
require
|
4
|
-
require
|
3
|
+
require 'bundler/setup'
|
4
|
+
require 'purecss-sass'
|
5
5
|
|
6
6
|
# You can add fixtures and/or initialization code here to make experimenting
|
7
7
|
# with your gem easier. You can also use a different console, if you like.
|
@@ -10,5 +10,5 @@ require "purecss/sass"
|
|
10
10
|
# require "pry"
|
11
11
|
# Pry.start
|
12
12
|
|
13
|
-
require
|
13
|
+
require 'irb'
|
14
14
|
IRB.start
|
data/bower.json
ADDED
@@ -0,0 +1,27 @@
|
|
1
|
+
{
|
2
|
+
"name": "purecss-sass",
|
3
|
+
"homepage": "https://github.com/rubysamurai/purecss-sass",
|
4
|
+
"authors": [
|
5
|
+
"Dmitriy Tarasov"
|
6
|
+
],
|
7
|
+
"description": "Pure CSS framework by Yahoo, converted to Sass and ready to use in Sass powered applications",
|
8
|
+
"main": "vendor/assets/stylesheets/_purecss.scss",
|
9
|
+
"keywords": [
|
10
|
+
"pure",
|
11
|
+
"purecss",
|
12
|
+
"sass",
|
13
|
+
"scss"
|
14
|
+
],
|
15
|
+
"license": "MIT",
|
16
|
+
"ignore": [
|
17
|
+
"**/.*",
|
18
|
+
"bin",
|
19
|
+
"lib",
|
20
|
+
"spec",
|
21
|
+
"CHANGELOG.md",
|
22
|
+
"Gemfile",
|
23
|
+
"README.md",
|
24
|
+
"Rakefile",
|
25
|
+
"purecss-sass.gemspec",
|
26
|
+
]
|
27
|
+
}
|
data/lib/purecss-sass.rb
CHANGED
@@ -2,9 +2,7 @@ module Purecss
|
|
2
2
|
module Sass
|
3
3
|
class << self
|
4
4
|
def load!
|
5
|
-
if defined?(::
|
6
|
-
register_compass_extension
|
7
|
-
elsif defined?(::Rails)
|
5
|
+
if defined?(::Rails)
|
8
6
|
register_rails_engine
|
9
7
|
elsif defined?(::Sprockets)
|
10
8
|
register_sprockets
|
@@ -29,18 +27,6 @@ module Purecss
|
|
29
27
|
::Sass.load_paths << stylesheets_path
|
30
28
|
end
|
31
29
|
|
32
|
-
def register_compass_extension
|
33
|
-
require 'purecss/sass/version'
|
34
|
-
|
35
|
-
::Compass::Frameworks.register(
|
36
|
-
'purecss',
|
37
|
-
version: Purecss::Sass::VERSION,
|
38
|
-
path: gem_path,
|
39
|
-
stylesheets_directory: stylesheets_path,
|
40
|
-
templates_directory: File.join(gem_path, 'templates')
|
41
|
-
)
|
42
|
-
end
|
43
|
-
|
44
30
|
def register_rails_engine
|
45
31
|
require 'purecss/sass/engine'
|
46
32
|
end
|
data/lib/purecss/sass/version.rb
CHANGED
data/package.json
ADDED
@@ -0,0 +1,26 @@
|
|
1
|
+
{
|
2
|
+
"name": "purecss-sass",
|
3
|
+
"version": "0.6.1",
|
4
|
+
"description": "Pure CSS framework by Yahoo, converted to Sass and ready to use in Sass powered applications",
|
5
|
+
"keywords": [
|
6
|
+
"pure",
|
7
|
+
"purecss",
|
8
|
+
"scss",
|
9
|
+
"sass"
|
10
|
+
],
|
11
|
+
"homepage": "https://github.com/rubysamurai/purecss-sass",
|
12
|
+
"bugs": {
|
13
|
+
"url": "https://github.com/rubysamurai/purecss-sass/issues"
|
14
|
+
},
|
15
|
+
"license": "MIT",
|
16
|
+
"author": "Dmitriy Tarasov",
|
17
|
+
"files": [
|
18
|
+
"vendor",
|
19
|
+
"LICENSE.txt"
|
20
|
+
],
|
21
|
+
"main": "vendor/assets/stylesheets/_purecss.scss",
|
22
|
+
"repository": {
|
23
|
+
"type": "git",
|
24
|
+
"url": "https://github.com/rubysamurai/purecss-sass.git"
|
25
|
+
}
|
26
|
+
}
|
data/purecss-sass.gemspec
CHANGED
@@ -19,9 +19,11 @@ Gem::Specification.new do |spec|
|
|
19
19
|
spec.executables = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
|
20
20
|
spec.require_paths = ['lib']
|
21
21
|
|
22
|
+
spec.required_ruby_version = '>= 2.0.0'
|
23
|
+
|
22
24
|
spec.add_runtime_dependency 'sass', '~> 3.3'
|
23
25
|
|
24
|
-
spec.add_development_dependency '
|
25
|
-
spec.add_development_dependency '
|
26
|
-
spec.add_development_dependency 'rails', '~>
|
26
|
+
spec.add_development_dependency 'railties', '~> 5.0'
|
27
|
+
spec.add_development_dependency 'rspec', '~> 3.5'
|
28
|
+
spec.add_development_dependency 'sprockets-rails', '~> 3.0'
|
27
29
|
end
|
@@ -1,14 +1,6 @@
|
|
1
|
-
/*!
|
2
|
-
Pure v0.6.0
|
3
|
-
Copyright 2014 Yahoo! Inc. All rights reserved.
|
4
|
-
Licensed under the BSD License.
|
5
|
-
https://github.com/yahoo/pure/blob/master/LICENSE.md
|
6
|
-
*/
|
7
|
-
|
8
1
|
@import 'purecss/base';
|
9
2
|
@import 'purecss/buttons';
|
10
3
|
@import 'purecss/forms';
|
11
|
-
@import 'purecss/forms-nr';
|
12
4
|
@import 'purecss/grids';
|
13
5
|
@import 'purecss/grids-responsive';
|
14
6
|
@import 'purecss/menus';
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/*!
|
2
|
-
Pure v0.6.
|
3
|
-
Copyright
|
2
|
+
Pure v0.6.1
|
3
|
+
Copyright 2013 Yahoo!
|
4
4
|
Licensed under the BSD License.
|
5
5
|
https://github.com/yahoo/pure/blob/master/LICENSE.md
|
6
6
|
*/
|
@@ -8,12 +8,12 @@ https://github.com/yahoo/pure/blob/master/LICENSE.md
|
|
8
8
|
normalize.css v^3.0 | MIT License | git.io/normalize
|
9
9
|
Copyright (c) Nicolas Gallagher and Jonathan Neal
|
10
10
|
*/
|
11
|
-
/*! normalize.css v3.0.
|
11
|
+
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
|
12
12
|
|
13
13
|
/**
|
14
14
|
* 1. Set default font family to sans-serif.
|
15
|
-
* 2. Prevent iOS text size adjust after orientation change,
|
16
|
-
* user zoom.
|
15
|
+
* 2. Prevent iOS and IE text size adjust after device orientation change,
|
16
|
+
* without disabling user zoom.
|
17
17
|
*/
|
18
18
|
|
19
19
|
html {
|
@@ -76,7 +76,7 @@ audio:not([controls]) {
|
|
76
76
|
|
77
77
|
/**
|
78
78
|
* Address `[hidden]` styling not present in IE 8/9/10.
|
79
|
-
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
|
79
|
+
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
|
80
80
|
*/
|
81
81
|
|
82
82
|
[hidden], template {
|
@@ -99,7 +99,8 @@ a {
|
|
99
99
|
}
|
100
100
|
|
101
101
|
/**
|
102
|
-
* Improve readability
|
102
|
+
* Improve readability of focused elements when they are also in an
|
103
|
+
* active/hover state.
|
103
104
|
*/
|
104
105
|
|
105
106
|
/* Text-level semantics
|
@@ -214,7 +215,6 @@ figure {
|
|
214
215
|
*/
|
215
216
|
|
216
217
|
hr {
|
217
|
-
-moz-box-sizing: content-box;
|
218
218
|
box-sizing: content-box;
|
219
219
|
height: 0;
|
220
220
|
}
|
@@ -355,11 +355,9 @@ input {
|
|
355
355
|
-webkit-appearance: textfield;
|
356
356
|
|
357
357
|
/* 1 */
|
358
|
-
|
359
|
-
-webkit-box-sizing: content-box;
|
358
|
+
box-sizing: content-box;
|
360
359
|
|
361
360
|
/* 2 */
|
362
|
-
box-sizing: content-box;
|
363
361
|
|
364
362
|
&::-webkit-search-cancel-button, &::-webkit-search-decoration {
|
365
363
|
-webkit-appearance: none;
|
@@ -388,8 +386,7 @@ input {
|
|
388
386
|
|
389
387
|
/**
|
390
388
|
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
|
391
|
-
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
|
392
|
-
* (include `-moz` to future-proof).
|
389
|
+
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
|
393
390
|
*/
|
394
391
|
|
395
392
|
/**
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/*!
|
2
|
-
Pure v0.6.
|
3
|
-
Copyright
|
2
|
+
Pure v0.6.1
|
3
|
+
Copyright 2013 Yahoo!
|
4
4
|
Licensed under the BSD License.
|
5
5
|
https://github.com/yahoo/pure/blob/master/LICENSE.md
|
6
6
|
*/
|
@@ -19,8 +19,6 @@ https://github.com/yahoo/pure/blob/master/LICENSE.md
|
|
19
19
|
-moz-user-select: none;
|
20
20
|
-ms-user-select: none;
|
21
21
|
user-select: none;
|
22
|
-
-webkit-box-sizing: border-box;
|
23
|
-
-moz-box-sizing: border-box;
|
24
22
|
box-sizing: border-box;
|
25
23
|
|
26
24
|
&::-moz-focus-inner {
|
@@ -53,30 +51,30 @@ https://github.com/yahoo/pure/blob/master/LICENSE.md
|
|
53
51
|
/*csslint outline-none:false*/
|
54
52
|
|
55
53
|
.pure-button-hover {
|
56
|
-
|
57
|
-
|
54
|
+
/* csslint ignore:start */
|
55
|
+
filter: alpha(opacity = 90);
|
56
|
+
|
57
|
+
/* csslint ignore:end */
|
58
58
|
background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
|
59
|
-
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1));
|
60
|
-
background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
|
61
59
|
background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
|
62
60
|
}
|
63
61
|
|
64
62
|
.pure-button {
|
65
63
|
&:hover {
|
66
|
-
|
67
|
-
|
64
|
+
/* csslint ignore:start */
|
65
|
+
filter: alpha(opacity = 90);
|
66
|
+
|
67
|
+
/* csslint ignore:end */
|
68
68
|
background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
|
69
|
-
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1));
|
70
|
-
background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
|
71
69
|
background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
|
72
70
|
}
|
73
71
|
|
74
72
|
&:focus {
|
75
|
-
|
76
|
-
|
73
|
+
/* csslint ignore:start */
|
74
|
+
filter: alpha(opacity = 90);
|
75
|
+
|
76
|
+
/* csslint ignore:end */
|
77
77
|
background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
|
78
|
-
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1));
|
79
|
-
background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
|
80
78
|
background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
|
81
79
|
outline: 0;
|
82
80
|
}
|
@@ -96,37 +94,43 @@ https://github.com/yahoo/pure/blob/master/LICENSE.md
|
|
96
94
|
&[disabled] {
|
97
95
|
border: none;
|
98
96
|
background-image: none;
|
99
|
-
|
97
|
+
|
98
|
+
/* csslint ignore:start */
|
100
99
|
filter: alpha(opacity = 40);
|
101
|
-
|
102
|
-
|
100
|
+
|
101
|
+
/* csslint ignore:end */
|
103
102
|
opacity: 0.40;
|
104
103
|
cursor: not-allowed;
|
105
104
|
box-shadow: none;
|
105
|
+
pointer-events: none;
|
106
106
|
}
|
107
107
|
}
|
108
108
|
|
109
109
|
.pure-button-disabled {
|
110
110
|
border: none;
|
111
111
|
background-image: none;
|
112
|
-
|
112
|
+
|
113
|
+
/* csslint ignore:start */
|
113
114
|
filter: alpha(opacity = 40);
|
114
|
-
|
115
|
-
|
115
|
+
|
116
|
+
/* csslint ignore:end */
|
116
117
|
opacity: 0.40;
|
117
118
|
cursor: not-allowed;
|
118
119
|
box-shadow: none;
|
120
|
+
pointer-events: none;
|
119
121
|
|
120
122
|
&:hover, &:focus, &:active {
|
121
123
|
border: none;
|
122
124
|
background-image: none;
|
123
|
-
|
125
|
+
|
126
|
+
/* csslint ignore:start */
|
124
127
|
filter: alpha(opacity = 40);
|
125
|
-
|
126
|
-
|
128
|
+
|
129
|
+
/* csslint ignore:end */
|
127
130
|
opacity: 0.40;
|
128
131
|
cursor: not-allowed;
|
129
132
|
box-shadow: none;
|
133
|
+
pointer-events: none;
|
130
134
|
}
|
131
135
|
}
|
132
136
|
|
@@ -134,13 +138,6 @@ https://github.com/yahoo/pure/blob/master/LICENSE.md
|
|
134
138
|
display: none;
|
135
139
|
}
|
136
140
|
|
137
|
-
/* Firefox: Get rid of the inner focus border */
|
138
|
-
|
139
|
-
.pure-button::-moz-focus-inner {
|
140
|
-
padding: 0;
|
141
|
-
border: 0;
|
142
|
-
}
|
143
|
-
|
144
141
|
.pure-button-primary, .pure-button-selected {
|
145
142
|
background-color: rgb(0, 120, 231);
|
146
143
|
color: #fff;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/*!
|
2
|
-
Pure v0.6.
|
3
|
-
Copyright
|
2
|
+
Pure v0.6.1
|
3
|
+
Copyright 2013 Yahoo!
|
4
4
|
Licensed under the BSD License.
|
5
5
|
https://github.com/yahoo/pure/blob/master/LICENSE.md
|
6
6
|
*/
|
@@ -21,8 +21,6 @@ so we can ignore the csslint warning.
|
|
21
21
|
box-shadow: inset 0 1px 3px #ddd;
|
22
22
|
border-radius: 4px;
|
23
23
|
vertical-align: middle;
|
24
|
-
-webkit-box-sizing: border-box;
|
25
|
-
-moz-box-sizing: border-box;
|
26
24
|
box-sizing: border-box;
|
27
25
|
}
|
28
26
|
}
|
@@ -34,8 +32,6 @@ so we can ignore the csslint warning.
|
|
34
32
|
box-shadow: inset 0 1px 3px #ddd;
|
35
33
|
border-radius: 4px;
|
36
34
|
vertical-align: middle;
|
37
|
-
-webkit-box-sizing: border-box;
|
38
|
-
-moz-box-sizing: border-box;
|
39
35
|
box-sizing: border-box;
|
40
36
|
}
|
41
37
|
|
@@ -46,8 +42,6 @@ so we can ignore the csslint warning.
|
|
46
42
|
border: 1px solid #ccc;
|
47
43
|
box-shadow: inset 0 1px 3px #ddd;
|
48
44
|
border-radius: 4px;
|
49
|
-
-webkit-box-sizing: border-box;
|
50
|
-
-moz-box-sizing: border-box;
|
51
45
|
box-sizing: border-box;
|
52
46
|
}
|
53
47
|
|
@@ -297,6 +291,10 @@ since IE8 won't execute CSS that contains a CSS3 selector.
|
|
297
291
|
width: 100%;
|
298
292
|
}
|
299
293
|
|
294
|
+
.pure-input-3-4 {
|
295
|
+
width: 75%;
|
296
|
+
}
|
297
|
+
|
300
298
|
.pure-input-2-3 {
|
301
299
|
width: 66%;
|
302
300
|
}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/*!
|
2
|
-
Pure v0.6.
|
3
|
-
Copyright
|
2
|
+
Pure v0.6.1
|
3
|
+
Copyright 2013 Yahoo!
|
4
4
|
Licensed under the BSD License.
|
5
5
|
https://github.com/yahoo/pure/blob/master/LICENSE.md
|
6
6
|
*/
|
@@ -38,26 +38,28 @@ https://github.com/yahoo/pure/blob/master/LICENSE.md
|
|
38
38
|
*/
|
39
39
|
font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
|
40
40
|
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
|
45
|
-
`-moz-` prefix version is omitted.
|
46
|
-
*/
|
47
|
-
|
41
|
+
/* Use flexbox when possible to avoid `letter-spacing` side-effects. */
|
42
|
+
display: -webkit-box;
|
48
43
|
display: -webkit-flex;
|
49
|
-
-webkit-flex-flow: row wrap;
|
50
|
-
|
51
|
-
/* IE10 uses display: flexbox */
|
52
44
|
display: -ms-flexbox;
|
45
|
+
display: flex;
|
46
|
+
-webkit-flex-flow: row wrap;
|
53
47
|
-ms-flex-flow: row wrap;
|
48
|
+
flex-flow: row wrap;
|
54
49
|
|
55
50
|
/* Prevents distributing space between rows */
|
56
|
-
-ms-align-content: flex-start;
|
57
51
|
-webkit-align-content: flex-start;
|
52
|
+
-ms-flex-line-pack: start;
|
58
53
|
align-content: flex-start;
|
59
54
|
}
|
60
55
|
|
56
|
+
/* IE10 display: -ms-flexbox (and display: flex in IE 11) does not work inside a table; fall back to block and rely on font hack */
|
57
|
+
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
|
58
|
+
table .pure-g {
|
59
|
+
display: block;
|
60
|
+
}
|
61
|
+
}
|
62
|
+
|
61
63
|
/* Opera as of 12 on Windows needs word-spacing.
|
62
64
|
The ".opera-only" selector is used to prevent actual prefocus styling
|
63
65
|
and is not required in markup.
|
@@ -1,14 +1,12 @@
|
|
1
1
|
/*!
|
2
|
-
Pure v0.6.
|
3
|
-
Copyright
|
2
|
+
Pure v0.6.1
|
3
|
+
Copyright 2013 Yahoo!
|
4
4
|
Licensed under the BSD License.
|
5
5
|
https://github.com/yahoo/pure/blob/master/LICENSE.md
|
6
6
|
*/
|
7
7
|
/*csslint adjoining-classes: false, box-model:false*/
|
8
8
|
|
9
9
|
.pure-menu {
|
10
|
-
-webkit-box-sizing: border-box;
|
11
|
-
-moz-box-sizing: border-box;
|
12
10
|
box-sizing: border-box;
|
13
11
|
}
|
14
12
|
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: purecss-sass
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.6.
|
4
|
+
version: 0.6.1
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Dmitriy Tarasov
|
8
8
|
autorequire:
|
9
9
|
bindir: exe
|
10
10
|
cert_chain: []
|
11
|
-
date:
|
11
|
+
date: 2016-12-14 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: sass
|
@@ -25,47 +25,47 @@ dependencies:
|
|
25
25
|
- !ruby/object:Gem::Version
|
26
26
|
version: '3.3'
|
27
27
|
- !ruby/object:Gem::Dependency
|
28
|
-
name:
|
28
|
+
name: railties
|
29
29
|
requirement: !ruby/object:Gem::Requirement
|
30
30
|
requirements:
|
31
31
|
- - "~>"
|
32
32
|
- !ruby/object:Gem::Version
|
33
|
-
version: '
|
33
|
+
version: '5.0'
|
34
34
|
type: :development
|
35
35
|
prerelease: false
|
36
36
|
version_requirements: !ruby/object:Gem::Requirement
|
37
37
|
requirements:
|
38
38
|
- - "~>"
|
39
39
|
- !ruby/object:Gem::Version
|
40
|
-
version: '
|
40
|
+
version: '5.0'
|
41
41
|
- !ruby/object:Gem::Dependency
|
42
|
-
name:
|
42
|
+
name: rspec
|
43
43
|
requirement: !ruby/object:Gem::Requirement
|
44
44
|
requirements:
|
45
45
|
- - "~>"
|
46
46
|
- !ruby/object:Gem::Version
|
47
|
-
version:
|
47
|
+
version: '3.5'
|
48
48
|
type: :development
|
49
49
|
prerelease: false
|
50
50
|
version_requirements: !ruby/object:Gem::Requirement
|
51
51
|
requirements:
|
52
52
|
- - "~>"
|
53
53
|
- !ruby/object:Gem::Version
|
54
|
-
version:
|
54
|
+
version: '3.5'
|
55
55
|
- !ruby/object:Gem::Dependency
|
56
|
-
name: rails
|
56
|
+
name: sprockets-rails
|
57
57
|
requirement: !ruby/object:Gem::Requirement
|
58
58
|
requirements:
|
59
59
|
- - "~>"
|
60
60
|
- !ruby/object:Gem::Version
|
61
|
-
version: '
|
61
|
+
version: '3.0'
|
62
62
|
type: :development
|
63
63
|
prerelease: false
|
64
64
|
version_requirements: !ruby/object:Gem::Requirement
|
65
65
|
requirements:
|
66
66
|
- - "~>"
|
67
67
|
- !ruby/object:Gem::Version
|
68
|
-
version: '
|
68
|
+
version: '3.0'
|
69
69
|
description: Pure CSS framework by Yahoo, converted to Sass and ready to use in Ruby
|
70
70
|
projects
|
71
71
|
email:
|
@@ -84,16 +84,15 @@ files:
|
|
84
84
|
- Rakefile
|
85
85
|
- bin/console
|
86
86
|
- bin/setup
|
87
|
+
- bower.json
|
87
88
|
- lib/purecss-sass.rb
|
88
89
|
- lib/purecss/sass/engine.rb
|
89
90
|
- lib/purecss/sass/version.rb
|
91
|
+
- package.json
|
90
92
|
- purecss-sass.gemspec
|
91
|
-
- templates/project/manifest.rb
|
92
|
-
- templates/project/styles.sass
|
93
93
|
- vendor/assets/stylesheets/_purecss.scss
|
94
94
|
- vendor/assets/stylesheets/purecss/_base.scss
|
95
95
|
- vendor/assets/stylesheets/purecss/_buttons.scss
|
96
|
-
- vendor/assets/stylesheets/purecss/_forms-nr.scss
|
97
96
|
- vendor/assets/stylesheets/purecss/_forms.scss
|
98
97
|
- vendor/assets/stylesheets/purecss/_grids-responsive.scss
|
99
98
|
- vendor/assets/stylesheets/purecss/_grids.scss
|
@@ -111,7 +110,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
111
110
|
requirements:
|
112
111
|
- - ">="
|
113
112
|
- !ruby/object:Gem::Version
|
114
|
-
version:
|
113
|
+
version: 2.0.0
|
115
114
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
116
115
|
requirements:
|
117
116
|
- - ">="
|
@@ -119,7 +118,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
119
118
|
version: '0'
|
120
119
|
requirements: []
|
121
120
|
rubyforge_project:
|
122
|
-
rubygems_version: 2.
|
121
|
+
rubygems_version: 2.5.2
|
123
122
|
signing_key:
|
124
123
|
specification_version: 4
|
125
124
|
summary: Pure CSS framework by Yahoo, converted to Sass and ready to use in Ruby projects
|
@@ -1 +0,0 @@
|
|
1
|
-
@import 'purecss'
|
@@ -1,344 +0,0 @@
|
|
1
|
-
/*!
|
2
|
-
Pure v0.6.0
|
3
|
-
Copyright 2014 Yahoo! Inc. All rights reserved.
|
4
|
-
Licensed under the BSD License.
|
5
|
-
https://github.com/yahoo/pure/blob/master/LICENSE.md
|
6
|
-
*/
|
7
|
-
/*csslint box-model:false*/
|
8
|
-
/*
|
9
|
-
Box-model set to false because we're setting a height on select elements, which
|
10
|
-
also have border and padding. This is done because some browsers don't render
|
11
|
-
the padding. We explicitly set the box-model for select elements to border-box,
|
12
|
-
so we can ignore the csslint warning.
|
13
|
-
*/
|
14
|
-
|
15
|
-
.pure-form {
|
16
|
-
input {
|
17
|
-
&[type="text"], &[type="password"], &[type="email"], &[type="url"], &[type="date"], &[type="month"], &[type="time"], &[type="datetime"], &[type="datetime-local"], &[type="week"], &[type="number"], &[type="search"], &[type="tel"], &[type="color"] {
|
18
|
-
padding: 0.5em 0.6em;
|
19
|
-
display: inline-block;
|
20
|
-
border: 1px solid #ccc;
|
21
|
-
box-shadow: inset 0 1px 3px #ddd;
|
22
|
-
border-radius: 4px;
|
23
|
-
vertical-align: middle;
|
24
|
-
-webkit-box-sizing: border-box;
|
25
|
-
-moz-box-sizing: border-box;
|
26
|
-
box-sizing: border-box;
|
27
|
-
}
|
28
|
-
}
|
29
|
-
|
30
|
-
select, textarea {
|
31
|
-
padding: 0.5em 0.6em;
|
32
|
-
display: inline-block;
|
33
|
-
border: 1px solid #ccc;
|
34
|
-
box-shadow: inset 0 1px 3px #ddd;
|
35
|
-
border-radius: 4px;
|
36
|
-
vertical-align: middle;
|
37
|
-
-webkit-box-sizing: border-box;
|
38
|
-
-moz-box-sizing: border-box;
|
39
|
-
box-sizing: border-box;
|
40
|
-
}
|
41
|
-
|
42
|
-
input {
|
43
|
-
&:not([type]) {
|
44
|
-
padding: 0.5em 0.6em;
|
45
|
-
display: inline-block;
|
46
|
-
border: 1px solid #ccc;
|
47
|
-
box-shadow: inset 0 1px 3px #ddd;
|
48
|
-
border-radius: 4px;
|
49
|
-
-webkit-box-sizing: border-box;
|
50
|
-
-moz-box-sizing: border-box;
|
51
|
-
box-sizing: border-box;
|
52
|
-
}
|
53
|
-
|
54
|
-
&[type="color"] {
|
55
|
-
padding: 0.2em 0.5em;
|
56
|
-
}
|
57
|
-
|
58
|
-
&[type="text"]:focus, &[type="password"]:focus, &[type="email"]:focus, &[type="url"]:focus, &[type="date"]:focus, &[type="month"]:focus, &[type="time"]:focus, &[type="datetime"]:focus, &[type="datetime-local"]:focus, &[type="week"]:focus, &[type="number"]:focus, &[type="search"]:focus, &[type="tel"]:focus, &[type="color"]:focus {
|
59
|
-
outline: 0;
|
60
|
-
border-color: #129FEA;
|
61
|
-
}
|
62
|
-
}
|
63
|
-
|
64
|
-
select:focus, textarea:focus {
|
65
|
-
outline: 0;
|
66
|
-
border-color: #129FEA;
|
67
|
-
}
|
68
|
-
|
69
|
-
input {
|
70
|
-
&:not([type]):focus {
|
71
|
-
outline: 0;
|
72
|
-
border-color: #129FEA;
|
73
|
-
}
|
74
|
-
|
75
|
-
&[type="file"]:focus, &[type="radio"]:focus, &[type="checkbox"]:focus {
|
76
|
-
outline: thin solid #129FEA;
|
77
|
-
outline: 1px auto #129FEA;
|
78
|
-
}
|
79
|
-
}
|
80
|
-
|
81
|
-
.pure-checkbox, .pure-radio {
|
82
|
-
margin: 0.5em 0;
|
83
|
-
display: block;
|
84
|
-
}
|
85
|
-
|
86
|
-
input {
|
87
|
-
&[type="text"][disabled], &[type="password"][disabled], &[type="email"][disabled], &[type="url"][disabled], &[type="date"][disabled], &[type="month"][disabled], &[type="time"][disabled], &[type="datetime"][disabled], &[type="datetime-local"][disabled], &[type="week"][disabled], &[type="number"][disabled], &[type="search"][disabled], &[type="tel"][disabled], &[type="color"][disabled] {
|
88
|
-
cursor: not-allowed;
|
89
|
-
background-color: #eaeded;
|
90
|
-
color: #cad2d3;
|
91
|
-
}
|
92
|
-
}
|
93
|
-
|
94
|
-
select[disabled], textarea[disabled] {
|
95
|
-
cursor: not-allowed;
|
96
|
-
background-color: #eaeded;
|
97
|
-
color: #cad2d3;
|
98
|
-
}
|
99
|
-
|
100
|
-
input {
|
101
|
-
&:not([type])[disabled] {
|
102
|
-
cursor: not-allowed;
|
103
|
-
background-color: #eaeded;
|
104
|
-
color: #cad2d3;
|
105
|
-
}
|
106
|
-
|
107
|
-
&[readonly] {
|
108
|
-
background-color: #eee;
|
109
|
-
|
110
|
-
/* menu hover bg color */
|
111
|
-
color: #777;
|
112
|
-
|
113
|
-
/* menu text color */
|
114
|
-
border-color: #ccc;
|
115
|
-
}
|
116
|
-
}
|
117
|
-
|
118
|
-
select[readonly], textarea[readonly] {
|
119
|
-
background-color: #eee;
|
120
|
-
|
121
|
-
/* menu hover bg color */
|
122
|
-
color: #777;
|
123
|
-
|
124
|
-
/* menu text color */
|
125
|
-
border-color: #ccc;
|
126
|
-
}
|
127
|
-
|
128
|
-
input:focus:invalid, textarea:focus:invalid, select:focus:invalid {
|
129
|
-
color: #b94a48;
|
130
|
-
border-color: #e9322d;
|
131
|
-
}
|
132
|
-
|
133
|
-
input {
|
134
|
-
&[type="file"]:focus:invalid:focus, &[type="radio"]:focus:invalid:focus, &[type="checkbox"]:focus:invalid:focus {
|
135
|
-
outline-color: #e9322d;
|
136
|
-
}
|
137
|
-
}
|
138
|
-
|
139
|
-
select {
|
140
|
-
/* Normalizes the height; padding is not sufficient. */
|
141
|
-
height: 2.25em;
|
142
|
-
border: 1px solid #ccc;
|
143
|
-
background-color: white;
|
144
|
-
|
145
|
-
&[multiple] {
|
146
|
-
height: auto;
|
147
|
-
}
|
148
|
-
}
|
149
|
-
|
150
|
-
label {
|
151
|
-
margin: 0.5em 0 0.2em;
|
152
|
-
}
|
153
|
-
|
154
|
-
fieldset {
|
155
|
-
margin: 0;
|
156
|
-
padding: 0.35em 0 0.75em;
|
157
|
-
border: 0;
|
158
|
-
}
|
159
|
-
|
160
|
-
legend {
|
161
|
-
display: block;
|
162
|
-
width: 100%;
|
163
|
-
padding: 0.3em 0;
|
164
|
-
margin-bottom: 0.3em;
|
165
|
-
color: #333;
|
166
|
-
border-bottom: 1px solid #e5e5e5;
|
167
|
-
}
|
168
|
-
}
|
169
|
-
|
170
|
-
/*
|
171
|
-
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
|
172
|
-
since IE8 won't execute CSS that contains a CSS3 selector.
|
173
|
-
*/
|
174
|
-
|
175
|
-
/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
|
176
|
-
/* May be able to remove this tweak as color inputs become more standardized across browsers. */
|
177
|
-
|
178
|
-
/*
|
179
|
-
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
|
180
|
-
since IE8 won't execute CSS that contains a CSS3 selector.
|
181
|
-
*/
|
182
|
-
|
183
|
-
/*
|
184
|
-
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
|
185
|
-
since IE8 won't execute CSS that contains a CSS3 selector.
|
186
|
-
*/
|
187
|
-
|
188
|
-
.pure-form-stacked {
|
189
|
-
input {
|
190
|
-
&[type="text"], &[type="password"], &[type="email"], &[type="url"], &[type="date"], &[type="month"], &[type="time"], &[type="datetime"], &[type="datetime-local"], &[type="week"], &[type="number"], &[type="search"], &[type="tel"], &[type="color"], &[type="file"] {
|
191
|
-
display: block;
|
192
|
-
margin: 0.25em 0;
|
193
|
-
}
|
194
|
-
}
|
195
|
-
|
196
|
-
select, label, textarea, input:not([type]) {
|
197
|
-
display: block;
|
198
|
-
margin: 0.25em 0;
|
199
|
-
}
|
200
|
-
}
|
201
|
-
|
202
|
-
/*
|
203
|
-
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
|
204
|
-
since IE8 won't execute CSS that contains a CSS3 selector.
|
205
|
-
*/
|
206
|
-
|
207
|
-
.pure-form-aligned {
|
208
|
-
input, textarea, select, .pure-help-inline {
|
209
|
-
display: inline-block;
|
210
|
-
*display: inline;
|
211
|
-
*zoom: 1;
|
212
|
-
vertical-align: middle;
|
213
|
-
}
|
214
|
-
}
|
215
|
-
|
216
|
-
.pure-form-message-inline {
|
217
|
-
display: inline-block;
|
218
|
-
*display: inline;
|
219
|
-
*zoom: 1;
|
220
|
-
vertical-align: middle;
|
221
|
-
}
|
222
|
-
|
223
|
-
.pure-form-aligned {
|
224
|
-
textarea {
|
225
|
-
vertical-align: top;
|
226
|
-
}
|
227
|
-
|
228
|
-
.pure-control-group {
|
229
|
-
margin-bottom: 0.5em;
|
230
|
-
|
231
|
-
label {
|
232
|
-
text-align: right;
|
233
|
-
display: inline-block;
|
234
|
-
vertical-align: middle;
|
235
|
-
width: 10em;
|
236
|
-
margin: 0 1em 0 0;
|
237
|
-
}
|
238
|
-
}
|
239
|
-
|
240
|
-
.pure-controls {
|
241
|
-
margin: 1.5em 0 0 11em;
|
242
|
-
}
|
243
|
-
}
|
244
|
-
|
245
|
-
/* Aligned Forms */
|
246
|
-
|
247
|
-
/* Rounded Inputs */
|
248
|
-
|
249
|
-
.pure-form {
|
250
|
-
input.pure-input-rounded, .pure-input-rounded {
|
251
|
-
border-radius: 2em;
|
252
|
-
padding: 0.5em 1em;
|
253
|
-
}
|
254
|
-
|
255
|
-
.pure-group {
|
256
|
-
fieldset {
|
257
|
-
margin-bottom: 10px;
|
258
|
-
}
|
259
|
-
|
260
|
-
input, textarea {
|
261
|
-
display: block;
|
262
|
-
padding: 10px;
|
263
|
-
margin: 0 0 -1px;
|
264
|
-
border-radius: 0;
|
265
|
-
position: relative;
|
266
|
-
top: -1px;
|
267
|
-
}
|
268
|
-
|
269
|
-
input:focus, textarea:focus {
|
270
|
-
z-index: 3;
|
271
|
-
}
|
272
|
-
|
273
|
-
input:first-child, textarea:first-child {
|
274
|
-
top: 1px;
|
275
|
-
border-radius: 4px 4px 0 0;
|
276
|
-
margin: 0;
|
277
|
-
}
|
278
|
-
|
279
|
-
input:first-child:last-child, textarea:first-child:last-child {
|
280
|
-
top: 1px;
|
281
|
-
border-radius: 4px;
|
282
|
-
margin: 0;
|
283
|
-
}
|
284
|
-
|
285
|
-
input:last-child, textarea:last-child {
|
286
|
-
top: -2px;
|
287
|
-
border-radius: 0 0 4px 4px;
|
288
|
-
margin: 0;
|
289
|
-
}
|
290
|
-
|
291
|
-
button {
|
292
|
-
margin: 0.35em 0;
|
293
|
-
}
|
294
|
-
}
|
295
|
-
|
296
|
-
.pure-input-1 {
|
297
|
-
width: 100%;
|
298
|
-
}
|
299
|
-
|
300
|
-
.pure-input-2-3 {
|
301
|
-
width: 66%;
|
302
|
-
}
|
303
|
-
|
304
|
-
.pure-input-1-2 {
|
305
|
-
width: 50%;
|
306
|
-
}
|
307
|
-
|
308
|
-
.pure-input-1-3 {
|
309
|
-
width: 33%;
|
310
|
-
}
|
311
|
-
|
312
|
-
.pure-input-1-4 {
|
313
|
-
width: 25%;
|
314
|
-
}
|
315
|
-
|
316
|
-
.pure-help-inline {
|
317
|
-
display: inline-block;
|
318
|
-
padding-left: 0.3em;
|
319
|
-
color: #666;
|
320
|
-
vertical-align: middle;
|
321
|
-
font-size: 0.875em;
|
322
|
-
}
|
323
|
-
}
|
324
|
-
|
325
|
-
/* Grouped Inputs */
|
326
|
-
|
327
|
-
/* Inline help for forms */
|
328
|
-
/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
|
329
|
-
|
330
|
-
.pure-form-message-inline {
|
331
|
-
display: inline-block;
|
332
|
-
padding-left: 0.3em;
|
333
|
-
color: #666;
|
334
|
-
vertical-align: middle;
|
335
|
-
font-size: 0.875em;
|
336
|
-
}
|
337
|
-
|
338
|
-
/* Block help for forms */
|
339
|
-
|
340
|
-
.pure-form-message {
|
341
|
-
display: block;
|
342
|
-
color: #666;
|
343
|
-
font-size: 0.875em;
|
344
|
-
}
|