bitters-compass 0.9.1 → 0.9.2

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.
Files changed (10) hide show
  1. data/stylesheets/bitters/_bitters.scss +9 -0
  2. data/stylesheets/bitters/_flashes.scss +3 -42
  3. data/stylesheets/bitters/_forms.scss +5 -0
  4. data/stylesheets/bitters/_grid-settings.scss +0 -2
  5. data/stylesheets/bitters/_tables.scss +2 -0
  6. data/stylesheets/bitters/_typography.scss +3 -2
  7. data/stylesheets/bitters/_variables.scss +3 -0
  8. data/stylesheets/bitters/mixins/_base.scss +1 -0
  9. data/stylesheets/bitters/mixins/_flash.scss +15 -0
  10. metadata +4 -2
data/stylesheets/bitters/_bitters.scss CHANGED
@@ -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";
data/stylesheets/bitters/_flashes.scss CHANGED
@@ -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
- @extend %flash;
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
- @extend %flash;
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
- @extend %flash;
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
-
data/stylesheets/bitters/_forms.scss CHANGED
@@ -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;
data/stylesheets/bitters/_grid-settings.scss CHANGED
@@ -1,5 +1,3 @@
1
- @import "neat-helpers"; // or "neat/neat-helpers" when not in Rails
2
-
3
1
  // Neat Overrides
4
2
  ///////////////////////////////////////////////////////////////////////////////
5
3
  // $column: 90px;
data/stylesheets/bitters/_tables.scss CHANGED
@@ -1,5 +1,7 @@
1
1
  table {
2
+ border-collapse: collapse;
2
3
  margin: ($base-line-height / 2) 0;
4
+ table-layout: fixed;
3
5
  width: 100%;
4
6
  }
5
7
 
data/stylesheets/bitters/_typography.scss CHANGED
@@ -7,9 +7,10 @@ body {
7
7
  }
8
8
 
9
9
  h1, h2, h3, h4, h5, h6 {
10
- text-rendering: optimizeLegibility; // Fix the character spacing for headings
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 {
data/stylesheets/bitters/_variables.scss CHANGED
@@ -23,6 +23,9 @@ $light-red: #FBE3E4;
23
23
  $light-yellow: #FFF6BF;
24
24
  $light-green: #E6EFC2;
25
25
 
26
+ // Body Color
27
+ $base-body-color: white;
28
+
26
29
  // Font Colors
27
30
  $base-font-color: $dark-gray;
28
31
  $base-accent-color: $blue;
data/stylesheets/bitters/mixins/_base.scss ADDED
@@ -0,0 +1 @@
1
+ @import "flash";
data/stylesheets/bitters/mixins/_flash.scss ADDED
@@ -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
+ }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: bitters-compass
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.9.1
4
+ version: 0.9.2
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2013-10-24 00:00:00.000000000 Z
12
+ date: 2013-12-06 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: compass
@@ -92,6 +92,8 @@ files:
92
92
  - stylesheets/bitters/_variables.scss
93
93
  - stylesheets/bitters/extends/_base.scss
94
94
  - stylesheets/bitters/extends/_button.scss
95
+ - stylesheets/bitters/mixins/_base.scss
96
+ - stylesheets/bitters/mixins/_flash.scss
95
97
  homepage: https://github.com/jedfoster/bitters-compass
96
98
  licenses: []
97
99
  post_install_message: