bootswatch-rails 0.0.1

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.
data/.gitignore ADDED
@@ -0,0 +1,17 @@
1
+ *.gem
2
+ *.rbc
3
+ .bundle
4
+ .config
5
+ .yardoc
6
+ Gemfile.lock
7
+ InstalledFiles
8
+ _yardoc
9
+ coverage
10
+ doc/
11
+ lib/bundler/man
12
+ pkg
13
+ rdoc
14
+ spec/reports
15
+ test/tmp
16
+ test/version_tmp
17
+ tmp
data/Gemfile ADDED
@@ -0,0 +1,4 @@
1
+ source 'https://rubygems.org'
2
+
3
+ # Specify your gem's dependencies in bootswatch-rails.gemspec
4
+ gemspec
data/LICENSE ADDED
@@ -0,0 +1,22 @@
1
+ Copyright (c) 2012 Maxim Chernyak
2
+
3
+ MIT License
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining
6
+ a copy of this software and associated documentation files (the
7
+ "Software"), to deal in the Software without restriction, including
8
+ without limitation the rights to use, copy, modify, merge, publish,
9
+ distribute, sublicense, and/or sell copies of the Software, and to
10
+ permit persons to whom the Software is furnished to do so, subject to
11
+ the following conditions:
12
+
13
+ The above copyright notice and this permission notice shall be
14
+ included in all copies or substantial portions of the Software.
15
+
16
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
17
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
18
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
19
+ NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
20
+ LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
21
+ OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
22
+ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
data/README.md ADDED
@@ -0,0 +1,61 @@
1
+ # bootswatch-rails
2
+
3
+ This gem is meant to be used with [bootstrap-sass](https://github.com/thomas-mcdonald/bootstrap-sass). It gives you complete scss versions of [bootswatches](http://bootswatch.com) for use in your Rails 3 asset pipeline, just like bootstrap-sass gives you scss version of bootstrap itself.
4
+
5
+ ## Installation
6
+
7
+ Add this line to your application's Gemfile, in assets group:
8
+
9
+ gem 'bootswatch-rails'
10
+
11
+ And then execute:
12
+
13
+ $ bundle
14
+
15
+ ## Usage
16
+
17
+ When using bootstrap-sass, it's recommended to avoid sprockets in your stylesheets. In order to do that you simply rename your `application.css` file to `application.css.scss`, remove all sprockets comments, and instead use sass `@import` commands. These commands are smart enough to fully support asset pipeline load paths, thanks to `sass-rails` gem.
18
+
19
+ Here's approximately how your `application.css.scss` file should look like, considering that you're using [bootstrap-sass](https://github.com/thomas-mcdonald/bootstrap-sass).
20
+
21
+ // Example using journal bootswatch
22
+ //
23
+ // First import journal variables
24
+ @import "bootswatch/journal/variables";
25
+
26
+ // Then bootstrap itself
27
+ @import "bootstrap";
28
+
29
+ // Bootstrap body padding for fixed navbar
30
+ body { padding-top: 60px; }
31
+
32
+ // Responsive styles go here in case you want them
33
+ @import "bootstrap-responsive";
34
+
35
+ // And finally bootswatch style itself
36
+ @import "bootswatch/journal/bootswatch";
37
+
38
+ // Whatever application styles you have go last
39
+ @import "base";
40
+
41
+ ## Bootswatches
42
+
43
+ I'm converting/updating them as time permits. Here's what's included at this point.
44
+
45
+ * [journal](http://bootswatch.com/journal/)
46
+
47
+ ## Contributing
48
+
49
+ 1. Fork it
50
+ 2. Create your feature branch (`git checkout -b my-new-feature`)
51
+ 3. Commit your changes (`git commit -am 'Added some feature'`)
52
+ 4. Push to the branch (`git push origin my-new-feature`)
53
+ 5. Create new Pull Request
54
+
55
+ ## Credits
56
+
57
+ Big thanks to these guys.
58
+
59
+ [Thomas Park](http://github.com/thomaspark) for [bootswatch](http://bootswatch.com/)
60
+
61
+ [Thomas McDonald](http://github.com/thomas-mcdonald) for [bootstrap-sass](https://github.com/thomas-mcdonald/bootstrap-sass)
data/Rakefile ADDED
@@ -0,0 +1,2 @@
1
+ #!/usr/bin/env rake
2
+ require "bundler/gem_tasks"
@@ -0,0 +1,18 @@
1
+ # -*- encoding: utf-8 -*-
2
+ require File.expand_path('../lib/bootswatch-rails/version', __FILE__)
3
+
4
+ Gem::Specification.new do |gem|
5
+ gem.authors = ["Maxim Chernyak"]
6
+ gem.email = ["max@bitsonnet.com"]
7
+ gem.description = %q{Bootswatches converted to SCSS ready to use in Rails 3 asset pipeline.}
8
+ gem.summary = %q{Bootswatches in your Rails asset pipeline}
9
+ gem.homepage = "http://github.com/maxim/bootswatch-rails"
10
+
11
+ gem.add_dependency 'railties', '>= 3.1'
12
+
13
+ gem.files = `git ls-files`.split($\)
14
+ gem.executables = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
15
+ gem.name = "bootswatch-rails"
16
+ gem.require_paths = ["lib"]
17
+ gem.version = Bootswatch::Rails::VERSION
18
+ end
@@ -0,0 +1,8 @@
1
+ require 'bootswatch-rails/version'
2
+
3
+ module Bootswatch
4
+ module Rails
5
+ class Engine < ::Rails::Engine
6
+ end
7
+ end
8
+ end
@@ -0,0 +1,5 @@
1
+ module Bootswatch
2
+ module Rails
3
+ VERSION = "0.0.1"
4
+ end
5
+ end
@@ -0,0 +1,126 @@
1
+ // Bootswatch.less
2
+ // Swatch: Journal
3
+ // Version: 2.0.2
4
+ // -----------------------------------------------------
5
+
6
+ // SCAFFOLDING
7
+ // -----------------------------------------------------
8
+
9
+ a {
10
+ text-decoration: underline;
11
+ }
12
+
13
+ .nav a, .navbar .brand, .subnav a, a.btn {
14
+ text-decoration: none;
15
+ }
16
+
17
+ // TYPOGRAPHY
18
+ // -----------------------------------------------------
19
+
20
+ @import url('http://fonts.googleapis.com/css?family=Open+Sans:400,700');
21
+
22
+ h1, h2, h3, h4, h5, h6, .brand, .navbar, .subnav a, blockquote > p {
23
+ font-family: 'Open Sans', sans-serif;
24
+ color: $textColor;
25
+ }
26
+
27
+ h1, h2, h3, h4, h5, h6, .brand {
28
+ font-weight: 700;
29
+ }
30
+
31
+ // NAVBAR
32
+ // -----------------------------------------------------
33
+
34
+ .navbar .brand {
35
+ color: $navbarLinkColor;
36
+ text-shadow: none;
37
+ font-weight: bold;
38
+
39
+ &:hover {
40
+ background-color: #EEEEEE;
41
+ }
42
+ }
43
+
44
+ .navbar-inner {
45
+ border-top: 1px solid #E5E5E5;
46
+ $shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
47
+ @include box-shadow($shadow);
48
+ }
49
+
50
+ .navbar-inner, .navbar .dropdown-menu, div.subnav,
51
+ div.subnav .nav > li:first-child > a, div.subnav .nav > li:first-child > a:hover {
52
+ @include border-radius(0);
53
+ }
54
+
55
+ .navbar .nav > li > a {
56
+ text-shadow: none;
57
+ }
58
+
59
+ .navbar .nav .active > a,
60
+ .navbar .nav .active > a:hover {
61
+ color: $navbarLinkColor;
62
+ background-color: rgba(0, 0, 0, 0);
63
+ }
64
+
65
+ .navbar .nav .active > a:hover,
66
+ .navbar .nav > li > a:hover,
67
+ .navbar .nav-collapse.in .nav li > a:hover {
68
+ background-color: #EEEEEE;
69
+ }
70
+
71
+ .dropdown.open .dropdown-toggle {
72
+ color: $textColor;
73
+ }
74
+
75
+ .navbar .nav .dropdown-toggle .caret,
76
+ .navbar .nav .open.dropdown .caret {
77
+ border-top-color: $navbarLinkColor;
78
+ opacity: 1;
79
+ }
80
+
81
+ form.navbar-form, form.navbar-search {
82
+ border-top: 0px solid #eee;
83
+ border-bottom: 0px solid #eee;
84
+ }
85
+
86
+ .navbar-search .search-query,
87
+ .navbar-search .search-query:hover {
88
+ border: 1px solid $grayLighter;
89
+ color: $textColor;
90
+ @include placeholder($gray);
91
+ }
92
+
93
+ div.subnav {
94
+ background-color: $bodyBackground;
95
+ background-image: none;
96
+ $shadow: 0 1px 2px rgba(0,0,0,.25);
97
+ @include box-shadow($shadow);
98
+ }
99
+
100
+ .navbar .nav-collapse.in .nav li > a,
101
+ div.subnav .nav > li > a:hover,
102
+ div.subnav .nav > .active > a,
103
+ div.subnav .nav > .active > a:hover {
104
+ color: $textColor;
105
+ text-decoration: none;
106
+ font-weight: normal;
107
+ }
108
+
109
+ // BUTTONS
110
+ // -----------------------------------------------------
111
+
112
+ .btn-primary {
113
+ @include buttonBackground(lighten($linkColor, 5%), $linkColor);
114
+ }
115
+
116
+
117
+ // MISC
118
+ // -----------------------------------------------------
119
+
120
+ code, pre, pre.prettyprint, .well, .form-actions {
121
+ background-color: $grayLighter;
122
+ }
123
+
124
+ .table-bordered, .well, .prettyprint {
125
+ @include border-radius(0);
126
+ }
@@ -0,0 +1,203 @@
1
+ // Variables.less
2
+ // Variables to customize the look and feel of Bootstrap
3
+ // Swatch: Journal
4
+ // Version: 2.0.2
5
+ // -----------------------------------------------------
6
+
7
+
8
+
9
+ // GLOBAL VALUES
10
+ // --------------------------------------------------
11
+
12
+
13
+ // Grays
14
+ // -------------------------
15
+ $black: #000;
16
+ $grayDarker: #222;
17
+ $grayDark: #333;
18
+ $gray: #888;
19
+ $grayLight: #999;
20
+ $grayLighter: #eee;
21
+ $white: #fff;
22
+
23
+
24
+ // Accent colors
25
+ // -------------------------
26
+ $blue: #369;
27
+ $blueDark: darken($blue, 15%);
28
+ $green: #22B24C;
29
+ $red: #C00;
30
+ $yellow: #FCFADB;
31
+ $orange: #FF7F00;
32
+ $pink: #CC99CC;
33
+ $purple: #7a43b6;
34
+
35
+
36
+ // Scaffolding
37
+ // -------------------------
38
+ $bodyBackground: #FCFBFD;
39
+ $textColor: $grayDarker;
40
+
41
+
42
+ // Links
43
+ // -------------------------
44
+ $linkColor: $textColor;
45
+ $linkColorHover: $gray;
46
+
47
+
48
+ // Typography
49
+ // -------------------------
50
+ $baseFontSize: 14px;
51
+ $baseFontFamily: 'Open Sans', sans-serif;
52
+ $baseLineHeight: 18px;
53
+ $altFontFamily: Georgia, "Times New Roman", Times, serif;
54
+
55
+ $headingsFontFamily: inherit; // empty to use BS default, $baseFontFamily
56
+ $headingsFontWeight: bold; // instead of browser default, bold
57
+ $headingsColor: inherit; // empty to use BS default, $textColor
58
+
59
+
60
+ // Tables
61
+ // -------------------------
62
+ $tableBackground: transparent; // overall background-color
63
+ $tableBackgroundAccent: $grayLighter; // for striping
64
+ $tableBackgroundHover: #f5f5f5; // for hover
65
+ $tableBorder: #ddd; // table and cell border
66
+
67
+
68
+ // Buttons
69
+ // -------------------------
70
+ $btnBackground: $white;
71
+ $btnBackgroundHighlight: darken($white, 10%);
72
+ $btnBorder: darken($white, 20%);
73
+
74
+ $btnPrimaryBackground: $linkColor;
75
+ $btnPrimaryBackgroundHighlight: adjust-hue($btnPrimaryBackground, 15%);
76
+
77
+ $btnInfoBackground: #5bc0de;
78
+ $btnInfoBackgroundHighlight: #2f96b4;
79
+
80
+ $btnSuccessBackground: #62c462;
81
+ $btnSuccessBackgroundHighlight: #51a351;
82
+
83
+ $btnWarningBackground: lighten($orange, 15%);
84
+ $btnWarningBackgroundHighlight: $orange;
85
+
86
+ $btnDangerBackground: #ee5f5b;
87
+ $btnDangerBackgroundHighlight: #bd362f;
88
+
89
+ $btnInverseBackground: $gray;
90
+ $btnInverseBackgroundHighlight: $grayDarker;
91
+
92
+
93
+ // Forms
94
+ // -------------------------
95
+ $inputBackground: $white;
96
+ $inputBorder: #ccc;
97
+ $inputDisabledBackground: $grayLighter;
98
+
99
+
100
+ // Dropdowns
101
+ // -------------------------
102
+ $dropdownBackground: $bodyBackground;
103
+ $dropdownBorder: rgba(0,0,0,.2);
104
+ $dropdownLinkColor: $textColor;
105
+ $dropdownLinkColorHover: $textColor;
106
+ $dropdownLinkBackgroundHover: #eee;
107
+
108
+
109
+
110
+
111
+ // COMPONENT VARIABLES
112
+ // --------------------------------------------------
113
+
114
+ // Z-index master list
115
+ // -------------------------
116
+ // Used for a bird's eye view of components dependent on the z-axis
117
+ // Try to avoid customizing these :)
118
+ $zindexDropdown: 1000;
119
+ $zindexPopover: 1010;
120
+ $zindexTooltip: 1020;
121
+ $zindexFixedNavbar: 1030;
122
+ $zindexModalBackdrop: 1040;
123
+ $zindexModal: 1050;
124
+
125
+
126
+ // Sprite icons path
127
+ // -------------------------
128
+ $iconSpritePath: "../img/glyphicons-halflings.png";
129
+ $iconWhiteSpritePath: "../img/glyphicons-halflings-white.png";
130
+
131
+
132
+ // Input placeholder text color
133
+ // -------------------------
134
+ $placeholderText: $grayLight;
135
+
136
+
137
+ // Hr border color
138
+ // -------------------------
139
+ $hrBorder: $grayLighter;
140
+
141
+
142
+ // Navbar
143
+ // -------------------------
144
+ $navbarHeight: 40px;
145
+ $navbarBackground: $bodyBackground;
146
+ $navbarBackgroundHighlight: $bodyBackground;
147
+
148
+ $navbarText: $textColor;
149
+ $navbarLinkColor: $linkColor;
150
+ $navbarLinkColorHover: $linkColor;
151
+ $navbarLinkColorActive: $navbarLinkColorHover;
152
+ $navbarLinkBackgroundHover: transparent;
153
+ $navbarLinkBackgroundActive: $navbarBackground;
154
+
155
+ $navbarSearchBackground: lighten($navbarBackground, 25%);
156
+ $navbarSearchBackgroundFocus: $white;
157
+ $navbarSearchBorder: darken($navbarSearchBackground, 30%);
158
+ $navbarSearchPlaceholderColor: #ccc;
159
+
160
+
161
+ // Hero unit
162
+ // -------------------------
163
+ $heroUnitBackground: $grayLighter;
164
+ $heroUnitHeadingColor: inherit;
165
+ $heroUnitLeadColor: inherit;
166
+
167
+
168
+ // Form states and alerts
169
+ // -------------------------
170
+ $warningText: #c09853;
171
+ $warningBackground: #fcf8e3;
172
+ $warningBorder: darken(adjust-hue($warningBackground, -10), 3%);
173
+
174
+ $errorText: #b94a48;
175
+ $errorBackground: #f2dede;
176
+ $errorBorder: darken(adjust-hue($errorBackground, -10), 3%);
177
+
178
+ $successText: #468847;
179
+ $successBackground: #dff0d8;
180
+ $successBorder: darken(adjust-hue($successBackground, -10), 5%);
181
+
182
+ $infoText: #3a87ad;
183
+ $infoBackground: #d9edf7;
184
+ $infoBorder: darken(adjust-hue($infoBackground, -10), 7%);
185
+
186
+
187
+
188
+
189
+ // GRID
190
+ // --------------------------------------------------
191
+
192
+ // Default 940px grid
193
+ // -------------------------
194
+ $gridColumns: 12;
195
+ $gridColumnWidth: 60px;
196
+ $gridGutterWidth: 20px;
197
+ $gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1));
198
+
199
+
200
+ // Fluid grid
201
+ // -------------------------
202
+ $fluidGridColumnWidth: 6.382978723%;
203
+ $fluidGridGutterWidth: 2.127659574%;
metadata ADDED
@@ -0,0 +1,66 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: bootswatch-rails
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.0.1
5
+ prerelease:
6
+ platform: ruby
7
+ authors:
8
+ - Maxim Chernyak
9
+ autorequire:
10
+ bindir: bin
11
+ cert_chain: []
12
+ date: 2012-03-16 00:00:00.000000000 Z
13
+ dependencies:
14
+ - !ruby/object:Gem::Dependency
15
+ name: railties
16
+ requirement: &70306614549140 !ruby/object:Gem::Requirement
17
+ none: false
18
+ requirements:
19
+ - - ! '>='
20
+ - !ruby/object:Gem::Version
21
+ version: '3.1'
22
+ type: :runtime
23
+ prerelease: false
24
+ version_requirements: *70306614549140
25
+ description: Bootswatches converted to SCSS ready to use in Rails 3 asset pipeline.
26
+ email:
27
+ - max@bitsonnet.com
28
+ executables: []
29
+ extensions: []
30
+ extra_rdoc_files: []
31
+ files:
32
+ - .gitignore
33
+ - Gemfile
34
+ - LICENSE
35
+ - README.md
36
+ - Rakefile
37
+ - bootswatch-rails.gemspec
38
+ - lib/bootswatch-rails.rb
39
+ - lib/bootswatch-rails/version.rb
40
+ - vendor/assets/stylesheets/bootswatch/journal/_bootswatch.scss
41
+ - vendor/assets/stylesheets/bootswatch/journal/_variables.scss
42
+ homepage: http://github.com/maxim/bootswatch-rails
43
+ licenses: []
44
+ post_install_message:
45
+ rdoc_options: []
46
+ require_paths:
47
+ - lib
48
+ required_ruby_version: !ruby/object:Gem::Requirement
49
+ none: false
50
+ requirements:
51
+ - - ! '>='
52
+ - !ruby/object:Gem::Version
53
+ version: '0'
54
+ required_rubygems_version: !ruby/object:Gem::Requirement
55
+ none: false
56
+ requirements:
57
+ - - ! '>='
58
+ - !ruby/object:Gem::Version
59
+ version: '0'
60
+ requirements: []
61
+ rubyforge_project:
62
+ rubygems_version: 1.8.17
63
+ signing_key:
64
+ specification_version: 3
65
+ summary: Bootswatches in your Rails asset pipeline
66
+ test_files: []