sass-capucine 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- data/README.rdoc +19 -0
- data/lib/sass-capucine.rb +5 -0
- data/stylesheets/_sass-capucine.sass +6 -0
- data/stylesheets/sass-capucine/_basic-reset.sass +184 -0
- data/stylesheets/sass-capucine/_box.sass +50 -0
- data/stylesheets/sass-capucine/_helpers.sass +91 -0
- data/stylesheets/sass-capucine/_input-reset.sass +5 -0
- data/stylesheets/sass-capucine/_moz-reset.scss +47 -0
- data/stylesheets/sass-capucine/_shortcuts.sass +46 -0
- data/templates/project/manifest.rb +0 -0
- metadata +65 -0
data/README.rdoc
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
= Epycea Lib for Compass
|
|
2
|
+
|
|
3
|
+
Epycea is Compass plugin
|
|
4
|
+
|
|
5
|
+
== Installation
|
|
6
|
+
|
|
7
|
+
Install it from rubygems :
|
|
8
|
+
|
|
9
|
+
gem install compass-epycea
|
|
10
|
+
|
|
11
|
+
Add this to config.rb :
|
|
12
|
+
|
|
13
|
+
require 'compass-epycea'
|
|
14
|
+
|
|
15
|
+
== Usage
|
|
16
|
+
|
|
17
|
+
You now have access to all Epycea helpers in your Compass project
|
|
18
|
+
|
|
19
|
+
|
|
@@ -0,0 +1,184 @@
|
|
|
1
|
+
// Based on HTML5 BOILERPLATE
|
|
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
|
|
46
|
+
font-style: italic
|
|
47
|
+
|
|
48
|
+
strong, b
|
|
49
|
+
font-weight: bold
|
|
50
|
+
|
|
51
|
+
h1, h2, h3, h4, h5, h6, p, a, i, th, td
|
|
52
|
+
font-weight: normal
|
|
53
|
+
font-size: 100%
|
|
54
|
+
|
|
55
|
+
blockquote, q
|
|
56
|
+
quotes: none
|
|
57
|
+
|
|
58
|
+
blockquote, q
|
|
59
|
+
&:before, &:after
|
|
60
|
+
content: ""
|
|
61
|
+
content: none
|
|
62
|
+
|
|
63
|
+
ins, a, a:hover, a:active
|
|
64
|
+
text-decoration: none
|
|
65
|
+
|
|
66
|
+
del
|
|
67
|
+
text-decoration: line-through
|
|
68
|
+
|
|
69
|
+
abbr[title], dfn[title]
|
|
70
|
+
border: 0
|
|
71
|
+
cursor: help
|
|
72
|
+
|
|
73
|
+
table
|
|
74
|
+
border-collapse: collapse
|
|
75
|
+
border-spacing: 0
|
|
76
|
+
|
|
77
|
+
figure
|
|
78
|
+
margin: 0
|
|
79
|
+
|
|
80
|
+
pre, code, kbd, samp
|
|
81
|
+
font-family: monospace, sans-serif
|
|
82
|
+
font-family: 'courier new', monospace
|
|
83
|
+
font-size: 1em
|
|
84
|
+
|
|
85
|
+
a
|
|
86
|
+
&, &:hover, &:active
|
|
87
|
+
outline: none
|
|
88
|
+
|
|
89
|
+
ul, li, ol
|
|
90
|
+
list-style: none
|
|
91
|
+
list-style-image: none
|
|
92
|
+
|
|
93
|
+
small
|
|
94
|
+
font-size: 0.85em
|
|
95
|
+
|
|
96
|
+
strong, th, b
|
|
97
|
+
font-weight: bold
|
|
98
|
+
|
|
99
|
+
td, th
|
|
100
|
+
vertical-align: top
|
|
101
|
+
text-align: left
|
|
102
|
+
|
|
103
|
+
sub, sup
|
|
104
|
+
font-size: 0.75em
|
|
105
|
+
line-height: 0
|
|
106
|
+
position: relative
|
|
107
|
+
|
|
108
|
+
sub
|
|
109
|
+
bottom: -0.25em
|
|
110
|
+
|
|
111
|
+
sup
|
|
112
|
+
top: -0.5em
|
|
113
|
+
|
|
114
|
+
img
|
|
115
|
+
border: 0
|
|
116
|
+
-ms-interpolation-mode: bicubic
|
|
117
|
+
|
|
118
|
+
pre
|
|
119
|
+
white-space: pre
|
|
120
|
+
white-space: pre-wrap
|
|
121
|
+
word-wrap: break-word
|
|
122
|
+
|
|
123
|
+
address
|
|
124
|
+
font-style: normal
|
|
125
|
+
|
|
126
|
+
// ----------------------------
|
|
127
|
+
// Inputs :
|
|
128
|
+
|
|
129
|
+
button, input
|
|
130
|
+
// line-height: normal
|
|
131
|
+
line-height: 1
|
|
132
|
+
*overflow: visible
|
|
133
|
+
|
|
134
|
+
input, select
|
|
135
|
+
vertical-align: middle
|
|
136
|
+
|
|
137
|
+
input
|
|
138
|
+
&[type="button"], &[type="submit"], &[type="image"], &[type="reset"], button
|
|
139
|
+
cursor: pointer
|
|
140
|
+
|
|
141
|
+
input[type="search"]::-webkit-search-decoration
|
|
142
|
+
-webkit-appearance: none
|
|
143
|
+
|
|
144
|
+
input[type="search"]
|
|
145
|
+
-webkit-appearance: textfield
|
|
146
|
+
-webkit-box-sizing: content-box
|
|
147
|
+
-moz-box-sizing: content-box
|
|
148
|
+
box-sizing: content-box
|
|
149
|
+
|
|
150
|
+
// Chrome blue glow :
|
|
151
|
+
select, option, input, textarea, button
|
|
152
|
+
outline: none
|
|
153
|
+
font: inherit
|
|
154
|
+
font-size: 0.99em
|
|
155
|
+
|
|
156
|
+
textarea
|
|
157
|
+
vertical-align: top
|
|
158
|
+
overflow: auto
|
|
159
|
+
resize: none
|
|
160
|
+
|
|
161
|
+
input
|
|
162
|
+
&[type="radio"]
|
|
163
|
+
vertical-align: text-bottom
|
|
164
|
+
&[type="checkbox"]
|
|
165
|
+
vertical-align: bottom
|
|
166
|
+
|
|
167
|
+
|
|
168
|
+
// Firefox bug
|
|
169
|
+
caption
|
|
170
|
+
text-align: left
|
|
171
|
+
|
|
172
|
+
// ----------[ IE WORLD ]-------------------
|
|
173
|
+
.ie6 hr, .ie7 hr
|
|
174
|
+
margin-top: -0.5em
|
|
175
|
+
|
|
176
|
+
.ie6 legend, .ie7 legend
|
|
177
|
+
margin-left: -7px
|
|
178
|
+
|
|
179
|
+
.ie7 input[type="checkbox"]
|
|
180
|
+
vertical-align: baseline
|
|
181
|
+
|
|
182
|
+
.ie6 input
|
|
183
|
+
vertical-align: text-bottom
|
|
184
|
+
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
/*
|
|
2
|
+
+box
|
|
3
|
+
+circle
|
|
4
|
+
+square
|
|
5
|
+
+centerX
|
|
6
|
+
+centerXY
|
|
7
|
+
+min-max-width
|
|
8
|
+
+max-width
|
|
9
|
+
|
|
10
|
+
@import "compass/css3/border-radius"
|
|
11
|
+
@import "compass/utilities/general/min"
|
|
12
|
+
|
|
13
|
+
=box($width: 100px, $height: 50px, $display: block)
|
|
14
|
+
display: $display
|
|
15
|
+
height: $height
|
|
16
|
+
width: $width
|
|
17
|
+
|
|
18
|
+
=circle($diam: 100px)
|
|
19
|
+
width: $diam
|
|
20
|
+
height: $diam
|
|
21
|
+
$rad: $diam
|
|
22
|
+
+border-radius($rad)
|
|
23
|
+
|
|
24
|
+
=square($size: 200px, $display: block)
|
|
25
|
+
width: $size
|
|
26
|
+
height: $size
|
|
27
|
+
display: $display
|
|
28
|
+
|
|
29
|
+
=centerX()
|
|
30
|
+
margin: 0 auto
|
|
31
|
+
text-align: left
|
|
32
|
+
|
|
33
|
+
=centerXY($width: 100px,$height: 100px)
|
|
34
|
+
display: block
|
|
35
|
+
position: absolute
|
|
36
|
+
width: $width
|
|
37
|
+
height: $height
|
|
38
|
+
top: 50%
|
|
39
|
+
left: 50%
|
|
40
|
+
margin-top: -$height/2
|
|
41
|
+
margin-left: -$width/2
|
|
42
|
+
|
|
43
|
+
=min-max-width($min: 400px, $max: 960px)
|
|
44
|
+
+min-width($min)
|
|
45
|
+
+max-width($max)
|
|
46
|
+
|
|
47
|
+
=max-width($max: 1100px)
|
|
48
|
+
max-width: $max
|
|
49
|
+
width: expression(document.body.clientWidth > parseInt("#{round($max)}") ? "#{$max}" : "auto")
|
|
50
|
+
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
/*
|
|
2
|
+
+unselectable
|
|
3
|
+
+hidden
|
|
4
|
+
+visually-hidden
|
|
5
|
+
+invisible
|
|
6
|
+
+clear-both
|
|
7
|
+
+image-replace
|
|
8
|
+
+scale
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
=unselectable()
|
|
12
|
+
-moz-user-select: -moz-none
|
|
13
|
+
-khtml-user-select: none
|
|
14
|
+
-webkit-user-select: none
|
|
15
|
+
user-select: none
|
|
16
|
+
|
|
17
|
+
=hidden()
|
|
18
|
+
display: none
|
|
19
|
+
visibility: hidden
|
|
20
|
+
overflow: hidden
|
|
21
|
+
|
|
22
|
+
=visually-hidden()
|
|
23
|
+
border: 0
|
|
24
|
+
padding: 0
|
|
25
|
+
clip: rect(0 0 0 0)
|
|
26
|
+
height: 1px
|
|
27
|
+
width: 1px
|
|
28
|
+
margin: -1px
|
|
29
|
+
overflow: hidden
|
|
30
|
+
position: absolute
|
|
31
|
+
&.focusable
|
|
32
|
+
&:active, &:focus
|
|
33
|
+
clip: auto
|
|
34
|
+
height: auto
|
|
35
|
+
padding: 0
|
|
36
|
+
margin: 0
|
|
37
|
+
overflow: visible
|
|
38
|
+
position: static
|
|
39
|
+
width: auto
|
|
40
|
+
|
|
41
|
+
=invisible()
|
|
42
|
+
visibility: hidden
|
|
43
|
+
|
|
44
|
+
=clear-both()
|
|
45
|
+
clear: both
|
|
46
|
+
display: block
|
|
47
|
+
zoom: 1
|
|
48
|
+
&:before, &:after
|
|
49
|
+
content: "\0020"
|
|
50
|
+
display: block
|
|
51
|
+
height: 0
|
|
52
|
+
overflow: hidden
|
|
53
|
+
&:after
|
|
54
|
+
clear: both
|
|
55
|
+
|
|
56
|
+
=image-replace()
|
|
57
|
+
text-indent: -999em
|
|
58
|
+
overflow: hidden
|
|
59
|
+
background-repeat: no-repeat
|
|
60
|
+
text-align: left
|
|
61
|
+
direction: ltr
|
|
62
|
+
|
|
63
|
+
=scale()
|
|
64
|
+
max-width: 100%
|
|
65
|
+
height: auto
|
|
66
|
+
|
|
67
|
+
$sass-capucine-helpers-classes: true !default
|
|
68
|
+
|
|
69
|
+
@if $sass-capucine-helpers-classes == true
|
|
70
|
+
|
|
71
|
+
.unselectable
|
|
72
|
+
+unselectable
|
|
73
|
+
|
|
74
|
+
.hidden
|
|
75
|
+
+hidden
|
|
76
|
+
|
|
77
|
+
.visually-hidden
|
|
78
|
+
+visually-hidden
|
|
79
|
+
|
|
80
|
+
.invisible
|
|
81
|
+
+invisible
|
|
82
|
+
|
|
83
|
+
.cb
|
|
84
|
+
+clear-both
|
|
85
|
+
|
|
86
|
+
.ir
|
|
87
|
+
+image-replace
|
|
88
|
+
|
|
89
|
+
.scale
|
|
90
|
+
+scale
|
|
91
|
+
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
input {
|
|
2
|
+
|
|
3
|
+
// -moz-appearance: textfield;
|
|
4
|
+
// -moz-binding: url("chrome://global/content/platformHTMLBindings.xml#inputFields");
|
|
5
|
+
// -moz-border-bottom-colors: none;
|
|
6
|
+
// -moz-border-image: none;
|
|
7
|
+
// -moz-border-left-colors: none;
|
|
8
|
+
// -moz-border-right-colors: none;
|
|
9
|
+
// -moz-border-top-colors: none;
|
|
10
|
+
//
|
|
11
|
+
//
|
|
12
|
+
// -moz-font-feature-settings: -moz-use-system-font;
|
|
13
|
+
// -moz-font-language-override: -moz-use-system-font;
|
|
14
|
+
// -moz-user-select: text;
|
|
15
|
+
//
|
|
16
|
+
// border-bottom-color: threedface;
|
|
17
|
+
// border-bottom-style: inset;
|
|
18
|
+
// border-bottom-width: 2px;
|
|
19
|
+
// border-left-color-ltr-source: physical;
|
|
20
|
+
// border-left-color-rtl-source: physical;
|
|
21
|
+
// border-left-color-value: threedface;
|
|
22
|
+
// border-left-style-ltr-source: physical;
|
|
23
|
+
// border-left-style-rtl-source: physical;
|
|
24
|
+
// border-left-style-value: inset;
|
|
25
|
+
// border-left-width-ltr-source: physical;
|
|
26
|
+
// border-left-width-rtl-source: physical;
|
|
27
|
+
// border-left-width-value: 20px;
|
|
28
|
+
// border-right-color-ltr-source: physical;
|
|
29
|
+
// border-right-color-rtl-source: physical;
|
|
30
|
+
// border-right-color-value: threedface;
|
|
31
|
+
// border-right-style-ltr-source: physical;
|
|
32
|
+
// border-right-style-rtl-source: physical;
|
|
33
|
+
// border-right-style-value: inset;
|
|
34
|
+
// border-right-width-ltr-source: physical;
|
|
35
|
+
// border-right-width-rtl-source: physical;
|
|
36
|
+
// border-right-width-value: 2px;
|
|
37
|
+
// border-top-color: threedface;
|
|
38
|
+
// border-top-style: inset;
|
|
39
|
+
// border-top-width: 2px;
|
|
40
|
+
|
|
41
|
+
border: 1px solid #A9A9A9;
|
|
42
|
+
|
|
43
|
+
// border:
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
/*
|
|
2
|
+
+relative
|
|
3
|
+
+absolute
|
|
4
|
+
+fixed
|
|
5
|
+
+static
|
|
6
|
+
+bg-image
|
|
7
|
+
+selection
|
|
8
|
+
+pressed-effect
|
|
9
|
+
+vertical-gradient
|
|
10
|
+
|
|
11
|
+
@import "compass/css3/gradient"
|
|
12
|
+
|
|
13
|
+
=relative()
|
|
14
|
+
position: relative
|
|
15
|
+
|
|
16
|
+
=absolute()
|
|
17
|
+
position: absolute
|
|
18
|
+
|
|
19
|
+
=fixed()
|
|
20
|
+
position: fixed
|
|
21
|
+
|
|
22
|
+
=static()
|
|
23
|
+
position: static
|
|
24
|
+
|
|
25
|
+
=bg-image($img: '', $x: center, $y: top)
|
|
26
|
+
background: transparent url("#{$img}") no-repeat $x $y
|
|
27
|
+
|
|
28
|
+
=selection($background: #111, $color: #fff)
|
|
29
|
+
::-moz-selection
|
|
30
|
+
background: $background
|
|
31
|
+
color: $color
|
|
32
|
+
|
|
33
|
+
::selection
|
|
34
|
+
background: $background
|
|
35
|
+
color: $color
|
|
36
|
+
|
|
37
|
+
=pressed-effect($top: 1px)
|
|
38
|
+
&:active
|
|
39
|
+
position: relative
|
|
40
|
+
top: $top
|
|
41
|
+
|
|
42
|
+
=vertical-gradient($top: #222, $bottom: #777)
|
|
43
|
+
+linear-gradient(color-stops($top, $bottom))
|
|
44
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#{$top}, endColorStr=#{$bottom}, GradientType=0)
|
|
45
|
+
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#{$top}, endColorstr=#{$bottom}, GradientType=0)"
|
|
46
|
+
|
|
File without changes
|
metadata
ADDED
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
|
2
|
+
name: sass-capucine
|
|
3
|
+
version: !ruby/object:Gem::Version
|
|
4
|
+
version: 0.0.1
|
|
5
|
+
prerelease:
|
|
6
|
+
platform: ruby
|
|
7
|
+
authors:
|
|
8
|
+
- Damian Le Nouaille
|
|
9
|
+
autorequire:
|
|
10
|
+
bindir: bin
|
|
11
|
+
cert_chain: []
|
|
12
|
+
date: 2011-11-15 00:00:00.000000000Z
|
|
13
|
+
dependencies:
|
|
14
|
+
- !ruby/object:Gem::Dependency
|
|
15
|
+
name: compass
|
|
16
|
+
requirement: &70101807319980 !ruby/object:Gem::Requirement
|
|
17
|
+
none: false
|
|
18
|
+
requirements:
|
|
19
|
+
- - ! '>='
|
|
20
|
+
- !ruby/object:Gem::Version
|
|
21
|
+
version: '0'
|
|
22
|
+
type: :runtime
|
|
23
|
+
prerelease: false
|
|
24
|
+
version_requirements: *70101807319980
|
|
25
|
+
description: Compass plugin
|
|
26
|
+
email: dam@dln.name
|
|
27
|
+
executables: []
|
|
28
|
+
extensions: []
|
|
29
|
+
extra_rdoc_files: []
|
|
30
|
+
files:
|
|
31
|
+
- README.rdoc
|
|
32
|
+
- lib/sass-capucine.rb
|
|
33
|
+
- stylesheets/_sass-capucine.sass
|
|
34
|
+
- stylesheets/sass-capucine/_basic-reset.sass
|
|
35
|
+
- stylesheets/sass-capucine/_box.sass
|
|
36
|
+
- stylesheets/sass-capucine/_helpers.sass
|
|
37
|
+
- stylesheets/sass-capucine/_input-reset.sass
|
|
38
|
+
- stylesheets/sass-capucine/_moz-reset.scss
|
|
39
|
+
- stylesheets/sass-capucine/_shortcuts.sass
|
|
40
|
+
- templates/project/manifest.rb
|
|
41
|
+
homepage: http://dln.name
|
|
42
|
+
licenses: []
|
|
43
|
+
post_install_message:
|
|
44
|
+
rdoc_options: []
|
|
45
|
+
require_paths:
|
|
46
|
+
- lib
|
|
47
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
|
48
|
+
none: false
|
|
49
|
+
requirements:
|
|
50
|
+
- - ! '>='
|
|
51
|
+
- !ruby/object:Gem::Version
|
|
52
|
+
version: '0'
|
|
53
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
54
|
+
none: false
|
|
55
|
+
requirements:
|
|
56
|
+
- - ! '>='
|
|
57
|
+
- !ruby/object:Gem::Version
|
|
58
|
+
version: '0'
|
|
59
|
+
requirements: []
|
|
60
|
+
rubyforge_project:
|
|
61
|
+
rubygems_version: 1.8.10
|
|
62
|
+
signing_key:
|
|
63
|
+
specification_version: 3
|
|
64
|
+
summary: .
|
|
65
|
+
test_files: []
|