compass-bootstrap 0.0.1 → 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- data/README.mkdn +18 -2
- data/lib/compass-bootstrap/version.rb +1 -1
- data/stylesheets/_compass_bootstrap.scss +1 -5
- data/stylesheets/_compass_bootstrap_mixins.scss +43 -0
- metadata +52 -28
data/README.mkdn
CHANGED
@@ -24,9 +24,17 @@ Add the following to your compass.rb config file:
|
|
24
24
|
# Require any additional compass plugins here.
|
25
25
|
require 'compass-bootstrap'
|
26
26
|
|
27
|
-
|
27
|
+
Now you can add the bootstrap style to your .scss/.sass files:
|
28
28
|
|
29
29
|
@import 'compass_bootstrap';
|
30
|
+
|
31
|
+
this will make available all the classes and styles from bootstrap
|
32
|
+
|
33
|
+
If you only want to add some bootstrap styles to your files, add:
|
34
|
+
|
35
|
+
@import 'compass_bootstrap_mixins';
|
36
|
+
|
37
|
+
And now you can use the mixins on your own classes:
|
30
38
|
|
31
39
|
Using bt-column instead of .spanX
|
32
40
|
============================
|
@@ -35,4 +43,12 @@ this plugin includes a mixin called bt-column, that you can use instead of add t
|
|
35
43
|
|
36
44
|
@include bt-column(4);
|
37
45
|
|
38
|
-
|
46
|
+
Using btn mixin to your styles
|
47
|
+
==============================
|
48
|
+
|
49
|
+
bt-btn($from-color,$to-color,[$txt-color(optional)]);
|
50
|
+
|
51
|
+
this mixin will add the styles from btn bootstrap class, this had 3 params
|
52
|
+
$from-color: defines the color where background starts.
|
53
|
+
$to-color: defines the color where background ends.
|
54
|
+
$txt-color: default white, this define the text color
|
@@ -198,13 +198,9 @@ textarea {
|
|
198
198
|
* Basic and global styles for generating a grid system, structural layout, and page templates
|
199
199
|
* -------------------------------------------------------------------------------------------
|
200
200
|
|
201
|
-
* bt-column mixin always MUST be used inside of a .row class, as the bootstap says
|
202
201
|
|
203
202
|
*/
|
204
|
-
|
205
|
-
$size : 40px * $number + 20px * ($number - 1);
|
206
|
-
width: $size + 0px;
|
207
|
-
}
|
203
|
+
|
208
204
|
|
209
205
|
.row {
|
210
206
|
zoom: 1;
|
@@ -0,0 +1,43 @@
|
|
1
|
+
/*!
|
2
|
+
Mixins of bootstrap styles
|
3
|
+
*/
|
4
|
+
|
5
|
+
|
6
|
+
/*
|
7
|
+
* bt-column mixin always MUST be used inside of a .row class, as the bootstap says
|
8
|
+
*/
|
9
|
+
@mixin bt-column($number) {
|
10
|
+
$size : 40px * $number + 20px * ($number - 1);
|
11
|
+
width: $size + 0px;
|
12
|
+
}
|
13
|
+
|
14
|
+
@mixin bt-btn($from-color,$to-color,$txt-color: default) {
|
15
|
+
@if $txt-color == default {$txt-color: #ffffff;}
|
16
|
+
cursor: pointer;
|
17
|
+
display: inline-block;
|
18
|
+
background-color: $to-color;
|
19
|
+
background-repeat: no-repeat;
|
20
|
+
background-image: -webkit-gradient(linear, 0 0, 0 100%, from($from-color), to(#e6e6e6$to-color));
|
21
|
+
background-image: -webkit-linear-gradient($from-color, $to-color);
|
22
|
+
background-image: -moz-linear-gradient($from-color, $to-color);
|
23
|
+
background-image: -ms-linear-gradient($from-color, $to-color);
|
24
|
+
background-image: -o-linear-gradient($from-color, $to-color);
|
25
|
+
background-image: linear-gradient($from-color, $to-color);
|
26
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$from-color, endColorstr=$to-color, GradientType=0);
|
27
|
+
padding: 5px 14px 6px;
|
28
|
+
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
29
|
+
color: $txt-color;
|
30
|
+
font-size: 13px;
|
31
|
+
line-height: normal;
|
32
|
+
border: 1px solid #ccc;
|
33
|
+
border-bottom-color: #bbb;
|
34
|
+
-webkit-border-radius: 4px;
|
35
|
+
-moz-border-radius: 4px;
|
36
|
+
border-radius: 4px;
|
37
|
+
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
38
|
+
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
39
|
+
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
40
|
+
-webkit-transition: 0.1s linear all;
|
41
|
+
-moz-transition: 0.1s linear all;
|
42
|
+
transition: 0.1s linear all;
|
43
|
+
}
|
metadata
CHANGED
@@ -1,35 +1,48 @@
|
|
1
|
-
--- !ruby/object:Gem::Specification
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
2
|
name: compass-bootstrap
|
3
|
-
version: !ruby/object:Gem::Version
|
4
|
-
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
hash: 27
|
5
5
|
prerelease:
|
6
|
+
segments:
|
7
|
+
- 0
|
8
|
+
- 0
|
9
|
+
- 2
|
10
|
+
version: 0.0.2
|
6
11
|
platform: ruby
|
7
|
-
authors:
|
12
|
+
authors:
|
8
13
|
- Hector Bustillos
|
9
14
|
autorequire:
|
10
15
|
bindir: bin
|
11
16
|
cert_chain: []
|
12
|
-
|
13
|
-
|
14
|
-
|
17
|
+
|
18
|
+
date: 2011-09-12 00:00:00 Z
|
19
|
+
dependencies:
|
20
|
+
- !ruby/object:Gem::Dependency
|
15
21
|
name: compass
|
16
|
-
|
22
|
+
prerelease: false
|
23
|
+
requirement: &id001 !ruby/object:Gem::Requirement
|
17
24
|
none: false
|
18
|
-
requirements:
|
19
|
-
- -
|
20
|
-
- !ruby/object:Gem::Version
|
25
|
+
requirements:
|
26
|
+
- - ">="
|
27
|
+
- !ruby/object:Gem::Version
|
28
|
+
hash: 55
|
29
|
+
segments:
|
30
|
+
- 0
|
31
|
+
- 10
|
32
|
+
- 0
|
21
33
|
version: 0.10.0
|
22
34
|
type: :runtime
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
of webapps and sites.
|
27
|
-
email:
|
35
|
+
version_requirements: *id001
|
36
|
+
description: Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites.
|
37
|
+
email:
|
28
38
|
- hector.bustillos@crowdint.com
|
29
39
|
executables: []
|
40
|
+
|
30
41
|
extensions: []
|
42
|
+
|
31
43
|
extra_rdoc_files: []
|
32
|
-
|
44
|
+
|
45
|
+
files:
|
33
46
|
- .gitignore
|
34
47
|
- Gemfile
|
35
48
|
- README.mkdn
|
@@ -38,30 +51,41 @@ files:
|
|
38
51
|
- lib/compass-bootstrap.rb
|
39
52
|
- lib/compass-bootstrap/version.rb
|
40
53
|
- stylesheets/_compass_bootstrap.scss
|
54
|
+
- stylesheets/_compass_bootstrap_mixins.scss
|
41
55
|
- templates/project/manifest.rb
|
42
56
|
- templates/project/screen.scss
|
43
57
|
homepage: https://github.com/hecbuma/compass-bootstrap
|
44
58
|
licenses: []
|
59
|
+
|
45
60
|
post_install_message:
|
46
61
|
rdoc_options: []
|
47
|
-
|
62
|
+
|
63
|
+
require_paths:
|
48
64
|
- lib
|
49
|
-
required_ruby_version: !ruby/object:Gem::Requirement
|
65
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
50
66
|
none: false
|
51
|
-
requirements:
|
52
|
-
- -
|
53
|
-
- !ruby/object:Gem::Version
|
54
|
-
|
55
|
-
|
67
|
+
requirements:
|
68
|
+
- - ">="
|
69
|
+
- !ruby/object:Gem::Version
|
70
|
+
hash: 3
|
71
|
+
segments:
|
72
|
+
- 0
|
73
|
+
version: "0"
|
74
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
56
75
|
none: false
|
57
|
-
requirements:
|
58
|
-
- -
|
59
|
-
- !ruby/object:Gem::Version
|
60
|
-
|
76
|
+
requirements:
|
77
|
+
- - ">="
|
78
|
+
- !ruby/object:Gem::Version
|
79
|
+
hash: 3
|
80
|
+
segments:
|
81
|
+
- 0
|
82
|
+
version: "0"
|
61
83
|
requirements: []
|
84
|
+
|
62
85
|
rubyforge_project: compass-bootstrap
|
63
86
|
rubygems_version: 1.8.6
|
64
87
|
signing_key:
|
65
88
|
specification_version: 3
|
66
89
|
summary: Compass compatible Sass port of twitter bootstrap.
|
67
90
|
test_files: []
|
91
|
+
|