bitters 0.9.1 → 0.9.2
Sign up to get free protection for your applications and to get access to all the features.
- data/.gitignore +1 -0
- data/README.md +7 -17
- data/app/assets/stylesheets/_bitters.scss +9 -0
- data/app/assets/stylesheets/_flashes.scss +3 -42
- data/app/assets/stylesheets/_forms.scss +5 -0
- data/app/assets/stylesheets/_grid-settings.scss +0 -2
- data/app/assets/stylesheets/_tables.scss +2 -0
- data/app/assets/stylesheets/_typography.scss +3 -2
- data/app/assets/stylesheets/_variables.scss +3 -0
- data/app/assets/stylesheets/mixins/_base.scss +1 -0
- data/app/assets/stylesheets/mixins/_flash.scss +15 -0
- data/lib/bitters/version.rb +1 -1
- metadata +6 -4
data/.gitignore
CHANGED
data/README.md
CHANGED
@@ -2,17 +2,17 @@ Bitters
|
|
2
2
|
===
|
3
3
|
Add a dash of predefined style to get your [Bourbon](http://bourbon.io) stylesheets started off in the right direction.
|
4
4
|
|
5
|
-
Bitters is meant to help designers get projects started on new projects faster. It adds enough predefined structure and style to get started quickly but bland enough so that it doesn't dictate any style moving forward.
|
5
|
+
Bitters is meant to help designers get projects started on new projects faster. It adds enough predefined structure and style to get started quickly but bland enough so that it doesn't dictate any style moving forward. Bitters should live in your projects sass root folder and be **modified** and extended while you design your project.
|
6
6
|
|
7
7
|
Install Instructions
|
8
8
|
===
|
9
9
|
Install Bitters:
|
10
10
|
|
11
11
|
```bash
|
12
|
-
gem install
|
12
|
+
gem install bitters
|
13
13
|
```
|
14
14
|
|
15
|
-
Install [Bourbon](https://github.com/thoughtbot/bourbon#install-for-rails-31) and [Neat](https://github.com/thoughtbot/neat#install-instructions) (optional).
|
15
|
+
Install [Bourbon](https://github.com/thoughtbot/bourbon#install-for-rails-31) (required) and [Neat](https://github.com/thoughtbot/neat#install-instructions) (optional).
|
16
16
|
|
17
17
|
Then `cd` to your Sass directory and run:
|
18
18
|
|
@@ -22,29 +22,19 @@ bitters install
|
|
22
22
|
|
23
23
|
The generated folder will contain all Bitters files.
|
24
24
|
|
25
|
-
Import Bitters after Bourbon
|
25
|
+
Import Bitters after Bourbon in your `application.css.scss`. If you are using the Neat overrides found in `_grid-settings.scss`, be sure to `@import "bitters/bitters"` between Bourbon and Neat. Be sure to not include any of Neat's mixins or functions in the Bitters files when modifying Bitters. All additional stylesheets should be imported below Bitters:
|
26
26
|
|
27
27
|
```scss
|
28
28
|
@import "bourbon";
|
29
|
-
@import "neat";
|
30
29
|
@import "bitters/bitters";
|
30
|
+
@import "neat";
|
31
31
|
|
32
32
|
// All other imports
|
33
33
|
```
|
34
34
|
|
35
|
-
We suggest using [Normalize](http://necolas.github.io/normalize.css/) for a CSS reset with Bitters.
|
36
|
-
|
37
|
-
If you are using the Neat overrides found in `_grid-settings.scss`, `@import "bitters/grid-settings"` between Bourbon and Neat as directed by [Neats Documentation](https://github.com/thoughtbot/neat#getting-started).
|
38
35
|
|
39
|
-
|
40
|
-
@import "normalize";
|
41
|
-
@import "bourbon";
|
42
|
-
@import "bitters/grid-settings";
|
43
|
-
@import "neat";
|
44
|
-
@import "bitters/bitters";
|
36
|
+
We suggest using [Normalize](http://necolas.github.io/normalize.css/) for a CSS reset with Bitters.
|
45
37
|
|
46
|
-
// All other imports
|
47
|
-
```
|
48
38
|
|
49
39
|
Getting Started
|
50
40
|
===
|
@@ -82,7 +72,7 @@ Credits
|
|
82
72
|
|
83
73
|
![thoughtbot](http://thoughtbot.com/images/tm/logo.png)
|
84
74
|
|
85
|
-
|
75
|
+
Bitters is maintained and funded by [thoughtbot, inc](http://thoughtbot.com/community). Tweet your questions or suggestions at [@kylefiedler](https://twitter.com/kylefiedler).
|
86
76
|
|
87
77
|
License
|
88
78
|
===
|
@@ -1,5 +1,14 @@
|
|
1
|
+
// Neat Settings -- uncomment if using Neat
|
2
|
+
///////////////////////////////////////////////////////////////////////////////
|
3
|
+
// @import "neat-helpers"; // or "neat/neat-helpers" when not in Rails
|
4
|
+
// @import "grid-settings";
|
5
|
+
|
6
|
+
|
7
|
+
// Bitters
|
8
|
+
///////////////////////////////////////////////////////////////////////////////
|
1
9
|
@import "variables";
|
2
10
|
@import "extends/base";
|
11
|
+
@import "mixins/base";
|
3
12
|
@import "typography";
|
4
13
|
@import "forms";
|
5
14
|
@import "tables";
|
@@ -1,50 +1,11 @@
|
|
1
|
-
/* Success, error & notice boxes for messages and errors. */
|
2
|
-
%flash {
|
3
|
-
margin-bottom: $base-line-height / 2;
|
4
|
-
padding: $base-line-height / 2;
|
5
|
-
font-weight: bold;
|
6
|
-
}
|
7
|
-
|
8
1
|
.error, #flash_failure {
|
9
|
-
@
|
10
|
-
background: $error-color;
|
11
|
-
color: darken($error-color, 60);
|
12
|
-
|
13
|
-
a {
|
14
|
-
color: darken($error-color, 70);
|
15
|
-
|
16
|
-
&:hover {
|
17
|
-
color: darken($error-color, 90);
|
18
|
-
}
|
19
|
-
}
|
2
|
+
@include flash($error-color);
|
20
3
|
}
|
21
4
|
|
22
5
|
.notice, #flash_notice {
|
23
|
-
@
|
24
|
-
background: $notice-color;
|
25
|
-
color: darken($notice-color, 60);
|
26
|
-
|
27
|
-
a {
|
28
|
-
color: darken($notice-color, 70);
|
29
|
-
|
30
|
-
&:hover {
|
31
|
-
color: darken($notice-color, 90);
|
32
|
-
}
|
33
|
-
}
|
6
|
+
@include flash($notice-color);
|
34
7
|
}
|
35
8
|
|
36
|
-
|
37
9
|
.success, #flash_success {
|
38
|
-
@
|
39
|
-
background: $success-color;
|
40
|
-
color: darken($success-color, 60);
|
41
|
-
|
42
|
-
a {
|
43
|
-
color: darken($success-color, 70);
|
44
|
-
|
45
|
-
&:hover {
|
46
|
-
color: darken($success-color, 90);
|
47
|
-
}
|
48
|
-
}
|
10
|
+
@include flash($success-color);
|
49
11
|
}
|
50
|
-
|
@@ -47,6 +47,7 @@ textarea,
|
|
47
47
|
font-size: $form-font-size;
|
48
48
|
margin-bottom: $base-line-height / 2;
|
49
49
|
padding: ($base-line-height / 3) ($base-line-height / 3);
|
50
|
+
resize: vertical;
|
50
51
|
width: 100%;
|
51
52
|
|
52
53
|
&:hover {
|
@@ -69,6 +70,10 @@ input[type="checkbox"], input[type="radio"] {
|
|
69
70
|
margin-right: $base-line-height / 4;
|
70
71
|
}
|
71
72
|
|
73
|
+
input[type="file"] {
|
74
|
+
width: 100%;
|
75
|
+
}
|
76
|
+
|
72
77
|
select {
|
73
78
|
width: auto;
|
74
79
|
margin-bottom: $base-line-height;
|
@@ -7,9 +7,10 @@ body {
|
|
7
7
|
}
|
8
8
|
|
9
9
|
h1, h2, h3, h4, h5, h6 {
|
10
|
-
|
11
|
-
margin: 0;
|
10
|
+
font-family: $header-font-family;
|
12
11
|
line-height: 1.25em;
|
12
|
+
margin: 0;
|
13
|
+
text-rendering: optimizeLegibility; // Fix the character spacing for headings
|
13
14
|
}
|
14
15
|
|
15
16
|
h1 {
|
@@ -0,0 +1 @@
|
|
1
|
+
@import "flash";
|
@@ -0,0 +1,15 @@
|
|
1
|
+
@mixin flash($color) {
|
2
|
+
background: $color;
|
3
|
+
color: darken($color, 60);
|
4
|
+
font-weight: bold;
|
5
|
+
margin-bottom: $base-line-height / 2;
|
6
|
+
padding: $base-line-height / 2;
|
7
|
+
|
8
|
+
a {
|
9
|
+
color: darken($color, 70);
|
10
|
+
|
11
|
+
&:hover {
|
12
|
+
color: darken($color, 90);
|
13
|
+
}
|
14
|
+
}
|
15
|
+
}
|
data/lib/bitters/version.rb
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: bitters
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.9.
|
4
|
+
version: 0.9.2
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -10,7 +10,7 @@ authors:
|
|
10
10
|
autorequire:
|
11
11
|
bindir: bin
|
12
12
|
cert_chain: []
|
13
|
-
date: 2013-
|
13
|
+
date: 2013-12-06 00:00:00.000000000 Z
|
14
14
|
dependencies:
|
15
15
|
- !ruby/object:Gem::Dependency
|
16
16
|
name: bundler
|
@@ -115,6 +115,8 @@ files:
|
|
115
115
|
- app/assets/stylesheets/_variables.scss
|
116
116
|
- app/assets/stylesheets/extends/_base.scss
|
117
117
|
- app/assets/stylesheets/extends/_button.scss
|
118
|
+
- app/assets/stylesheets/mixins/_base.scss
|
119
|
+
- app/assets/stylesheets/mixins/_flash.scss
|
118
120
|
- bin/bitters
|
119
121
|
- bitters.gemspec
|
120
122
|
- lib/bitters.rb
|
@@ -135,7 +137,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
135
137
|
version: '0'
|
136
138
|
segments:
|
137
139
|
- 0
|
138
|
-
hash: -
|
140
|
+
hash: -4024612642079917483
|
139
141
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
140
142
|
none: false
|
141
143
|
requirements:
|
@@ -144,7 +146,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
144
146
|
version: '0'
|
145
147
|
segments:
|
146
148
|
- 0
|
147
|
-
hash: -
|
149
|
+
hash: -4024612642079917483
|
148
150
|
requirements: []
|
149
151
|
rubyforge_project:
|
150
152
|
rubygems_version: 1.8.25
|