compass-pattern-primer 0.4 → 0.4.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 +15 -7
- data/lib/compass-pattern-primer.rb +2 -2
- data/stylesheets/compass-pattern-primer.scss +1 -3
- data/stylesheets/compass-pattern-primer/_partials.scss +1 -3
- data/stylesheets/compass-pattern-primer/partials/_mixins.scss +0 -64
- data/templates/shared/sass/partials/_extendables.scss +14 -1
- data/templates/shared/sass/partials/_functions.scss +4 -0
- data/templates/shared/sass/partials/_mixins.scss +65 -1
- metadata +89 -74
- data/stylesheets/compass-pattern-primer/partials/_extendables.scss +0 -12
- data/stylesheets/compass-pattern-primer/partials/_functions.scss +0 -8
checksums.yaml
CHANGED
@@ -1,7 +1,15 @@
|
|
1
|
-
---
|
2
|
-
|
3
|
-
metadata.gz:
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
1
|
+
---
|
2
|
+
!binary "U0hBMQ==":
|
3
|
+
metadata.gz: !binary |-
|
4
|
+
ODgzZWQ0MTNjOTk2MTViODQzOGVhYWFmZTA0ZjhlZDNlMDQ5MDdlMw==
|
5
|
+
data.tar.gz: !binary |-
|
6
|
+
ODAxODQ0ZmVjZTQ5MjE2MjY0ZTFiN2ZlNDJlZmNmMGJlM2YwMGJiYw==
|
7
|
+
SHA512:
|
8
|
+
metadata.gz: !binary |-
|
9
|
+
YjA2MWVkMjhmN2UyNmIwMTYwZjYwNDYyODUzODQzYzFhNTI2NzJjNjkwNjE4
|
10
|
+
MTg3MzBhZDJhZTA4Zjc1YTk3ZWY3NTVmMTMwMTRiZjM3OTFmMGIyZmUyMTg2
|
11
|
+
NDBlMGNlYzYyZWNkNjY4MDJhMjZjYzlhYjYyMjFmNGY4ZmE4NzU=
|
12
|
+
data.tar.gz: !binary |-
|
13
|
+
NDg5N2UwZTk3MjU3NWZjYjkxNzE3NGRjOTYwMjdmZTE4MzU5ODNmMmU2YzBi
|
14
|
+
ODBlNzRjMjE5YzNkNjNmMDUzOWQ4MWVhOWFmMmUxNGI0YTlhNGVjNTYyMDEx
|
15
|
+
MGZlNGE1OWQ4YmQ0Yzg0YjZmMzVhNDNiNWZlNTdkMWE4YjNlZDY=
|
@@ -18,8 +18,8 @@ Compass::Frameworks.register('compass-pattern-primer', :path => extension_path)
|
|
18
18
|
# a prerelease version
|
19
19
|
# Date is in the form of YYYY-MM-DD
|
20
20
|
module Compass_Pattern_Primer
|
21
|
-
VERSION = "0.4"
|
22
|
-
DATE = "2013-
|
21
|
+
VERSION = "0.4.1"
|
22
|
+
DATE = "2013-12-02"
|
23
23
|
end
|
24
24
|
|
25
25
|
# This is where any custom SassScript should be placed. The functions will be
|
@@ -1,67 +1,3 @@
|
|
1
|
-
@mixin simple-background-gradient($color, $background-gradient-pos, $background-gradient-1, $background-gradient-2) {
|
2
|
-
color: $color;
|
3
|
-
// provide background color for older IEs
|
4
|
-
background-color: background-color-mix($background-gradient-1, $background-gradient-2);
|
5
|
-
@include background-image(linear-gradient($background-gradient-pos, $background-gradient-1, $background-gradient-2));
|
6
|
-
}
|
7
|
-
|
8
|
-
@mixin border-outline($type: border, $width: 1px, $style: solid, $color: #333, $offset: false) {
|
9
|
-
@include border-outline-check($type, $width, $style, $color, $offset);
|
10
|
-
@if $width == 'none' {
|
11
|
-
#{$type}: $width;
|
12
|
-
} @else if $width == false {
|
13
|
-
} @else {
|
14
|
-
#{$type}: {
|
15
|
-
width: $width;
|
16
|
-
style: $style;
|
17
|
-
color: $color;
|
18
|
-
@if $type == 'outline' and $offset {
|
19
|
-
offset: $offset;
|
20
|
-
}
|
21
|
-
}
|
22
|
-
}
|
23
|
-
}
|
24
|
-
|
25
|
-
@mixin border-outline-check($type, $width, $style, $color, $offset) {
|
26
|
-
@if $type == 'border' and $offset {
|
27
|
-
@warn "#{$type} does not use offset";
|
28
|
-
}
|
29
|
-
@if $type == 'outline' { // wish this was cleaner! there's probably a better way to do this.
|
30
|
-
$widths: length($width);
|
31
|
-
$styles: length($style);
|
32
|
-
$colors: length($color);
|
33
|
-
$offsets: length($offset);
|
34
|
-
@if $widths > 1 or $styles > 1 or $colors > 1 or $offsets > 1 {
|
35
|
-
@warn "You cannot use mulitple values for #{$type} - only the first value will be used!";
|
36
|
-
}
|
37
|
-
}
|
38
|
-
}
|
39
|
-
|
40
|
-
@mixin margin-padding($type, $amount: false, $side: false) {
|
41
|
-
@if $side {
|
42
|
-
#{$type}-#{$side}: $amount;
|
43
|
-
} @else {
|
44
|
-
#{$type}: $amount;
|
45
|
-
}
|
46
|
-
}
|
47
|
-
|
48
|
-
@mixin type-size($size, $leading: false) {
|
49
|
-
font-size: $size;
|
50
|
-
@if $leading { line-height: $leading; }
|
51
|
-
}
|
52
|
-
|
53
|
-
@mixin bold-italic-uppercase-variant($bold :default, $italic: false, $uppercase: false, $variant: false) {
|
54
|
-
@if $bold { font-weight: bold; } @else { font-weight: normal; }
|
55
|
-
@if $italic { font-style: italic; }
|
56
|
-
@if $uppercase { text-transform: uppercase; }
|
57
|
-
@if $variant { font-variant: small-caps; }
|
58
|
-
}
|
59
|
-
|
60
|
-
@mixin content-before-after($content, $before: default, $after:false ) {
|
61
|
-
@if $before { &:before { content: $content; } }
|
62
|
-
@if $after { &:after { content: $content; } }
|
63
|
-
}
|
64
|
-
|
65
1
|
// From https://github.com/Team-Sass/Style-Prototypes
|
66
2
|
@mixin generate-colour-guide($colours...) {
|
67
3
|
$singleton: false;
|
@@ -35,4 +35,17 @@
|
|
35
35
|
// For IE 6/7 (trigger hasLayout)
|
36
36
|
zoom: 1;
|
37
37
|
}
|
38
|
-
}
|
38
|
+
}
|
39
|
+
|
40
|
+
// reworking of compass @incliude force-wrap
|
41
|
+
%force-wrap {
|
42
|
+
//@include force-wrap; // this is the output
|
43
|
+
white-space: pre;
|
44
|
+
white-space: pre-wrap;
|
45
|
+
//white-space: pre-line; // removes indentation -- was breaking content
|
46
|
+
white-space: -pre-wrap;
|
47
|
+
white-space: -o-pre-wrap;
|
48
|
+
white-space: -moz-pre-wrap;
|
49
|
+
white-space: -hp-pre-wrap;
|
50
|
+
word-wrap: break-word;
|
51
|
+
}
|
@@ -1,3 +1,67 @@
|
|
1
1
|
//////////////////////////////
|
2
2
|
// MIXINS: Mixins should have arguments. Otherwise use extendables...
|
3
|
-
//////////////////////////////
|
3
|
+
//////////////////////////////
|
4
|
+
|
5
|
+
@mixin simple-background-gradient($color, $background-gradient-pos, $background-gradient-1, $background-gradient-2) {
|
6
|
+
color: $color;
|
7
|
+
// provide background color for older IEs
|
8
|
+
background-color: background-color-mix($background-gradient-1, $background-gradient-2);
|
9
|
+
@include background-image(linear-gradient($background-gradient-pos, $background-gradient-1, $background-gradient-2));
|
10
|
+
}
|
11
|
+
|
12
|
+
@mixin border-outline($type: border, $width: 1px, $style: solid, $color: #333, $offset: false) {
|
13
|
+
@include border-outline-check($type, $width, $style, $color, $offset);
|
14
|
+
@if $width == 'none' {
|
15
|
+
#{$type}: $width;
|
16
|
+
} @else if $width == false {
|
17
|
+
} @else {
|
18
|
+
#{$type}: {
|
19
|
+
width: $width;
|
20
|
+
style: $style;
|
21
|
+
color: $color;
|
22
|
+
@if $type == 'outline' and $offset {
|
23
|
+
offset: $offset;
|
24
|
+
}
|
25
|
+
}
|
26
|
+
}
|
27
|
+
}
|
28
|
+
|
29
|
+
@mixin border-outline-check($type, $width, $style, $color, $offset) {
|
30
|
+
@if $type == 'border' and $offset {
|
31
|
+
@warn "#{$type} does not use offset";
|
32
|
+
}
|
33
|
+
@if $type == 'outline' { // wish this was cleaner! there's probably a better way to do this.
|
34
|
+
$widths: length($width);
|
35
|
+
$styles: length($style);
|
36
|
+
$colors: length($color);
|
37
|
+
$offsets: length($offset);
|
38
|
+
@if $widths > 1 or $styles > 1 or $colors > 1 or $offsets > 1 {
|
39
|
+
@warn "You cannot use mulitple values for #{$type} - only the first value will be used!";
|
40
|
+
}
|
41
|
+
}
|
42
|
+
}
|
43
|
+
|
44
|
+
@mixin margin-padding($type, $amount: false, $side: false) {
|
45
|
+
@if $side {
|
46
|
+
#{$type}-#{$side}: $amount;
|
47
|
+
} @else {
|
48
|
+
#{$type}: $amount;
|
49
|
+
}
|
50
|
+
}
|
51
|
+
|
52
|
+
@mixin type-size($size, $leading: false) {
|
53
|
+
font-size: $size;
|
54
|
+
@if $leading { line-height: $leading; }
|
55
|
+
}
|
56
|
+
|
57
|
+
@mixin bold-italic-uppercase-variant($bold :default, $italic: false, $uppercase: false, $variant: false) {
|
58
|
+
@if $bold { font-weight: bold; } @else { font-weight: normal; }
|
59
|
+
@if $italic { font-style: italic; }
|
60
|
+
@if $uppercase { text-transform: uppercase; }
|
61
|
+
@if $variant { font-variant: small-caps; }
|
62
|
+
}
|
63
|
+
|
64
|
+
@mixin content-before-after($content, $before: default, $after:false ) {
|
65
|
+
@if $before { &:before { content: $content; } }
|
66
|
+
@if $after { &:after { content: $content; } }
|
67
|
+
}
|
metadata
CHANGED
@@ -1,93 +1,111 @@
|
|
1
|
-
--- !ruby/object:Gem::Specification
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
2
|
name: compass-pattern-primer
|
3
|
-
version: !ruby/object:Gem::Version
|
4
|
-
version:
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 0.4.1
|
5
5
|
platform: ruby
|
6
|
-
authors:
|
6
|
+
authors:
|
7
7
|
- Mark Reilly
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
- !ruby/object:Gem::Dependency
|
11
|
+
date: 2013-12-02 00:00:00.000000000 Z
|
12
|
+
dependencies:
|
13
|
+
- !ruby/object:Gem::Dependency
|
15
14
|
name: sass
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
version: 3.2.9
|
15
|
+
requirement: !ruby/object:Gem::Requirement
|
16
|
+
requirements:
|
17
|
+
- - '='
|
18
|
+
- !ruby/object:Gem::Version
|
19
|
+
version: 3.2.12
|
22
20
|
type: :runtime
|
23
|
-
version_requirements: *id001
|
24
|
-
- !ruby/object:Gem::Dependency
|
25
|
-
name: compass
|
26
21
|
prerelease: false
|
27
|
-
|
28
|
-
requirements:
|
29
|
-
- -
|
30
|
-
- !ruby/object:Gem::Version
|
22
|
+
version_requirements: !ruby/object:Gem::Requirement
|
23
|
+
requirements:
|
24
|
+
- - '='
|
25
|
+
- !ruby/object:Gem::Version
|
26
|
+
version: 3.2.12
|
27
|
+
- !ruby/object:Gem::Dependency
|
28
|
+
name: compass
|
29
|
+
requirement: !ruby/object:Gem::Requirement
|
30
|
+
requirements:
|
31
|
+
- - '='
|
32
|
+
- !ruby/object:Gem::Version
|
31
33
|
version: 0.12.2
|
32
34
|
type: :runtime
|
33
|
-
version_requirements: *id002
|
34
|
-
- !ruby/object:Gem::Dependency
|
35
|
-
name: toolkit
|
36
35
|
prerelease: false
|
37
|
-
|
38
|
-
requirements:
|
39
|
-
- -
|
40
|
-
- !ruby/object:Gem::Version
|
36
|
+
version_requirements: !ruby/object:Gem::Requirement
|
37
|
+
requirements:
|
38
|
+
- - '='
|
39
|
+
- !ruby/object:Gem::Version
|
40
|
+
version: 0.12.2
|
41
|
+
- !ruby/object:Gem::Dependency
|
42
|
+
name: toolkit
|
43
|
+
requirement: !ruby/object:Gem::Requirement
|
44
|
+
requirements:
|
45
|
+
- - '='
|
46
|
+
- !ruby/object:Gem::Version
|
41
47
|
version: 1.3.5
|
42
48
|
type: :runtime
|
43
|
-
version_requirements: *id003
|
44
|
-
- !ruby/object:Gem::Dependency
|
45
|
-
name: compass_formalize
|
46
49
|
prerelease: false
|
47
|
-
|
48
|
-
requirements:
|
49
|
-
- -
|
50
|
-
- !ruby/object:Gem::Version
|
50
|
+
version_requirements: !ruby/object:Gem::Requirement
|
51
|
+
requirements:
|
52
|
+
- - '='
|
53
|
+
- !ruby/object:Gem::Version
|
54
|
+
version: 1.3.5
|
55
|
+
- !ruby/object:Gem::Dependency
|
56
|
+
name: compass_formalize
|
57
|
+
requirement: !ruby/object:Gem::Requirement
|
58
|
+
requirements:
|
59
|
+
- - '='
|
60
|
+
- !ruby/object:Gem::Version
|
51
61
|
version: 0.0.5
|
52
62
|
type: :runtime
|
53
|
-
version_requirements: *id004
|
54
|
-
- !ruby/object:Gem::Dependency
|
55
|
-
name: compass-normalize
|
56
63
|
prerelease: false
|
57
|
-
|
58
|
-
requirements:
|
59
|
-
- -
|
60
|
-
- !ruby/object:Gem::Version
|
64
|
+
version_requirements: !ruby/object:Gem::Requirement
|
65
|
+
requirements:
|
66
|
+
- - '='
|
67
|
+
- !ruby/object:Gem::Version
|
68
|
+
version: 0.0.5
|
69
|
+
- !ruby/object:Gem::Dependency
|
70
|
+
name: compass-normalize
|
71
|
+
requirement: !ruby/object:Gem::Requirement
|
72
|
+
requirements:
|
73
|
+
- - '='
|
74
|
+
- !ruby/object:Gem::Version
|
61
75
|
version: 1.4.3
|
62
76
|
type: :runtime
|
63
|
-
version_requirements: *id005
|
64
|
-
- !ruby/object:Gem::Dependency
|
65
|
-
name: meyer-reset
|
66
77
|
prerelease: false
|
67
|
-
|
68
|
-
requirements:
|
69
|
-
- -
|
70
|
-
- !ruby/object:Gem::Version
|
78
|
+
version_requirements: !ruby/object:Gem::Requirement
|
79
|
+
requirements:
|
80
|
+
- - '='
|
81
|
+
- !ruby/object:Gem::Version
|
82
|
+
version: 1.4.3
|
83
|
+
- !ruby/object:Gem::Dependency
|
84
|
+
name: meyer-reset
|
85
|
+
requirement: !ruby/object:Gem::Requirement
|
86
|
+
requirements:
|
87
|
+
- - '='
|
88
|
+
- !ruby/object:Gem::Version
|
71
89
|
version: 2.0.0
|
72
90
|
type: :runtime
|
73
|
-
|
91
|
+
prerelease: false
|
92
|
+
version_requirements: !ruby/object:Gem::Requirement
|
93
|
+
requirements:
|
94
|
+
- - '='
|
95
|
+
- !ruby/object:Gem::Version
|
96
|
+
version: 2.0.0
|
74
97
|
description: A Compass extension to help create style guides
|
75
|
-
email:
|
98
|
+
email:
|
76
99
|
- mark@alienresident.net
|
77
100
|
executables: []
|
78
|
-
|
79
101
|
extensions: []
|
80
|
-
|
81
102
|
extra_rdoc_files: []
|
82
|
-
|
83
|
-
files:
|
103
|
+
files:
|
84
104
|
- README.md
|
85
105
|
- CHANGELOG.md
|
86
106
|
- lib/compass-pattern-primer.rb
|
87
107
|
- stylesheets/compass-pattern-primer/_partials.scss
|
88
108
|
- stylesheets/compass-pattern-primer/_reset.scss
|
89
|
-
- stylesheets/compass-pattern-primer/partials/_extendables.scss
|
90
|
-
- stylesheets/compass-pattern-primer/partials/_functions.scss
|
91
109
|
- stylesheets/compass-pattern-primer/partials/_mixins.scss
|
92
110
|
- stylesheets/compass-pattern-primer/reset/_reset.scss
|
93
111
|
- stylesheets/compass-pattern-primer/reset/libraries/_eric_meyer_reset.scss
|
@@ -189,32 +207,29 @@ files:
|
|
189
207
|
- templates/static/manifest.rb
|
190
208
|
- templates/static/pattern-primer.html
|
191
209
|
homepage: https://rubygems.org/gems/compass-pattern-primer
|
192
|
-
licenses:
|
210
|
+
licenses:
|
193
211
|
- MIT
|
194
212
|
- GPL-3
|
195
213
|
metadata: {}
|
196
|
-
|
197
214
|
post_install_message:
|
198
215
|
rdoc_options: []
|
199
|
-
|
200
|
-
require_paths:
|
216
|
+
require_paths:
|
201
217
|
- lib
|
202
|
-
required_ruby_version: !ruby/object:Gem::Requirement
|
203
|
-
requirements:
|
204
|
-
- -
|
205
|
-
- !ruby/object:Gem::Version
|
206
|
-
version:
|
207
|
-
required_rubygems_version: !ruby/object:Gem::Requirement
|
208
|
-
requirements:
|
209
|
-
- -
|
210
|
-
- !ruby/object:Gem::Version
|
218
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
219
|
+
requirements:
|
220
|
+
- - ! '>='
|
221
|
+
- !ruby/object:Gem::Version
|
222
|
+
version: '0'
|
223
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
224
|
+
requirements:
|
225
|
+
- - ! '>='
|
226
|
+
- !ruby/object:Gem::Version
|
211
227
|
version: 1.3.6
|
212
228
|
requirements: []
|
213
|
-
|
214
229
|
rubyforge_project: compass-pattern-primer
|
215
|
-
rubygems_version: 2.1.
|
230
|
+
rubygems_version: 2.1.10
|
216
231
|
signing_key:
|
217
232
|
specification_version: 4
|
218
|
-
summary: An easy to use system to build a website's styleguide. It's based off of
|
233
|
+
summary: An easy to use system to build a website's styleguide. It's based off of
|
234
|
+
Jeremy Keith's (Adactio) Pattern Primer.
|
219
235
|
test_files: []
|
220
|
-
|
@@ -1,12 +0,0 @@
|
|
1
|
-
// reworking of compass @incliude force-wrap
|
2
|
-
%force-wrap {
|
3
|
-
//@include force-wrap; // this is the output
|
4
|
-
white-space: pre;
|
5
|
-
white-space: pre-wrap;
|
6
|
-
//white-space: pre-line; // removes indentation -- was breaking content
|
7
|
-
white-space: -pre-wrap;
|
8
|
-
white-space: -o-pre-wrap;
|
9
|
-
white-space: -moz-pre-wrap;
|
10
|
-
white-space: -hp-pre-wrap;
|
11
|
-
word-wrap: break-word;
|
12
|
-
}
|