helium-rails 0.0.2 → 0.0.3
Sign up to get free protection for your applications and to get access to all the features.
- data/README.md +1 -0
- data/lib/helium/rails/version.rb +1 -1
- data/vendor/assets/stylesheets/helium/config.scss +88 -88
- metadata +3 -3
data/README.md
CHANGED
data/lib/helium/rails/version.rb
CHANGED
|
@@ -1,134 +1,134 @@
|
|
|
1
1
|
// Colors
|
|
2
2
|
// ------
|
|
3
3
|
|
|
4
|
-
$gray-light: #999;
|
|
5
|
-
$gray: #444;
|
|
6
|
-
$gray-dark: #222;
|
|
7
|
-
$blue: #006699;
|
|
8
|
-
$facebook-blue: #3B5998;
|
|
9
|
-
$twitter-blue: #00ACED;
|
|
10
|
-
$red-dark: #A01D2B;
|
|
4
|
+
$gray-light: #999 !default;
|
|
5
|
+
$gray: #444 !default;
|
|
6
|
+
$gray-dark: #222 !default;
|
|
7
|
+
$blue: #006699 !default;
|
|
8
|
+
$facebook-blue: #3B5998 !default;
|
|
9
|
+
$twitter-blue: #00ACED !default;
|
|
10
|
+
$red-dark: #A01D2B !default;
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
// Grid
|
|
14
14
|
// -----
|
|
15
15
|
|
|
16
|
-
$page-width: 940px;
|
|
17
|
-
$column-count: 12;
|
|
18
|
-
$column-gutter: 20px;
|
|
19
|
-
$responsive-breakpoint: 767px;
|
|
20
|
-
$mobile-padding: 15px; // Distance from content to edge of screen on mobile
|
|
21
|
-
$tablet-padding: 20px; // Distance from content to edge of screen on tablet
|
|
16
|
+
$page-width: 940px !default;
|
|
17
|
+
$column-count: 12 !default;
|
|
18
|
+
$column-gutter: 20px !default;
|
|
19
|
+
$responsive-breakpoint: 767px !default;
|
|
20
|
+
$mobile-padding: 15px !default; // Distance from content to edge of screen on mobile
|
|
21
|
+
$tablet-padding: 20px !default; // Distance from content to edge of screen on tablet
|
|
22
22
|
|
|
23
23
|
// Typography
|
|
24
24
|
// ----------
|
|
25
25
|
|
|
26
|
-
$base-font-color : $gray;
|
|
27
|
-
$muted-font-color : $gray-light;
|
|
28
|
-
$base-font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
|
|
29
|
-
$base-font-size : 14px;
|
|
30
|
-
$base-line-height : 21px;
|
|
31
|
-
$small-font-size : 12px;
|
|
32
|
-
$small-line-height : 18px;
|
|
33
|
-
$heading-font-family : $base-font-family;
|
|
34
|
-
$heading-font-weight: 600;
|
|
35
|
-
$heading-color : $gray-dark;
|
|
36
|
-
$icon-size: 20px;
|
|
26
|
+
$base-font-color : $gray !default;
|
|
27
|
+
$muted-font-color : $gray-light !default;
|
|
28
|
+
$base-font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif !default;
|
|
29
|
+
$base-font-size : 14px !default;
|
|
30
|
+
$base-line-height : 21px !default;
|
|
31
|
+
$small-font-size : 12px !default;
|
|
32
|
+
$small-line-height : 18px !default;
|
|
33
|
+
$heading-font-family : $base-font-family !default;
|
|
34
|
+
$heading-font-weight: 600 !default;
|
|
35
|
+
$heading-color : $gray-dark !default;
|
|
36
|
+
$icon-size: 20px !default;
|
|
37
37
|
|
|
38
38
|
// Links
|
|
39
39
|
// -----
|
|
40
40
|
|
|
41
|
-
$link-color : $blue;
|
|
41
|
+
$link-color : $blue !default;
|
|
42
42
|
|
|
43
43
|
// Miscellaneous UI
|
|
44
44
|
// ----------------
|
|
45
45
|
|
|
46
|
-
$site-background-color: #fafafa;
|
|
47
|
-
$big-border-radius: 4px;
|
|
48
|
-
$small-border-radius: 4px;
|
|
49
|
-
$border-color: rgba(0,0,0,0.13);
|
|
50
|
-
$box-shadow: 0px 1px 1px rgba(0,0,0,0.08);
|
|
46
|
+
$site-background-color: #fafafa !default;
|
|
47
|
+
$big-border-radius: 4px !default;
|
|
48
|
+
$small-border-radius: 4px !default;
|
|
49
|
+
$border-color: rgba(0,0,0,0.13) !default;
|
|
50
|
+
$box-shadow: 0px 1px 1px rgba(0,0,0,0.08) !default;
|
|
51
51
|
|
|
52
52
|
// Buttons
|
|
53
53
|
// -------
|
|
54
54
|
|
|
55
|
-
$button-theme: glossy; // Required - can take values of glossy or flat
|
|
56
|
-
$button-height: 32px; // Total height of normal size button
|
|
57
|
-
$button-caret-height: 4px;
|
|
58
|
-
$button-font-color: $base-font-color;
|
|
59
|
-
$button-font-family: $heading-font-family;
|
|
60
|
-
$button-font-size: 12px;
|
|
61
|
-
$button-font-weight: 600;
|
|
62
|
-
$button-icon-size: 16px;
|
|
63
|
-
$button-solid-background: #e0e0e0; // Solid color for flat buttons and fallback
|
|
64
|
-
$button-highlight: #fbfbfb; // Top gradient stop for glossy theme
|
|
65
|
-
$button-lowlight: darken($button-highlight, 6%); // Bottom gradient stop for glossy theme
|
|
66
|
-
$button-border-color: rgba(0,0,0,0.2); // Border color - ignored when theme is flat, highly recommended to keep this as an alpha value of black
|
|
67
|
-
$button-border-width: 1px; // Border width - ignored when theme is flat
|
|
68
|
-
$button-shine: #fff; // 1px shine at top of button and inset text - ignored when theme is flat
|
|
69
|
-
$button-horizontal-padding: $button-font-size;
|
|
70
|
-
$button-border-radius: $small-border-radius;
|
|
71
|
-
$button-box-shadow: 0px 1px 1px rgba(0,0,0,0.08);
|
|
72
|
-
$button-large-height: 40px;
|
|
73
|
-
$button-large-font-size: 16px;
|
|
74
|
-
$button-large-horizontal-padding: 20px;
|
|
75
|
-
$button-small-height: 24px;
|
|
76
|
-
$button-small-font-size: 11px;
|
|
77
|
-
$button-small-horizontal-padding: 11px;
|
|
55
|
+
$button-theme: glossy !default; // Required - can take values of glossy or flat
|
|
56
|
+
$button-height: 32px !default; // Total height of normal size button
|
|
57
|
+
$button-caret-height: 4px !default;
|
|
58
|
+
$button-font-color: $base-font-color !default;
|
|
59
|
+
$button-font-family: $heading-font-family !default;
|
|
60
|
+
$button-font-size: 12px !default;
|
|
61
|
+
$button-font-weight: 600 !default;
|
|
62
|
+
$button-icon-size: 16px !default;
|
|
63
|
+
$button-solid-background: #e0e0e0 !default; // Solid color for flat buttons and fallback
|
|
64
|
+
$button-highlight: #fbfbfb !default; // Top gradient stop for glossy theme
|
|
65
|
+
$button-lowlight: darken($button-highlight, 6%) !default; // Bottom gradient stop for glossy theme
|
|
66
|
+
$button-border-color: rgba(0,0,0,0.2) !default; // Border color - ignored when theme is flat, highly recommended to keep this as an alpha value of black
|
|
67
|
+
$button-border-width: 1px !default; // Border width - ignored when theme is flat
|
|
68
|
+
$button-shine: #fff !default; // 1px shine at top of button and inset text - ignored when theme is flat
|
|
69
|
+
$button-horizontal-padding: $button-font-size !default;
|
|
70
|
+
$button-border-radius: $small-border-radius !default;
|
|
71
|
+
$button-box-shadow: 0px 1px 1px rgba(0,0,0,0.08) !default;
|
|
72
|
+
$button-large-height: 40px !default;
|
|
73
|
+
$button-large-font-size: 16px !default;
|
|
74
|
+
$button-large-horizontal-padding: 20px !default;
|
|
75
|
+
$button-small-height: 24px !default;
|
|
76
|
+
$button-small-font-size: 11px !default;
|
|
77
|
+
$button-small-horizontal-padding: 11px !default;
|
|
78
78
|
|
|
79
79
|
// Navbar
|
|
80
80
|
// ------
|
|
81
81
|
|
|
82
|
-
$navbar-background-color: $gray-dark;
|
|
83
|
-
$navbar-height: 50px;
|
|
84
|
-
$navbar-highlight: #99191C;
|
|
85
|
-
$navbar-lowlight: #6A111A;
|
|
86
|
-
$navbar-link-font-size: 14px;
|
|
87
|
-
$navbar-link-color: #fff;
|
|
88
|
-
$navbar-branding-font-size: 18px;
|
|
89
|
-
$navbar-caret-height: 5px;
|
|
90
|
-
$navbar-link-horizontal-padding: $navbar-link-font-size;
|
|
82
|
+
$navbar-background-color: $gray-dark !default;
|
|
83
|
+
$navbar-height: 50px !default;
|
|
84
|
+
$navbar-highlight: #99191C !default;
|
|
85
|
+
$navbar-lowlight: #6A111A !default;
|
|
86
|
+
$navbar-link-font-size: 14px !default;
|
|
87
|
+
$navbar-link-color: #fff !default;
|
|
88
|
+
$navbar-branding-font-size: 18px !default;
|
|
89
|
+
$navbar-caret-height: 5px !default;
|
|
90
|
+
$navbar-link-horizontal-padding: $navbar-link-font-size !default;
|
|
91
91
|
|
|
92
|
-
$vertical-nav-link-font-size: 16px;
|
|
93
|
-
$vertical-nav-link-height: 32px;
|
|
92
|
+
$vertical-nav-link-font-size: 16px !default;
|
|
93
|
+
$vertical-nav-link-height: 32px !default;
|
|
94
94
|
|
|
95
|
-
$mobile-nav-link-font-size: $base-font-size;
|
|
96
|
-
$mobile-nav-link-height: 30px;
|
|
95
|
+
$mobile-nav-link-font-size: $base-font-size !default;
|
|
96
|
+
$mobile-nav-link-height: 30px !default;
|
|
97
97
|
|
|
98
98
|
// Dropdowns
|
|
99
99
|
// ---------
|
|
100
100
|
|
|
101
|
-
$dropdown-background: #fff;
|
|
102
|
-
$dropdown-link-font-size: $base-font-size;
|
|
103
|
-
$dropdown-link-height: 24px;
|
|
104
|
-
$dropdown-caret-height: 5px;
|
|
105
|
-
$dropdown-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
|
|
101
|
+
$dropdown-background: #fff !default;
|
|
102
|
+
$dropdown-link-font-size: $base-font-size !default;
|
|
103
|
+
$dropdown-link-height: 24px !default;
|
|
104
|
+
$dropdown-caret-height: 5px !default;
|
|
105
|
+
$dropdown-box-shadow: 0px 1px 2px rgba(0,0,0,0.2) !default;
|
|
106
106
|
|
|
107
107
|
// Forms
|
|
108
108
|
// -----
|
|
109
109
|
|
|
110
|
-
$form-input-height: 30px;
|
|
111
|
-
$form-input-gutter: 20px;
|
|
112
|
-
$form-transition-duration: 0.2s;
|
|
113
|
-
$input-border-radius: 2px;
|
|
114
|
-
$placeholder-color: $muted-font-color;
|
|
115
|
-
$placeholder-focus-color: lighten($muted-font-color, 15%);
|
|
116
|
-
$radio-checkbox-input-height: 13px;
|
|
117
|
-
$radio-checkbox-item-height: $base-font-size * 2;
|
|
118
|
-
$radio-checkbox-font-size: $base-font-size;
|
|
119
|
-
$radio-checkbox-line-height: $base-line-height;
|
|
120
|
-
$single-checkbox-font-size: $small-font-size;
|
|
121
|
-
$error-color: $red-dark;
|
|
110
|
+
$form-input-height: 30px !default;
|
|
111
|
+
$form-input-gutter: 20px !default;
|
|
112
|
+
$form-transition-duration: 0.2s !default;
|
|
113
|
+
$input-border-radius: 2px !default;
|
|
114
|
+
$placeholder-color: $muted-font-color !default;
|
|
115
|
+
$placeholder-focus-color: lighten($muted-font-color, 15%) !default;
|
|
116
|
+
$radio-checkbox-input-height: 13px !default;
|
|
117
|
+
$radio-checkbox-item-height: $base-font-size * 2 !default;
|
|
118
|
+
$radio-checkbox-font-size: $base-font-size !default;
|
|
119
|
+
$radio-checkbox-line-height: $base-line-height !default;
|
|
120
|
+
$single-checkbox-font-size: $small-font-size !default;
|
|
121
|
+
$error-color: $red-dark !default;
|
|
122
122
|
|
|
123
123
|
// Modals
|
|
124
124
|
// ------
|
|
125
125
|
|
|
126
|
-
$modal-padding: 20px;
|
|
127
|
-
$modal-width: 400px;
|
|
126
|
+
$modal-padding: 20px !default;
|
|
127
|
+
$modal-width: 400px !default;
|
|
128
128
|
|
|
129
129
|
// Sprites
|
|
130
130
|
// -------
|
|
131
131
|
|
|
132
|
-
$sprite-color-size: 300px 300px;
|
|
133
|
-
$sprite-icons-white-size: 300px 300px;
|
|
134
|
-
$sprite-icons-black-size: 300px 300px;
|
|
132
|
+
$sprite-color-size: 300px 300px !default;
|
|
133
|
+
$sprite-icons-white-size: 300px 300px !default;
|
|
134
|
+
$sprite-icons-black-size: 300px 300px !default;
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: helium-rails
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.
|
|
4
|
+
version: 0.0.3
|
|
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-03-
|
|
12
|
+
date: 2013-03-17 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: rails
|
|
@@ -91,7 +91,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
|
91
91
|
version: '0'
|
|
92
92
|
segments:
|
|
93
93
|
- 0
|
|
94
|
-
hash: -
|
|
94
|
+
hash: -1052445350609730306
|
|
95
95
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
96
96
|
none: false
|
|
97
97
|
requirements:
|