sass-tools 0.1.6 → 0.1.7
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/VERSION
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
0.1.
|
|
1
|
+
0.1.7
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
/* Survey Styling
|
|
2
|
-
---------------------------------------- */
|
|
3
1
|
/*
|
|
4
|
-
|
|
2
|
+
Survey Styling
|
|
3
|
+
|
|
4
|
+
Code:
|
|
5
|
+
<form action="#" id="encuesta" class="widget" accept-charset="utf-8">
|
|
5
6
|
<h3>Encuesta</h3>
|
|
6
7
|
<div><strong>¿Te gusta el nuevo sitio?</strong></div>
|
|
7
8
|
<div><input name="opt1" id="opt1" type="radio"> Si me gusta</div>
|
|
@@ -29,6 +30,9 @@
|
|
|
29
30
|
}
|
|
30
31
|
}
|
|
31
32
|
|
|
33
|
+
/*
|
|
34
|
+
Button Styling
|
|
35
|
+
*/
|
|
32
36
|
@mixin button {
|
|
33
37
|
@include border-radius(4px 4px 4px 4px);
|
|
34
38
|
background:#8DC30D;
|
|
@@ -1,30 +1,71 @@
|
|
|
1
1
|
/*
|
|
2
|
-
|
|
2
|
+
Replace an A tag with an a background-image.
|
|
3
|
+
@var $image string path to the image
|
|
4
|
+
@var $inline boolean embed via data.
|
|
3
5
|
*/
|
|
4
|
-
@mixin image-link($image) {
|
|
5
|
-
|
|
6
|
-
width: image-width($image);
|
|
7
|
-
height: image-height($image);
|
|
6
|
+
@mixin image-link($image, $inline:false) {
|
|
7
|
+
@include image-background($image, $inline);
|
|
8
8
|
cursor:pointer;
|
|
9
|
-
@extend .
|
|
9
|
+
@extend .imagelink-exts;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
/*
|
|
13
|
+
Replace a Header>a tag with a background image. Made specifically for logos.
|
|
14
|
+
@var $image string path to the image
|
|
15
|
+
@var $inline boolean embed via data.
|
|
16
|
+
*/
|
|
17
|
+
@mixin image-header($image, $inline:false) {
|
|
18
|
+
@extend .no-mp;
|
|
19
|
+
a {
|
|
20
|
+
@include image-link($image, $inline);
|
|
21
|
+
} //a
|
|
10
22
|
}
|
|
11
23
|
|
|
12
24
|
/*
|
|
13
25
|
Mixin for quickly replacing images for any given element.
|
|
26
|
+
@var $image string path to the image
|
|
27
|
+
@var $inline boolean embed via data.
|
|
28
|
+
*/
|
|
29
|
+
@mixin image-replace($image, $inline:false) {
|
|
30
|
+
@include image-background($image, $inline);
|
|
31
|
+
@extend .imagelink-ext;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
/*
|
|
35
|
+
Just adds the image as a background and sets the width/height accordingly.
|
|
36
|
+
@var $image string path to the image
|
|
37
|
+
@var $inline boolean embed via data.
|
|
14
38
|
*/
|
|
15
|
-
@mixin image-
|
|
16
|
-
|
|
39
|
+
@mixin image-background($image, $inline:false) {
|
|
40
|
+
@if $inline == true {
|
|
41
|
+
@include inline-background(transparent, $image, no-repeat, top, left);
|
|
42
|
+
} @else {
|
|
43
|
+
background: transparent image-url($image) no-repeat top left;
|
|
44
|
+
}
|
|
17
45
|
width: image-width($image);
|
|
18
46
|
height: image-height($image);
|
|
19
|
-
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
/*
|
|
50
|
+
Add a background via inlina-image.
|
|
51
|
+
With basic backward compatibility to IE7
|
|
52
|
+
@var $transparency
|
|
53
|
+
@var $image
|
|
54
|
+
@var $horizontal
|
|
55
|
+
@var $vertical
|
|
56
|
+
@var $repeat
|
|
57
|
+
*/
|
|
58
|
+
@mixin inline-background($transparency, $image, $horizontal, $vertical, $repeat) {
|
|
59
|
+
background : $transparency inline-image($image) $horizontal $vertical $repeat;
|
|
60
|
+
*background : $transparency image-url($image) $horizontal $vertical $repeat;
|
|
20
61
|
}
|
|
21
62
|
|
|
22
63
|
/*
|
|
23
64
|
Common styles needed by our Image Mixins.
|
|
24
65
|
*/
|
|
25
|
-
.
|
|
66
|
+
.imagelink-ext {
|
|
26
67
|
display:block;
|
|
27
68
|
outline:none;
|
|
28
69
|
overflow:hidden;
|
|
29
70
|
text-indent:-9999px;
|
|
30
|
-
} // .
|
|
71
|
+
} // .imagelink-ext
|
|
@@ -1,15 +1,18 @@
|
|
|
1
1
|
/*
|
|
2
|
-
|
|
2
|
+
Shortcut to remove margin an padding.
|
|
3
|
+
Used o several @mixins.
|
|
3
4
|
*/
|
|
4
5
|
.no-mp {
|
|
5
6
|
margin:0;
|
|
6
7
|
padding:0;
|
|
7
8
|
}
|
|
8
9
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
@mixin center {
|
|
10
|
+
/*
|
|
11
|
+
Centers a container by using the blueprint container size.
|
|
12
|
+
*/
|
|
13
|
+
@mixin center-container {
|
|
14
|
+
@extend .cntrcontainer-ext;
|
|
15
|
+
} .cntrcontainer-ext {
|
|
13
16
|
width: $blueprint-container-size;
|
|
14
17
|
margin:0 auto;
|
|
15
|
-
}
|
|
18
|
+
}
|
data/sass-tools.gemspec
CHANGED
|
@@ -5,11 +5,11 @@
|
|
|
5
5
|
|
|
6
6
|
Gem::Specification.new do |s|
|
|
7
7
|
s.name = %q{sass-tools}
|
|
8
|
-
s.version = "0.1.
|
|
8
|
+
s.version = "0.1.7"
|
|
9
9
|
|
|
10
10
|
s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
|
|
11
11
|
s.authors = ["Mario 'Kuroir' Ricalde"]
|
|
12
|
-
s.date = %q{2010-09-
|
|
12
|
+
s.date = %q{2010-09-09}
|
|
13
13
|
s.description = %q{}
|
|
14
14
|
s.email = %q{mario@destructoid.com}
|
|
15
15
|
s.extra_rdoc_files = [
|
metadata
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: sass-tools
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
hash:
|
|
4
|
+
hash: 21
|
|
5
5
|
prerelease: false
|
|
6
6
|
segments:
|
|
7
7
|
- 0
|
|
8
8
|
- 1
|
|
9
|
-
-
|
|
10
|
-
version: 0.1.
|
|
9
|
+
- 7
|
|
10
|
+
version: 0.1.7
|
|
11
11
|
platform: ruby
|
|
12
12
|
authors:
|
|
13
13
|
- Mario 'Kuroir' Ricalde
|
|
@@ -15,7 +15,7 @@ autorequire:
|
|
|
15
15
|
bindir: bin
|
|
16
16
|
cert_chain: []
|
|
17
17
|
|
|
18
|
-
date: 2010-09-
|
|
18
|
+
date: 2010-09-09 00:00:00 -05:00
|
|
19
19
|
default_executable:
|
|
20
20
|
dependencies:
|
|
21
21
|
- !ruby/object:Gem::Dependency
|