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 +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: []
|