sass-capucine 0.0.2 → 0.0.3
Sign up to get free protection for your applications and to get access to all the features.
data/{README.rdoc → README.md}
RENAMED
@@ -1,18 +1,19 @@
|
|
1
|
-
|
2
|
-
|
1
|
+
Capucine Lib for Compass
|
2
|
+
===
|
3
3
|
Capucine is Compass plugin
|
4
4
|
|
5
|
-
|
5
|
+
Installation
|
6
|
+
===
|
6
7
|
|
7
|
-
Install it from rubygems :
|
8
|
-
|
9
8
|
gem install sass-capucine
|
10
9
|
|
11
|
-
Add this to config.rb :
|
10
|
+
Add this to compass-config.rb :
|
12
11
|
|
13
12
|
require 'sass-capucine'
|
14
13
|
|
15
|
-
|
14
|
+
Usage
|
15
|
+
===
|
16
16
|
|
17
17
|
You now have access to all Capucine helpers in your Compass project
|
18
18
|
|
19
|
+
@import "sass-capucine"
|
@@ -6,7 +6,14 @@
|
|
6
6
|
+clear-both
|
7
7
|
+image-replace
|
8
8
|
+scale
|
9
|
+
+selection
|
10
|
+
+pressed-effect
|
11
|
+
+vertical-gradient
|
12
|
+
+fake-helvetica
|
13
|
+
+smart-text-shadow
|
9
14
|
|
15
|
+
@import "compass/css3/images"
|
16
|
+
@import "compass/css3/text-shadow"
|
10
17
|
|
11
18
|
=unselectable()
|
12
19
|
-moz-user-select: -moz-none
|
@@ -54,7 +61,7 @@
|
|
54
61
|
clear: both
|
55
62
|
|
56
63
|
=image-replace()
|
57
|
-
text-indent: -
|
64
|
+
text-indent: -9999em
|
58
65
|
overflow: hidden
|
59
66
|
background-repeat: no-repeat
|
60
67
|
text-align: left
|
@@ -64,9 +71,33 @@
|
|
64
71
|
max-width: 100%
|
65
72
|
height: auto
|
66
73
|
|
67
|
-
$
|
74
|
+
=selection($background: #111, $color: #fff)
|
75
|
+
::-moz-selection
|
76
|
+
background: $background
|
77
|
+
color: $color
|
68
78
|
|
69
|
-
|
79
|
+
::selection
|
80
|
+
background: $background
|
81
|
+
color: $color
|
82
|
+
|
83
|
+
=pressed-effect($top: 1px)
|
84
|
+
&:active
|
85
|
+
position: relative
|
86
|
+
top: $top
|
87
|
+
|
88
|
+
=vertical-gradient($top: #222, $bottom: #777)
|
89
|
+
+background-image(linear-gradient($top, $bottom))
|
90
|
+
+filter-gradient($top, $bottom)
|
91
|
+
|
92
|
+
=fake-helvetica($fonts: sans-serif)
|
93
|
+
font-family: Arial, $fonts
|
94
|
+
letter-spacing: -1px
|
95
|
+
|
96
|
+
=smart-text-shadow($color: #fff, $pixels: 1px)
|
97
|
+
+text-shadow($color 0 $pixels 0)
|
98
|
+
|
99
|
+
$capucine-helpers-classes: true !default
|
100
|
+
@if $capucine-helpers-classes == true
|
70
101
|
|
71
102
|
.unselectable
|
72
103
|
+unselectable
|
@@ -88,4 +119,3 @@ $sass-capucine-helpers-classes: true !default
|
|
88
119
|
|
89
120
|
.scale
|
90
121
|
+scale
|
91
|
-
|
@@ -4,7 +4,7 @@ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, hr, blockquote
|
|
4
4
|
margin: 0
|
5
5
|
padding: 0
|
6
6
|
border: 0
|
7
|
-
font-size: 100%
|
7
|
+
font-size: 100%
|
8
8
|
font-weight: normal
|
9
9
|
font-style: normal
|
10
10
|
font-family: inherit
|
@@ -44,7 +44,7 @@ body
|
|
44
44
|
|
45
45
|
i
|
46
46
|
font-style: italic
|
47
|
-
|
47
|
+
|
48
48
|
h1, h2, h3, h4, h5, h6, p, a, i, td
|
49
49
|
font-weight: normal
|
50
50
|
font-size: 100%
|
@@ -99,7 +99,7 @@ sub, sup
|
|
99
99
|
|
100
100
|
sub
|
101
101
|
bottom: -0.25em
|
102
|
-
|
102
|
+
|
103
103
|
sup
|
104
104
|
top: -0.5em
|
105
105
|
|
@@ -129,7 +129,7 @@ button, input
|
|
129
129
|
|
130
130
|
input, select
|
131
131
|
vertical-align: middle
|
132
|
-
|
132
|
+
|
133
133
|
input[type="search"]::-webkit-search-decoration
|
134
134
|
-webkit-appearance: none
|
135
135
|
|
@@ -151,9 +151,10 @@ textarea
|
|
151
151
|
overflow: auto
|
152
152
|
resize: none
|
153
153
|
|
154
|
-
input, textarea
|
154
|
+
input, textarea
|
155
155
|
padding: 0
|
156
|
-
border: 1px solid #A9A9A9
|
156
|
+
// border: 1px solid #A9A9A9
|
157
|
+
border: 0
|
157
158
|
|
158
159
|
// Chrome blue glow :
|
159
160
|
select, option, input, textarea, button
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: sass-capucine
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.3
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -9,11 +9,11 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2012-
|
12
|
+
date: 2012-02-03 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: compass
|
16
|
-
requirement: &
|
16
|
+
requirement: &70145281591260 !ruby/object:Gem::Requirement
|
17
17
|
none: false
|
18
18
|
requirements:
|
19
19
|
- - ! '>='
|
@@ -21,21 +21,20 @@ dependencies:
|
|
21
21
|
version: '0'
|
22
22
|
type: :runtime
|
23
23
|
prerelease: false
|
24
|
-
version_requirements: *
|
24
|
+
version_requirements: *70145281591260
|
25
25
|
description: Compass plugin
|
26
26
|
email: dam@dln.name
|
27
27
|
executables: []
|
28
28
|
extensions: []
|
29
29
|
extra_rdoc_files: []
|
30
30
|
files:
|
31
|
-
- README.
|
31
|
+
- README.md
|
32
32
|
- lib/sass-capucine.rb
|
33
33
|
- stylesheets/_sass-capucine.sass
|
34
34
|
- stylesheets/sass-capucine/_box.sass
|
35
35
|
- stylesheets/sass-capucine/_helpers.sass
|
36
36
|
- stylesheets/sass-capucine/_print.sass
|
37
37
|
- stylesheets/sass-capucine/_reset.sass
|
38
|
-
- stylesheets/sass-capucine/_shortcuts.sass
|
39
38
|
- templates/project/manifest.rb
|
40
39
|
homepage: http://dln.name
|
41
40
|
licenses: []
|
@@ -57,7 +56,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
57
56
|
version: '0'
|
58
57
|
requirements: []
|
59
58
|
rubyforge_project:
|
60
|
-
rubygems_version: 1.8.
|
59
|
+
rubygems_version: 1.8.15
|
61
60
|
signing_key:
|
62
61
|
specification_version: 3
|
63
62
|
summary: .
|
@@ -1,46 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
+relative
|
3
|
-
+absolute
|
4
|
-
+fixed
|
5
|
-
+static
|
6
|
-
+background-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
|
-
=background-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
|
-
|