meyer-reset 2.0.0 → 2.0.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: c38a5267ce4c0607dc5a898f9c47b5a3ace8e1ca
4
+ data.tar.gz: e720731715c7e6efd9768a852cb999b9621b34cb
5
+ SHA512:
6
+ metadata.gz: 591b42d08f842d4c3e67557c2e154a2b63d106324dd8c728cca948b4c5a4706a18ccec6d83405ebf07123b9628363aa6d2537c544e3175bb31d8cd4e6aa36b61
7
+ data.tar.gz: f1e0482071b605cc2ed23be2ff96d892eeca6de98fc108ce9153dbdb8f4f9ae30536eadd89bbb8a47c75107988dcb27b7937585ee5864aaff6fc01248e1eafff
@@ -0,0 +1,75 @@
1
+ # Eric Meyer - CSS Reset Stylesheet
2
+
3
+ Eric Meyer's CSS reset stylesheet as [Sass](http://sass-lang.com/), delivered as a [Compass Extension](http://compass-style.org/docs/tutorials/extensions/) and [Ruby Gem](http://rubygems.org/).
4
+
5
+ For more information: [http://meyerweb.com/eric/tools/css/reset/](http://meyerweb.com/eric/tools/css/reset/)
6
+
7
+ ## Installation and Usage
8
+
9
+ ### Compass Extension
10
+
11
+ To install as a Ruby Gem to use this as a Compass Extension, run the following in your Terminal app.
12
+
13
+ gem install meyer-reset
14
+
15
+ Then add `require 'meyer-reset'` to your Compass config file.
16
+
17
+ Using this in your Sass stylesheet is pretty easy. Simply import the extension into your stylesheet (preferably as the first import or declaration in your Sass stylesheet).
18
+
19
+ If you look at [the extension](https://github.com/adamstac/meyer-reset/blob/master/stylesheets/_meyer-reset.sass), you will notice that we are "including" the mixin `+meyer-reset` for you in the last line. All you will need to do is import and go.
20
+
21
+ @import meyer-reset
22
+
23
+ ...
24
+
25
+ ### Simple Sass Partial
26
+
27
+ For non Compass users, or someone who just wants to use this as a simple Sass partial vs installing as a Ruby Gem and Compass extension. In your terminal app, navigate to where you want to download this to.
28
+
29
+ For example: `cd path/to/project/sass`
30
+
31
+ Then use curl to pull down the raw file.
32
+
33
+ curl -0 https://github.com/adamstac/meyer-reset/raw/master/stylesheets/_meyer-reset.sass
34
+
35
+ The same rules apply as mentioned above. All you will need to do is import and go.
36
+
37
+ @import meyer-reset
38
+
39
+ ...
40
+
41
+ ### Vanilla CSS
42
+
43
+ This part of the project was included to just show how much can be done with using Sass as the pre-processor to CSS. As you can see below as well as in the "For Fun" section we can use our Sass code to output our CSS in many ways and do lots of creative things automatically with tools like [Rake](http://en.wikipedia.org/wiki/Rake_(software\)).
44
+
45
+ If you want to just use the vanilla CSS that this Sass would output check out:
46
+
47
+ * [stylesheets/compiled/meyer-reset.css](https://github.com/adamstac/meyer-reset/blob/master/stylesheets/compiled/meyer-reset.css)
48
+ * [stylesheets/compiled/meyer-reset-compressed.css](https://github.com/adamstac/meyer-reset/blob/master/stylesheets/compiled/meyer-reset-compressed.css)
49
+
50
+ Again, using curl, you can pull down either of those as raw files and just use the CSS.
51
+
52
+ curl -0 https://github.com/adamstac/meyer-reset/raw/master/stylesheets/compiled/meyer-reset.css
53
+
54
+ curl -0 https://github.com/adamstac/meyer-reset/raw/master/stylesheets/compiled/meyer-reset-compiled.css
55
+
56
+ To see how these CSS files were created, check out the section below which describes [the various Rake tasks](https://github.com/adamstac/meyer-reset/blob/master/Rakefile) included in this project.
57
+
58
+ ## For fun
59
+
60
+ For those who want to learn about how to use Rake and want to play with how Sass and Compass work when compiling, run the command `rake -T` to see a list of rake tasks that: clear, build and release this gem, and compile and convert Sass.
61
+
62
+ Dig into the [Rakefile](https://github.com/adamstac/meyer-reset/blob/master/Rakefile) to see what makes all this happen.
63
+
64
+ rake css:clear # Clear the styles
65
+ rake gem:build # Build the gem
66
+ rake gem:release # Build and release the gem
67
+ rake sass:compile # Compile new styles
68
+ rake sass:convert # Converts the Sass to SCSS
69
+
70
+ ## License
71
+
72
+ None (public domain)
73
+
74
+ * v2.0 | 20110126
75
+ * [http://meyerweb.com/eric/tools/css/reset/](http://meyerweb.com/eric/tools/css/reset/)
@@ -4,7 +4,7 @@ require 'compass'
4
4
  Compass::Frameworks.register("meyer-reset", :path => "#{File.dirname(__FILE__)}/..")
5
5
 
6
6
  module MeyerReset
7
-
8
- VERSION = "2.0.0".freeze
9
7
 
10
- end
8
+ VERSION = "2.0.1".freeze
9
+
10
+ end
@@ -9,26 +9,38 @@
9
9
  border: 0;
10
10
  font-size: 100%;
11
11
  font: inherit;
12
- vertical-align: baseline; }
12
+ vertical-align: baseline;
13
+ }
14
+
13
15
  // HTML5 display-role reset for older browsers
14
16
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
15
- display: block; }
17
+ display: block;
18
+ }
16
19
  body {
17
- line-height: 1; }
20
+ line-height: 1;
21
+ }
18
22
  ol, ul {
19
- list-style: none; }
23
+ list-style: none;
24
+ }
20
25
  blockquote, q {
21
- quotes: none; }
26
+ quotes: none;
27
+ }
22
28
  blockquote {
23
29
  &:before, &:after {
24
30
  content: "";
25
- content: none; } }
31
+ content: none;
32
+ }
33
+ }
26
34
  q {
27
35
  &:before, &:after {
28
36
  content: "";
29
- content: none; } }
37
+ content: none;
38
+ }
39
+ }
30
40
  table {
31
41
  border-collapse: collapse;
32
- border-spacing: 0; } }
42
+ border-spacing: 0;
43
+ }
44
+ }
33
45
 
