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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: d6992b0a75b623f66a873d29fc963355239f7c60
4
- data.tar.gz: b2703e017f5d0f335ab2613730106325f864ab28
3
+ metadata.gz: b2138fbe034792885a4b1b8ccb2ba90a7a372f2e
4
+ data.tar.gz: 3202de3d75d1b3cdc692bc2483e37bc625744b38
5
5
  SHA512:
6
- metadata.gz: ea79877260dca1fbb2684acb1feb032f3823a6fa2743514f84b492c430bf85013032136ec6d2d1277f964df7ebf99399e594087429945ae581f1d3ec6b4ae944
7
- data.tar.gz: 348a8cec36d55c3b140a8711aa94768651f24c07a1f5f125f11452e00947a28cbdb669a62fa85acafc6e6d2fadea85d7d2d460c1c6c849a34c18fb7d035bbde0
6
+ metadata.gz: 6f81524dedcaf55a09e1e1a45ed6a1b440269b55b6c9a56b5186af752014244246f1f7e7f1329ca728268b3b80bf4241512bc5a45f924a709b98818e831bfa59
7
+ data.tar.gz: 64c2782f893036f2c8c08fe51284dcaaf844ace566589eae8cfd23ec1f5846f0b425a43caf030ad7d18052a7fa15570f3cdda684a47f3a77a9849157bc4228d9
data/.gitignore CHANGED
@@ -6,5 +6,7 @@
6
6
  /coverage/
7
7
  /doc/
8
8
  /pkg/
9
+ /spec/support/dummy_rails_app/log/
10
+ /spec/support/dummy_rails_app/tmp/
9
11
  /spec/reports/
10
12
  /tmp/
data/.travis.yml CHANGED
@@ -1,11 +1,11 @@
1
1
  language: ruby
2
2
 
3
3
  rvm:
4
- - 1.9.3
5
- - 2.0.0
6
- - 2.1.6
7
- - 2.2.2
4
+ - 2.2.5
5
+ - 2.3.1
8
6
 
9
7
  before_install: gem install bundler
10
8
 
11
9
  sudo: false
10
+
11
+ cache: bundler
data/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
+ ## 0.6.1 (2016-12-14)
2
+
3
+ - Drop Compass support
4
+ - Update assets to match upstream version
5
+
6
+ Framework version: Pure v0.6.1
7
+
1
8
  ## 0.6.0 (2015-07-22)
2
9
 
3
10
  - Initial release
4
11
 
5
- Framework version: Pure v0.6.0
12
+ Framework version: Pure v0.6.0
data/README.md CHANGED
@@ -1,90 +1,91 @@
1
1
  # Pure CSS for Sass
2
2
 
3
- `purecss-sass` is a Sass-powered version of [Pure](https://github.com/yahoo/pure/) CSS framework by Yahoo for your Ruby projects. It works with Ruby on Rails, Compass, Sprockets etc.
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
- Original CSS files are converted using `sass-convert` and otherwise untouched and unmodified.
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
- This project is heavily inspired from [bootstrap-sass](https://github.com/twbs/bootstrap-sass) by Twitter Bootstrap team.
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
- Add this line to your Rails application's Gemfile:
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
- And then execute `bundle` command to install.
27
+ Save `Gemfile` and execute `bundle` command to install the gem.
20
28
 
21
- Import `purecss` in `application.scss` (or `application.css.scss`) file located in `app/assets/stylesheets/`:
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 `//= require` and `//= require_tree` statements from file.
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
- This will create new file `styles.scss`, that imports Pure components.
37
+ Restart Rails web server if it was running and now your Rails application is powered by Pure CSS for Sass.
54
38
 
55
- Instead of the install command provided above, you can manually import `purecss`:
39
+ ### Bower
56
40
 
41
+ To install `purecss-sass` Bower package execute this command:
57
42
  ```
58
- @import 'purecss';
43
+ bower install purecss-sass
59
44
  ```
60
45
 
61
- #### New Compass project
46
+ Then you will have a local copy of `purecss-sass` stylesheets to use in your application.
62
47
 
63
- If you are creating a new Compass project and wish to include `purecss-sass` run command:
48
+ ### npm
64
49
 
50
+ To install `purecss-sass` npm package execute this command:
65
51
  ```
66
- compass create project-name -r purecss-sass --using purecss
52
+ npm install purecss-sass
67
53
  ```
68
54
 
69
- This command will create a new Compass project with `styles.scss` file, which imports Pure components.
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
- Fork the project and submit a pull request.
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 "bundler/setup"
4
- require "purecss/sass"
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 "irb"
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?(::Compass::Frameworks)
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
@@ -1,5 +1,5 @@
1
1
  module Purecss
2
2
  module Sass
3
- VERSION = '0.6.0'
3
+ VERSION = '0.6.1'
4
4
  end
5
5
  end
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 'rspec', '~> 3.3'
25
- spec.add_development_dependency 'compass', '~> 1.0.3'
26
- spec.add_development_dependency 'rails', '~> 4.0'
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.0
3
- Copyright 2014 Yahoo! Inc. All rights reserved.
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.2 | MIT License | git.io/normalize */
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, without disabling
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 when focused and also mouse hovered in all browsers.
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
- -moz-box-sizing: content-box;
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.0
3
- Copyright 2014 Yahoo! Inc. All rights reserved.
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
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
57
- 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.1)));
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
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
67
- 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.1)));
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
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
76
- 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.1)));
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
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
97
+
98
+ /* csslint ignore:start */
100
99
  filter: alpha(opacity = 40);
101
- -khtml-opacity: 0.40;
102
- -moz-opacity: 0.40;
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
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
112
+
113
+ /* csslint ignore:start */
113
114
  filter: alpha(opacity = 40);
114
- -khtml-opacity: 0.40;
115
- -moz-opacity: 0.40;
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
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
125
+
126
+ /* csslint ignore:start */
124
127
  filter: alpha(opacity = 40);
125
- -khtml-opacity: 0.40;
126
- -moz-opacity: 0.40;
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.0
3
- Copyright 2014 Yahoo! Inc. All rights reserved.
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.0
3
- Copyright 2014 Yahoo! Inc. All rights reserved.
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
  */
@@ -1,6 +1,6 @@
1
1
  /*!
2
- Pure v0.6.0
3
- Copyright 2014 Yahoo! Inc. All rights reserved.
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
- Use flexbox when possible to avoid `letter-spacing` side-effects.
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.0
3
- Copyright 2014 Yahoo! Inc. All rights reserved.
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
 
@@ -1,6 +1,6 @@
1
1
  /*!
2
- Pure v0.6.0
3
- Copyright 2014 Yahoo! Inc. All rights reserved.
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
  */
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.0
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: 2015-07-22 00:00:00.000000000 Z
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: rspec
28
+ name: railties
29
29
  requirement: !ruby/object:Gem::Requirement
30
30
  requirements:
31
31
  - - "~>"
32
32
  - !ruby/object:Gem::Version
33
- version: '3.3'
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: '3.3'
40
+ version: '5.0'
41
41
  - !ruby/object:Gem::Dependency
42
- name: compass
42
+ name: rspec
43
43
  requirement: !ruby/object:Gem::Requirement
44
44
  requirements:
45
45
  - - "~>"
46
46
  - !ruby/object:Gem::Version
47
- version: 1.0.3
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: 1.0.3
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: '4.0'
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: '4.0'
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: '0'
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.4.7
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,2 +0,0 @@
1
- description 'Pure CSS for Sass'
2
- stylesheet 'styles.sass'
@@ -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
- }