support-for 1.0.0 → 1.0.1

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: a237da8b1487ba22400a55f5bf22ca8c70768b32
4
- data.tar.gz: d4973a6ed4d70c5ad4d02be8d0003b10e472d02b
3
+ metadata.gz: 0fb25d749273f86f93c672438bc9a61018ea5a5c
4
+ data.tar.gz: 3f7f84117b58bc3d09d0c6d929500113a5361763
5
5
  SHA512:
6
- metadata.gz: 4da375a0b0a70a7b6331e67df9dd14cc78a49b23f8d28c7c641cef217b04e4f2195b21cdee5e548f750c3e5cf483e3e4c0f84faa2b06bbc8e5f42d8359777751
7
- data.tar.gz: 7fee9548810ebbdba18cb127f37cd2b3d5c7dbe5172aeb0180f71aa065c0c9e66c82d190b4ab6bffbe03e6ff3ddc1ad27646bd71abc759a1a7c2e3c725fe0c8a
6
+ metadata.gz: 2785e2596cb9f89678108fdd9f8a1a7b251b8b1b78091bef067f1033c933b641845a9be16387a6a528935e818561dcf42a2d849aceb050fdbe5997a1556505f8
7
+ data.tar.gz: d569daac8408da4ee2d0f21f2fd8953a77dde2e5199cc35c46b1d950ac62718682a4c1eda8987d723eef6181d5359e892c395058623ca9104a4ec01862c0b481
data/README.md CHANGED
@@ -1,56 +1,59 @@
1
1
  # support-for
2
2
 
3
- The `support-for` module is designed to be used by Sass authors to ease conditional browser support while creating their Sass module or Sass partial.
3
+ The `support-for` module allows Sass authors to conditionally add support for specific browser versions to their Sass module or Sass partials.
4
4
 
