compass-capucine 0.2.0 → 0.2.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.
- data/Gemfile +0 -8
- data/README.md +9 -13
- data/Rakefile +1 -22
- data/VERSION +1 -1
- data/compass-capucine.gemspec +20 -7
- data/examples/.compass_config.rb +24 -0
- data/examples/capucine.yaml +13 -0
- data/examples/css_generated/all.css +136 -0
- data/examples/css_generated/box.css +61 -0
- data/examples/css_generated/ie6.css +140 -0
- data/examples/css_generated/ie7.css +137 -0
- data/examples/css_generated/reset.css +528 -0
- data/examples/index.html +51 -0
- data/examples/sass/_box.scss +46 -0
- data/examples/sass/_helpers.scss +36 -0
- data/examples/sass/all.scss +6 -0
- data/examples/sass/ie6.scss +6 -0
- data/examples/sass/ie7.scss +6 -0
- data/examples/sass/reset.scss +3 -0
- data/stylesheets/compass-capucine/_box.scss +47 -0
- data/stylesheets/compass-capucine/_helpers.scss +79 -0
- data/stylesheets/compass-capucine/_normalize-plus.scss +21 -12
- data/stylesheets/compass-capucine/_normalize.scss +87 -91
- data/stylesheets/compass-capucine/_print.scss +10 -2
- metadata +20 -7
- data/stylesheets/compass-capucine/_box.sass +0 -46
- data/stylesheets/compass-capucine/_helpers.sass +0 -100
- data/stylesheets/compass-capucine/_reset.sass +0 -177
@@ -1,5 +1,13 @@
|
|
1
1
|
@media print {
|
2
|
-
* {
|
2
|
+
* {
|
3
|
+
background: transparent !important;
|
4
|
+
color: black !important;
|
5
|
+
box-shadow:none !important;
|
6
|
+
text-shadow: none !important;
|
7
|
+
filter:none !important;
|
8
|
+
-ms-filter: none !important;
|
9
|
+
} /* Black prints faster: h5bp.com/s */
|
10
|
+
|
3
11
|
a, a:visited { text-decoration: underline; }
|
4
12
|
a[href]:after { content: " (" attr(href) ")"; }
|
5
13
|
abbr[title]:after { content: " (" attr(title) ")"; }
|
@@ -11,4 +19,4 @@
|
|
11
19
|
@page { margin: 0.5cm; }
|
12
20
|
p, h2, h3 { orphans: 3; widows: 3; }
|
13
21
|
h2, h3 { page-break-after: avoid; }
|
14
|
-
}
|
22
|
+
}
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: compass-capucine
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.2.
|
4
|
+
version: 0.2.1
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2012-05
|
12
|
+
date: 2012-08-05 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: compass
|
@@ -75,14 +75,27 @@ files:
|
|
75
75
|
- VERSION
|
76
76
|
- capucine-logo-mini.png
|
77
77
|
- compass-capucine.gemspec
|
78
|
+
- examples/.compass_config.rb
|
79
|
+
- examples/capucine.yaml
|
80
|
+
- examples/css_generated/all.css
|
81
|
+
- examples/css_generated/box.css
|
82
|
+
- examples/css_generated/ie6.css
|
83
|
+
- examples/css_generated/ie7.css
|
84
|
+
- examples/css_generated/reset.css
|
85
|
+
- examples/index.html
|
86
|
+
- examples/sass/_box.scss
|
87
|
+
- examples/sass/_helpers.scss
|
88
|
+
- examples/sass/all.scss
|
89
|
+
- examples/sass/ie6.scss
|
90
|
+
- examples/sass/ie7.scss
|
91
|
+
- examples/sass/reset.scss
|
78
92
|
- lib/compass-capucine.rb
|
79
93
|
- stylesheets/_compass-capucine.scss
|
80
|
-
- stylesheets/compass-capucine/_box.
|
81
|
-
- stylesheets/compass-capucine/_helpers.
|
94
|
+
- stylesheets/compass-capucine/_box.scss
|
95
|
+
- stylesheets/compass-capucine/_helpers.scss
|
82
96
|
- stylesheets/compass-capucine/_normalize-plus.scss
|
83
97
|
- stylesheets/compass-capucine/_normalize.scss
|
84
98
|
- stylesheets/compass-capucine/_print.scss
|
85
|
-
- stylesheets/compass-capucine/_reset.sass
|
86
99
|
homepage: http://github.com/damln/compass-capucine
|
87
100
|
licenses:
|
88
101
|
- MIT
|
@@ -98,7 +111,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
98
111
|
version: '0'
|
99
112
|
segments:
|
100
113
|
- 0
|
101
|
-
hash: -
|
114
|
+
hash: -179361422006041371
|
102
115
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
103
116
|
none: false
|
104
117
|
requirements:
|
@@ -107,7 +120,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
107
120
|
version: '0'
|
108
121
|
requirements: []
|
109
122
|
rubyforge_project:
|
110
|
-
rubygems_version: 1.8.
|
123
|
+
rubygems_version: 1.8.24
|
111
124
|
signing_key:
|
112
125
|
specification_version: 3
|
113
126
|
summary: Compass Plugin with helpers
|
@@ -1,46 +0,0 @@
|
|
1
|
-
@import "compass/css3/border-radius"
|
2
|
-
@import "compass/utilities/general/min"
|
3
|
-
|
4
|
-
=box($width: 100px, $height: 50px, $display: false)
|
5
|
-
@if $display
|
6
|
-
display: $display
|
7
|
-
|
8
|
-
height: $height
|
9
|
-
width: $width
|
10
|
-
|
11
|
-
=circle($diam: 100px)
|
12
|
-
width: $diam
|
13
|
-
height: $diam
|
14
|
-
+border-radius($diam)
|
15
|
-
|
16
|
-
=square($size: 200px, $display: false)
|
17
|
-
@if $display
|
18
|
-
display: $display
|
19
|
-
|
20
|
-
width: $size
|
21
|
-
height: $size
|
22
|
-
|
23
|
-
=centerX()
|
24
|
-
margin: 0 auto
|
25
|
-
text-align: left
|
26
|
-
|
27
|
-
=centerXY($width: 100px,$height: 100px,$position: absolute)
|
28
|
-
display: block
|
29
|
-
|
30
|
-
@if $position
|
31
|
-
position: $position
|
32
|
-
|
33
|
-
width: $width
|
34
|
-
height: $height
|
35
|
-
top: 50%
|
36
|
-
left: 50%
|
37
|
-
margin-top: -$height/2
|
38
|
-
margin-left: -$width/2
|
39
|
-
|
40
|
-
=max-width($max: 1100px)
|
41
|
-
max-width: $max
|
42
|
-
width: expression(document.body.clientWidth > parseInt("#{round($max)}") ? "#{$max}" : "auto")
|
43
|
-
|
44
|
-
=min-max-width($min: 400px, $max: 960px)
|
45
|
-
+min-width($min)
|
46
|
-
+max-width($max)
|
@@ -1,100 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
|
3
|
-
@import "compass/css3/images"
|
4
|
-
@import "compass/css3/text-shadow"
|
5
|
-
|
6
|
-
=unselectable()
|
7
|
-
-moz-user-select: -moz-none
|
8
|
-
-khtml-user-select: none
|
9
|
-
-webkit-user-select: none
|
10
|
-
user-select: none
|
11
|
-
|
12
|
-
=hidden()
|
13
|
-
display: none !important
|
14
|
-
visibility: hidden
|
15
|
-
|
16
|
-
=visually-hidden()
|
17
|
-
border: 0
|
18
|
-
padding: 0
|
19
|
-
clip: rect(0 0 0 0)
|
20
|
-
height: 1px
|
21
|
-
width: 1px
|
22
|
-
margin: -1px
|
23
|
-
overflow: hidden
|
24
|
-
position: absolute
|
25
|
-
&.focusable
|
26
|
-
&:active, &:focus
|
27
|
-
clip: auto
|
28
|
-
height: auto
|
29
|
-
padding: 0
|
30
|
-
margin: 0
|
31
|
-
overflow: visible
|
32
|
-
position: static
|
33
|
-
width: auto
|
34
|
-
|
35
|
-
=clearfix()
|
36
|
-
clear: both
|
37
|
-
display: block
|
38
|
-
*zoom: 1
|
39
|
-
&:before, &:after
|
40
|
-
content: "\0020"
|
41
|
-
display: table
|
42
|
-
&:after
|
43
|
-
clear: both
|
44
|
-
|
45
|
-
=scale-img()
|
46
|
-
max-width: 100%
|
47
|
-
height: auto
|
48
|
-
|
49
|
-
=selection($background: #111, $color: #fff)
|
50
|
-
::-moz-selection
|
51
|
-
background: $background
|
52
|
-
color: $color
|
53
|
-
|
54
|
-
::selection
|
55
|
-
background: $background
|
56
|
-
color: $color
|
57
|
-
|
58
|
-
=pressed-effect($top: 1px, $left: false, $right: false)
|
59
|
-
&:active
|
60
|
-
position: relative
|
61
|
-
top: $top
|
62
|
-
|
63
|
-
@if $left
|
64
|
-
left: $left
|
65
|
-
@if $right
|
66
|
-
right: $right
|
67
|
-
|
68
|
-
=vertical-gradient($top: #222, $bottom: #777)
|
69
|
-
+background-image(linear-gradient($top, $bottom))
|
70
|
-
+filter-gradient($top, $bottom)
|
71
|
-
|
72
|
-
=fake-helvetica($fonts: sans-serif)
|
73
|
-
font-family: Arial, $fonts
|
74
|
-
letter-spacing: -1px
|
75
|
-
|
76
|
-
=smart-text-shadow($color: #fff, $pixels: 1px)
|
77
|
-
@if $color
|
78
|
-
$c: $color
|
79
|
-
@else
|
80
|
-
$c: #fff
|
81
|
-
|
82
|
-
@if $pixels
|
83
|
-
$p: $pixels
|
84
|
-
@else
|
85
|
-
$p: 1px
|
86
|
-
|
87
|
-
|
88
|
-
+text-shadow($c 0 $p 0)
|
89
|
-
|
90
|
-
$capucine-helpers-classes: true !default
|
91
|
-
@if $capucine-helpers-classes == true
|
92
|
-
|
93
|
-
.unselectable
|
94
|
-
+unselectable
|
95
|
-
|
96
|
-
.cf
|
97
|
-
+clearfix
|
98
|
-
|
99
|
-
.scale
|
100
|
-
+scale-img
|
@@ -1,177 +0,0 @@
|
|
1
|
-
// Based on HTML5 BOILERPLATE --------------- TO HARD
|
2
|
-
|
3
|
-
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, hr, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
|
4
|
-
margin: 0
|
5
|
-
padding: 0
|
6
|
-
border: 0
|
7
|
-
font-size: 100%
|
8
|
-
font-weight: normal
|
9
|
-
font-style: normal
|
10
|
-
font-family: inherit
|
11
|
-
line-height: 1
|
12
|
-
vertical-align: baseline
|
13
|
-
background: transparent
|
14
|
-
|
15
|
-
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, hr
|
16
|
-
display: block
|
17
|
-
|
18
|
-
audio, canvas, video
|
19
|
-
display: inline-block
|
20
|
-
*display: inline
|
21
|
-
*zoom: 1
|
22
|
-
|
23
|
-
audio:not([controls]), [hidden]
|
24
|
-
display: none
|
25
|
-
|
26
|
-
svg:not(:root)
|
27
|
-
overflow: hidden
|
28
|
-
|
29
|
-
html
|
30
|
-
overflow-y: scroll
|
31
|
-
-webkit-text-size-adjust: 100%
|
32
|
-
-ms-text-size-adjust: 100%
|
33
|
-
|
34
|
-
body
|
35
|
-
line-height: 1
|
36
|
-
font-size: 1em
|
37
|
-
-webkit-text-size-adjust: 100%
|
38
|
-
|
39
|
-
-moz-font-smoothing: antialiased
|
40
|
-
-o-font-smoothing: antialiased
|
41
|
-
-webkit-font-smoothing: antialiased
|
42
|
-
font-smoothing: always
|
43
|
-
// NOT antialiased but always http://www.w3.org/TR/WD-font/#font-smooth-prop
|
44
|
-
|
45
|
-
i, em
|
46
|
-
font-style: italic
|
47
|
-
|
48
|
-
h1, h2, h3, h4, h5, h6, p, a, i, td
|
49
|
-
font-weight: normal
|
50
|
-
font-size: 100%
|
51
|
-
|
52
|
-
blockquote, q
|
53
|
-
quotes: none
|
54
|
-
&:before, &:after
|
55
|
-
content: ""
|
56
|
-
content: none
|
57
|
-
|
58
|
-
ins, a, a:hover, a:active
|
59
|
-
text-decoration: none
|
60
|
-
outline: none
|
61
|
-
|
62
|
-
del
|
63
|
-
text-decoration: line-through
|
64
|
-
|
65
|
-
abbr[title], dfn[title]
|
66
|
-
border: 0
|
67
|
-
cursor: help
|
68
|
-
|
69
|
-
table
|
70
|
-
border-collapse: collapse
|
71
|
-
border-spacing: 0
|
72
|
-
|
73
|
-
figure
|
74
|
-
margin: 0
|
75
|
-
|
76
|
-
pre, code, kbd, samp
|
77
|
-
font-family: monospace, sans-serif
|
78
|
-
font-family: 'courier new', monospace
|
79
|
-
font-size: 1em
|
80
|
-
|
81
|
-
ul, li, ol
|
82
|
-
list-style: none
|
83
|
-
list-style-image: none
|
84
|
-
|
85
|
-
small
|
86
|
-
font-size: 0.85em
|
87
|
-
|
88
|
-
strong, th, b
|
89
|
-
font-weight: bold
|
90
|
-
|
91
|
-
td, th
|
92
|
-
vertical-align: top
|
93
|
-
text-align: left
|
94
|
-
|
95
|
-
sub, sup
|
96
|
-
font-size: 0.75em
|
97
|
-
line-height: 0
|
98
|
-
position: relative
|
99
|
-
|
100
|
-
sub
|
101
|
-
bottom: -0.25em
|
102
|
-
|
103
|
-
sup
|
104
|
-
top: -0.5em
|
105
|
-
|
106
|
-
img
|
107
|
-
border: 0
|
108
|
-
-ms-interpolation-mode: bicubic
|
109
|
-
|
110
|
-
pre
|
111
|
-
white-space: pre
|
112
|
-
white-space: pre-wrap
|
113
|
-
word-wrap: break-word
|
114
|
-
|
115
|
-
address
|
116
|
-
font-style: normal
|
117
|
-
|
118
|
-
// Firefox bug
|
119
|
-
caption
|
120
|
-
text-align: left
|
121
|
-
|
122
|
-
// ----------------------------
|
123
|
-
// Inputs :
|
124
|
-
|
125
|
-
button, input
|
126
|
-
line-height: 1
|
127
|
-
cursor: pointer
|
128
|
-
*overflow: visible
|
129
|
-
|
130
|
-
input, select
|
131
|
-
vertical-align: middle
|
132
|
-
|
133
|
-
input[type="search"]::-webkit-search-decoration
|
134
|
-
-webkit-appearance: none
|
135
|
-
|
136
|
-
input
|
137
|
-
&[type="radio"]
|
138
|
-
vertical-align: text-bottom
|
139
|
-
&[type="text"]
|
140
|
-
cursor: text
|
141
|
-
&[type="checkbox"]
|
142
|
-
vertical-align: bottom
|
143
|
-
&[type="search"]
|
144
|
-
-webkit-appearance: textfield
|
145
|
-
-webkit-box-sizing: content-box
|
146
|
-
-moz-box-sizing: content-box
|
147
|
-
box-sizing: content-box
|
148
|
-
|
149
|
-
textarea
|
150
|
-
vertical-align: top
|
151
|
-
overflow: auto
|
152
|
-
resize: none
|
153
|
-
|
154
|
-
input, textarea
|
155
|
-
padding: 0
|
156
|
-
border: 1px solid #A9A9A9
|
157
|
-
border: 0
|
158
|
-
|
159
|
-
// Chrome blue glow :
|
160
|
-
select, option, input, textarea, button
|
161
|
-
outline: none
|
162
|
-
font: inherit
|
163
|
-
font-size: 0.99em
|
164
|
-
|
165
|
-
// ----------[ IE WORLD ]-------------------
|
166
|
-
.ie6 hr, .ie7 hr
|
167
|
-
margin-top: -0.5em
|
168
|
-
|
169
|
-
.ie6 legend, .ie7 legend
|
170
|
-
margin-left: -7px
|
171
|
-
|
172
|
-
.ie7 input[type="checkbox"]
|
173
|
-
vertical-align: baseline
|
174
|
-
|
175
|
-
.ie6 input
|
176
|
-
vertical-align: text-bottom
|
177
|
-
|