34
46
  @include meyer-reset;
@@ -0,0 +1,4 @@
1
+ // Used only for testing and compiling
2
+ // Only kept locally and gitignore'd
3
+
4
+ @import "_meyer-reset"
metadata CHANGED
@@ -1,88 +1,60 @@
1
- --- !ruby/object:Gem::Specification
1
+ --- !ruby/object:Gem::Specification
2
2
  name: meyer-reset
3
- version: !ruby/object:Gem::Version
4
- hash: 15
5
- prerelease: false
6
- segments:
7
- - 2
8
- - 0
9
- - 0
10
- version: 2.0.0
3
+ version: !ruby/object:Gem::Version
4
+ version: 2.0.1
11
5
  platform: ruby
12
- authors:
6
+ authors:
13
7
  - Adam Stacoviak
14
8
  autorequire:
15
9
  bindir: bin
16
10
  cert_chain: []
17
-
18
- date: 2011-01-27 00:00:00 -06:00
19
- default_executable:
20
- dependencies:
21
- - !ruby/object:Gem::Dependency
11
+ date: 2014-03-04 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
22
14
  name: compass
23
- prerelease: false
24
- requirement: &id001 !ruby/object:Gem::Requirement
25
- none: false
26
- requirements:
27
- - - ">="
28
- - !ruby/object:Gem::Version
29
- hash: 61
30
- segments:
31
- - 0
32
- - 10
33
- - 5
34
- version: 0.10.5
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - ~>
18
+ - !ruby/object:Gem::Version
19
+ version: '0.10'
35
20
  type: :runtime
36
- version_requirements: *id001
37
- description: Eric Meyer CSS Reset stylesheet as Sass to reduce browser inconsistencies such as default line heights, margins and font sizes of headings, etc.
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - ~>
25
+ - !ruby/object:Gem::Version
26
+ version: '0.10'
27
+ description: Eric Meyer CSS reset in Sass
38
28
  email: adam@stacoviak.com
39
29
  executables: []
40
-
41
30
  extensions: []
42
-
43
31
  extra_rdoc_files: []
44
-
45
- files:
46
- - Rakefile
47
- - README.mdown
32
+ files:
33
+ - README.md
48
34
  - lib/meyer-reset.rb
49
- - stylesheets/_meyer-reset.sass
50
35
  - stylesheets/_meyer-reset.scss
51
- has_rdoc: true
36
+ - stylesheets/meyer-reset.scss
52
37
  homepage: http://adamstacoviak.com/
53
38
  licenses: []
