bootswatch-rails 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
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: []