5
- Authors of Sass code that uses support-for can specify which browser versions they want to support by setting a simple Sass variable, `$support-for`.
5
+ [Autoprefixer](https://github.com/postcss/autoprefixer) is great for conditionally adding vendor prefixes, but sometimes you need more extensive CSS for specific versions of browsers. For example, adding px fallbacks to rem units when you need IE 8 support.
6
+
7
+ Authors of Sass code with support-for can specify which browser versions they want to support by setting a simple Sass variable, `$support-for`.
6
8
 
7
9
  Here are some example usages:
8
10
 
9
11
  1. The Sass author only wants to support Safari 8 and later (and no other browsers) because he is an asshole.
10
12
 
11
- ```scss
12
- $support-for: (
13
- safari: 8,
14
- '*': null, // null means "no support" and is the
15
- // default value for any browser not
16
- // specified in $support-for
17
- );
13
+ ```scss
14
+ $support-for: (
15
+ safari: 8,
16
+ '*': null, // null means "no support" and is the
17
+ // default value for any browser not
18
+ // specified in $support-for
19
+ );
18
20
 
19
- // Normalize-scss uses support-for.
20
- @import "normalize";
21
- ```
21
+ // Normalize-scss uses support-for to conditionally
22
+ // output CSS for old and new browsers.
23
+ @import "normalize";
24
+ ```
22
25
 
23
26
  2. The Sass author wants to support the 4 most recent versions of all browsers which she can do by setting the wildcard browser, `'*'`. She also has to support IE 6 and later because the client hates her.
24
27
 
25
- ```scss
26
- $support-for: (
27
- '*': -4,
28
- ie: 6,
29
- );
28
+ ```scss
29
+ $support-for: (
30
+ '*': -4,
31
+ ie: 6,
32
+ );
30
33
 
31
- @import "normalize";
32
- ```
34
+ @import "normalize";
35
+ ```
33
36
 
34
37
  3. The Sass author is working for a government client and every browser version has a specific version specified in the contract.
35
38
 
36
- ```scss
37
- $support-for: (
38
- chrome: 29,
39
- edge: 20,
40
- firefox: 26,
41
- ie: 8,
42
- opera: 14,
43
- safari: 5,
44
- );
45
-
46
- @import "normalize";
47
- ```
39
+ ```scss
40
+ $support-for: (
41
+ chrome: 29,
42
+ edge: 20,
43
+ firefox: 26,
44
+ ie: 8,
45
+ opera: 14,
46
+ safari: 5,
47
+ );
48
+
49
+ @import "normalize";
50
+ ```
48
51
 
49
52
  ### Update your Sass partials to use `support-for()`
50
53
 
51
- If a Sass module tells you that it uses `support-for`, you just need to override the default value of the `$support-for` variable before you import that module. See the examples above about some of your options.
54
+ If a Sass module tells you that it uses `support-for`, you just need to override the default value of the `$support-for` variable before you import that module. See the examples above to see some of your options.
52
55
 
53
- If, however, you want to conditionally include Sass in your CSS output, you can update your Sass code to wrap those lines of CSS with an `@if` block that uses the `support-for()` function.
56
+ If, however, you want to conditionally include Sass in the stylesheets you author, you can update your Sass code to wrap those lines of Sass with an `@if` block that uses the `support-for()` function.
54
57
 
55
58
  ```
56
59
  @mixin my-sweet-sweet-mixin($cocoa: lots) {
@@ -78,13 +81,13 @@ quite easy to add it.
78
81
  Alter your `my-module.gemspec` file:
79
82
 
80
83
  1. Find the line for your module's Sass dependency. It should look similar to this:
81
- ```
82
- s.add_runtime_dependency('sass', '~> 3.3')
83
- ```
84
+ ```
85
+ spec.add_runtime_dependency('sass', '~> 3.3')
86
+ ```
84
87
  2. Just after that line, add this:
85
- ```
86
- s.add_runtime_dependency('support-for', '~> 1.0')
87
- ```
88
+ ```
89
+ spec.add_runtime_dependency('support-for', '~> 1.0')
90
+ ```
88
91
 
89
92
  ### NPM (and node-sass)
90
93
 
data/bower.json ADDED
@@ -0,0 +1,24 @@
1
+ {
2
+ "name": "support-for",
3
+ "description": "Allows Sass authors to conditionally add support for specific browser versions.",
4
+ "main": "sass/_support-for.scss",
5
+ "authors": [
6
+ "John Albin Wilkins <virtually.johnalbin@gmail.com> (http://john.albin.net/)"
7
+ ],
8
+ "license": "GPL-2.0",
9
+ "keywords": [
10
+ "sass",
11
+ "browser",
12
+ "support"
13
+ ],
14
+ "homepage": "https://github.com/JohnAlbin/support-for",
15
+ "moduleType": [],
16
+ "ignore": [
17
+ "**/.*",
18
+ "lib",
19
+ "node_modules",
20
+ "sache.json",
21
+ "support-for.gemspec",
22
+ "test"
23
+ ]
24
+ }
@@ -0,0 +1,9 @@
1
+ 'use strict';
2
+
3
+ var path = require('path');
4
+
5
+ module.exports = function(eyeglass, sass) {
6
+ return {
7
+ sassDir: path.join(__dirname, 'sass')
8
+ }
9
+ };
data/package.json ADDED
@@ -0,0 +1,34 @@
1
+ {
2
+ "name": "support-for",
3
+ "version": "1.0.1",
4
+ "description": "Allows Sass authors to conditionally add support for specific browser versions.",
5
+ "homepage": "https://github.com/JohnAlbin/support-for",
6
+ "bugs": {
7
+ "url": "https://github.com/JohnAlbin/support-for/issues"
8
+ },
9
+ "repository": {
10
+ "type": "git",
11
+ "url": "git://github.com/JohnAlbin/support-for.git"
12
+ },
13
+ "author": "John Albin Wilkins <virtually.johnalbin@gmail.com> (http://john.albin.net/)",
14
+ "keywords": [
15
+ "sass",
16
+ "browser",
17
+ "support"
18
+ ],
19
+ "main": "sass/_support-for.scss",
20
+ "eyeglass": {
21
+ "exports": "eyeglass-exports.js"
22
+ },
23
+ "scripts": {
24
+ "test": "mocha",
25
+ "posttest": "eslint test"
26
+ },
27
+ "license": "GPL-2.0",
28
+ "devDependencies": {
29
+ "chai": "^3.4.1",
30
+ "eslint": "^1.9.0",
31
+ "mocha": "^2.3.4",
32
+ "sassy-test": "^2.0.0"
33
+ }
34
+ }
data/support-for.gemspec CHANGED
@@ -9,7 +9,7 @@ Gem::Specification.new do |spec|
9
9
  spec.homepage = 'https://github.com/JohnAlbin/support-for'
10
10
  spec.rubyforge_project =
11
11
 
12
- spec.version = '1.0.0'
12
+ spec.version = '1.0.1'
13
13
  spec.date = '2015-11-17'
14
14
  spec.licenses = ['GPL-2']
15
15
 
@@ -20,7 +20,10 @@ Gem::Specification.new do |spec|
20
20
 
21
21
  spec.files = `git ls-files`.split($/).select {|f| File.exist?(f) && f =~ %r{^(lib|sass)/} }
22
22
  spec.files += %w(
23
+ bower.json
24
+ eyeglass-exports.js
23
25
  LICENSE.md
26
+ package.json
24
27
  README.md
25
28
  support-for.gemspec
26
29
  )
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: support-for
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.0
4
+ version: 1.0.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - John Albin Wilkins
@@ -32,7 +32,10 @@ extra_rdoc_files: []
32
32
  files:
33
33
  - LICENSE.md
34
34
  - README.md
35
+ - bower.json
36
+ - eyeglass-exports.js
35
37
  - lib/support-for.rb
38
+ - package.json
36
39
  - sass/_support-for.scss
37
40
  - support-for.gemspec
38
41
  homepage: https://github.com/JohnAlbin/support-for
@@ -54,7 +57,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
54
57
  - !ruby/object:Gem::Version
55
58
  version: '0'
56
59
  requirements: []
57
- rubyforge_project: 1.0.0
60
+ rubyforge_project: 1.0.1
58
61
  rubygems_version: 2.4.8
59
62
  signing_key:
60
63
  specification_version: 4