bootswatch-rails 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- data/.gitignore +17 -0
- data/Gemfile +4 -0
- data/LICENSE +22 -0
- data/README.md +61 -0
- data/Rakefile +2 -0
- data/bootswatch-rails.gemspec +18 -0
- data/lib/bootswatch-rails.rb +8 -0
- data/lib/bootswatch-rails/version.rb +5 -0
- data/vendor/assets/stylesheets/bootswatch/journal/_bootswatch.scss +126 -0
- data/vendor/assets/stylesheets/bootswatch/journal/_variables.scss +203 -0
- metadata +66 -0
data/.gitignore
ADDED
data/Gemfile
ADDED
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,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,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: []
|