54
-
39
+ metadata: {}
55
40
  post_install_message:
56
41
  rdoc_options: []
57
-
58
- require_paths:
42
+ require_paths:
59
43
  - lib
60
- required_ruby_version: !ruby/object:Gem::Requirement
61
- none: false
62
- requirements:
63
- - - ">="
64
- - !ruby/object:Gem::Version
65
- hash: 3
66
- segments:
67
- - 0
68
- version: "0"
69
- required_rubygems_version: !ruby/object:Gem::Requirement
70
- none: false
71
- requirements:
72
- - - ">="
73
- - !ruby/object:Gem::Version
74
- hash: 23
75
- segments:
76
- - 1
77
- - 3
78
- - 6
79
- version: 1.3.6
44
+ required_ruby_version: !ruby/object:Gem::Requirement
45
+ requirements:
46
+ - - '>='
47
+ - !ruby/object:Gem::Version
48
+ version: '0'
49
+ required_rubygems_version: !ruby/object:Gem::Requirement
50
+ requirements:
51
+ - - '>='
52
+ - !ruby/object:Gem::Version
53
+ version: 2.2.1
80
54
  requirements: []
81
-
82
55
  rubyforge_project:
83
- rubygems_version: 1.3.7
56
+ rubygems_version: 2.2.1
84
57
  signing_key:
85
- specification_version: 3
86
- summary: Eric Meyer CSS Reset stylesheet as Sass
58
+ specification_version: 4
59
+ summary: Eric Meyer CSS reset in Sass
87
60
  test_files: []
88
-
@@ -1,26 +0,0 @@
1
- # Eric Meyer - CSS Reset Stylesheet
2
-
3
- Eric Meyer's CSS reset stylesheet as [Sass](http://sass-lang.com/), delivered as a [Compass Extension](http://compass-style.org/docs/tutorials/extensions/) and [Ruby Gem](http://rubygems.org/).
4
-
5
- For more information: [http://meyerweb.com/eric/tools/css/reset/](http://meyerweb.com/eric/tools/css/reset/)
6
-
7
- ## Installation
8
-
9
- gem install meyer-reset
10
-
11
- Then add `require 'meyer-reset'` to your Compass config file.
12
-
13
- ## Usage
14
-
15
- Using this is pretty easy. Simply import the extension into your stylesheet, preferably as the first import or declaration in your Sass stylesheet. [In the extension](https://github.com/adamstac/meyer-reset/styesheets/_meyer-reset.sass) we are including the mixin `+meyer-reset` for you in the last line, so all you will need to do is import and go.
16
-
17
- @import meyer-reset
18
-
19
- ...
20
-
21
- ## License
22
-
23
- None (public domain)
24
-
25
- * v2.0 | 20110126
26
- * [http://meyerweb.com/eric/tools/css/reset/](http://meyerweb.com/eric/tools/css/reset/)
data/Rakefile DELETED
@@ -1,25 +0,0 @@
1
- require 'lib/meyer-reset'
2
-
3
- namespace :sass do
4
-
5
- desc "Converts the Sass to SCSS"
6
- task :convert do
7
- puts "*** Converting Sass to SCSS ***"
8
- system "sass-convert stylesheets/*.sass stylesheets/*.scss"
9
- end
10
-
11
- end
12
-
13
- namespace :gem do
14
-
15
- desc "Build the gem"
16
- task :build do
17
- system "gem build *.gemspec"
18
- end
19
-
20
- desc "Build and release the gem"
21
- task :release => :build do
22
- system "gem push meyer-reset-#{MeyerReset::VERSION}.gem"
23
- end
24
-
25
- end
@@ -1,41 +0,0 @@
1
- // http://meyerweb.com/eric/tools/css/reset/
2
- // v2.0 | 20110126
3
- // License: none (public domain)
4
-
5
- =meyer-reset
6
- html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
7
- margin: 0
8
- padding: 0
9
- border: 0
10
- font-size: 100%
11
- font: inherit
12
- vertical-align: baseline
13
-
14
- // HTML5 display-role reset for older browsers
15
- article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
16
- display: block
17
-
18
- body
19
- line-height: 1
20
-
21
- ol, ul
22
- list-style: none
23
-
24
- blockquote, q
25
- quotes: none
26
-
27
- blockquote
28
- &:before, &:after
29
- content: ''
30
- content: none
31
-
32
- q
33
- &:before, &:after
34
- content: ''
35
- content: none
36
-
37
- table
38
- border-collapse: collapse
39
- border-spacing: 0
40
-
41
- +meyer-reset