compass-pattern-primer 0.4 → 0.4.1
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
-
}
|