bourbon 0.0.5 → 0.0.6
Sign up to get free protection for your applications and to get access to all the features.
- data/app/assets/stylesheets/_bourbon.css.scss +1 -0
- data/app/assets/stylesheets/addons/_position.css.scss +30 -0
- data/bourbon.gemspec +1 -1
- data/lib/bourbon/version.rb +1 -1
- data/readme.md +18 -7
- metadata +6 -5
@@ -0,0 +1,30 @@
|
|
1
|
+
@mixin position ($position: relative, $coordinates: 0 0 0 0) {
|
2
|
+
|
3
|
+
@if type-of($position) == list {
|
4
|
+
$coordinates: $position;
|
5
|
+
$position: relative;
|
6
|
+
}
|
7
|
+
|
8
|
+
$top: nth($coordinates, 1);
|
9
|
+
$right: nth($coordinates, 2);
|
10
|
+
$bottom: nth($coordinates, 3);
|
11
|
+
$left: nth($coordinates, 4);
|
12
|
+
|
13
|
+
position: $position;
|
14
|
+
|
15
|
+
@if not(unitless($top)) {
|
16
|
+
top: $top;
|
17
|
+
}
|
18
|
+
|
19
|
+
@if not(unitless($right)) {
|
20
|
+
right: $right;
|
21
|
+
}
|
22
|
+
|
23
|
+
@if not(unitless($bottom)) {
|
24
|
+
bottom: $bottom;
|
25
|
+
}
|
26
|
+
|
27
|
+
@if not(unitless($left)) {
|
28
|
+
left: $left;
|
29
|
+
}
|
30
|
+
}
|
data/bourbon.gemspec
CHANGED
@@ -8,7 +8,7 @@ Gem::Specification.new do |s|
|
|
8
8
|
s.platform = Gem::Platform::RUBY
|
9
9
|
s.authors = ["Phil LaPier", "Chad Mazzola", "Mike Burns"]
|
10
10
|
s.email = ["support@thoughtbot.com"]
|
11
|
-
s.homepage = ""
|
11
|
+
s.homepage = "https://github.com/thoughtbot/bourbon"
|
12
12
|
s.summary = "Bourbon Sass Mixins using SCSS syntax."
|
13
13
|
s.description = <<-DESC
|
14
14
|
The purpose of Bourbon Vanilla Sass Mixins is to provide a comprehensive framework of
|
data/lib/bourbon/version.rb
CHANGED
data/readme.md
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
-
#Vanilla Sass Mixins
|
2
|
-
The purpose of Vanilla Sass Mixins is to provide a comprehensive framework of sass mixins that are designed to be as vanilla as possible. Meaning they should not deter from the original CSS syntax. The mixins contain vendor specific prefixes for all CSS3 properties for support amongst modern browsers. The prefixes also ensure graceful degradation for older browsers that support only CSS3 prefixed properties.
|
1
|
+
#Bourbon Vanilla Sass Mixins
|
2
|
+
The purpose of Bourbon Vanilla Sass Mixins is to provide a comprehensive framework of sass mixins that are designed to be as vanilla as possible. Meaning they should not deter from the original CSS syntax. The mixins contain vendor specific prefixes for all CSS3 properties for support amongst modern browsers. The prefixes also ensure graceful degradation for older browsers that support only CSS3 prefixed properties.
|
3
3
|
|
4
4
|
|
5
5
|
##Requirements
|
@@ -9,18 +9,29 @@ Sass 3.1+
|
|
9
9
|
##Install
|
10
10
|
**Update your Gemfile**
|
11
11
|
|
12
|
-
gem '
|
12
|
+
gem 'bourbon'
|
13
13
|
|
14
14
|
bundle install
|
15
15
|
|
16
|
-
|
17
|
-
|
16
|
+
###Rails 3.1.x
|
17
|
+
**Comment-out the following sprocket directive in /application.css.scss** (Remove the =)
|
18
18
|
|
19
|
-
|
19
|
+
* require_tree .
|
20
20
|
|
21
21
|
**Import the mixins at the beginning of your stylesheet**
|
22
22
|
|
23
|
-
@import '
|
23
|
+
@import 'bourbon';
|
24
|
+
|
25
|
+
###Rails 3.0.9 and below
|
26
|
+
**For Rails < 3.1 you must run the installation rake task.**
|
27
|
+
This will copy the Sass files into your project's public/stylesheets/sass directory.
|
28
|
+
|
29
|
+
rake bourbon:install
|
30
|
+
|
31
|
+
**Import the mixins at the beginning of your stylesheet**
|
32
|
+
|
33
|
+
@import 'bourbon/bourbon';
|
34
|
+
|
24
35
|
|
25
36
|
##Usage
|
26
37
|
Below are a few examples of mixin usage. Note that these are just a few, explore the repo to find out more.
|
metadata
CHANGED
@@ -1,13 +1,13 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: bourbon
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
hash:
|
4
|
+
hash: 19
|
5
5
|
prerelease:
|
6
6
|
segments:
|
7
7
|
- 0
|
8
8
|
- 0
|
9
|
-
-
|
10
|
-
version: 0.0.
|
9
|
+
- 6
|
10
|
+
version: 0.0.6
|
11
11
|
platform: ruby
|
12
12
|
authors:
|
13
13
|
- Phil LaPier
|
@@ -17,7 +17,7 @@ autorequire:
|
|
17
17
|
bindir: bin
|
18
18
|
cert_chain: []
|
19
19
|
|
20
|
-
date: 2011-07-
|
20
|
+
date: 2011-07-04 00:00:00 Z
|
21
21
|
dependencies:
|
22
22
|
- !ruby/object:Gem::Dependency
|
23
23
|
name: sass
|
@@ -56,6 +56,7 @@ files:
|
|
56
56
|
- Rakefile
|
57
57
|
- app/assets/stylesheets/_bourbon.css.scss
|
58
58
|
- app/assets/stylesheets/addons/_button.css.scss
|
59
|
+
- app/assets/stylesheets/addons/_position.css.scss
|
59
60
|
- app/assets/stylesheets/css3/_animation.css.scss
|
60
61
|
- app/assets/stylesheets/css3/_border-radius.css.scss
|
61
62
|
- app/assets/stylesheets/css3/_box-shadow.css.scss
|
@@ -77,7 +78,7 @@ files:
|
|
77
78
|
- lib/bourbon/version.rb
|
78
79
|
- lib/tasks/install.rake
|
79
80
|
- readme.md
|
80
|
-
homepage:
|
81
|
+
homepage: https://github.com/thoughtbot/bourbon
|
81
82
|
licenses: []
|
82
83
|
|
83
84
|
post_install_message:
|