Commit 20e2d908 authored by Thomas Park's avatar Thomas Park

first commit for 3.0.0-rc1

parent 55f9c2ce
bootswatch.com
\ No newline at end of file
module.exports = function (grunt) {
grunt.loadNpmTasks('grunt-recess');
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-contrib-clean');
grunt.loadNpmTasks('grunt-contrib-watch');
// Project configuration.
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
builddir: '.',
meta: {
banner: '/**\n' +
' * <%= pkg.description %>\n' +
' * @version v<%= pkg.version %> - ' +
'<%= grunt.template.today("yyyy-mm-dd") %>\n' +
' * @link <%= pkg.homepage %>\n' +
' * @license <%= pkg.license %>' + ' */'
},
swatch: {
amelia:{}, cerulean:{}, cosmo:{}, cyborg:{}, flatly:{}, journal:{},
readable:{}, simplex:{}, slate:{}, spacelab:{}, superhero:{}, united:{}
},
clean: {
build: {
src: ['*/build.less', '!global/build.less']
}
},
concat: {
dist: {
src: [],
dest: ''
}
},
recess: {
dist: {
options: {
compile: true,
compress: false
},
files: {}
}
}
});
grunt.registerTask('none', function() {});
grunt.registerTask('build', 'build a regular theme', function(theme, compress) {
var compress = compress == undefined ? true : compress;
var concatSrc;
var concatDest;
var recessDest;
var recessSrc;
var files = {};
var dist = {};
concatSrc = 'global/build.less';
concatDest = theme + '/build.less';
recessDest = '<%=builddir%>/' + theme + '/bootstrap.css';
recessSrc = [ theme + '/' + 'build.less' ];
dist = {src: concatSrc, dest: concatDest};
grunt.config('concat.dist', dist);
files = {}; files[recessDest] = recessSrc;
grunt.config('recess.dist.files', files);
grunt.config('recess.dist.options.compress', false);
grunt.task.run(['concat', 'recess:dist', 'clean:build',
compress ? 'compress:'+recessDest+':'+'<%=builddir%>/' + theme + '/bootstrap.min.css':'none']);
});
grunt.registerTask('compress', 'compress a generic css', function(fileSrc, fileDst) {
var files = {}; files[fileDst] = fileSrc;
grunt.log.writeln('compressing file ' + fileSrc);
grunt.config('recess.dist.files', files);
grunt.config('recess.dist.options.compress', true);
grunt.task.run(['recess:dist']);
});
grunt.registerMultiTask('swatch', 'build a theme', function() {
var t = this.target;
grunt.task.run('build:'+t);
});
grunt.registerTask('default', 'build a theme', function() {
grunt.task.run('swatch');
});
};
\ No newline at end of file
This diff is collapsed.
Bootswatch
==========
Bootswatch is a collection of free themes for [Twitter Bootstrap](http://twitter.github.com/bootstrap/). Check it out at [bootswatch.com](http://bootswatch.com).
Usage
-----
Head over to [Bootswatch](http://bootswatch.com) and download the `bootstrap.min.css` file associated with a theme. Replace Bootstrap's stylesheet with this file.
The themes are also hosted on [BootstrapCDN](http://www.bootstrapcdn.com/).
For use with Rails, check out [bootswatch-rails](https://github.com/maxim/bootswatch-rails) (Sass) and [twitter-bootswatch-rails](https://github.com/scottvrosenthal/twitter-bootswatch-rails) (LESS). For use with a Yeoman app or with Bower check out [bootswatch-scss](https://github.com/nrub/bootswatch-scss).
Customization
------
Bootswatch is an open source project, and you’re welcome to modify the themes further. If you’re interested, fork or follow the GitHub repository. The files of interest are in the `gh-pages` branch.
Each raw theme consists of two LESS files. One is `variables.less`, which is included by default in Bootstrap and allows you to customize [these settings](http://twitter.github.io/bootstrap/customize.html#variables). The other is called `bootswatch.less` and introduces more extensive structural changes.
Check out the README in the [swatchmaker directory](https://github.com/thomaspark/bootswatch/tree/master/swatchmaker) for step-by-step instructions on building your own swatch.
API
-----
A simple API is available for integrating your platform with Bootswatch.
The swatch objects are housed in an array called `themes`, and each swatch has the following properties: `name`, `description`, `preview`, `thumbnail`, `css`, `css-min`, `less`, and `less-variables`.
CORS and JSONP are supported. Send your request to `http://api.bootswatch.com`.
A simple demo, using mustache.js for templating: http://jsbin.com/asowud/1/edit
Feedback
------
Please send feedback to thomas@thomaspark.me. For more information, visit http://thomaspark.me/2012/02/introducing-bootswatch/.
Author
------
[Thomas Park](http://github.com/thomaspark)
+ http://thomaspark.me
Thanks
------
[Mark Otto](http://github.com/markdotto) and [Jacob Thornton](http://github.com/fat) for [Bootstrap](https://github.com/twitter/bootstrap).
[James Taylor](http://github.com/jostylr) for [cors-lite](https://github.com/jostylr/cors-lite).
[Zack Maril](http://github.com/zmaril) for [bootswatch/swatchmaker/watcher.rb](https://github.com/thomaspark/bootswatch/blob/master/swatchmaker/watcher.rb).
[Gerald Hiller](https://twitter.com/geraldhiller) for the favicon.
Copyright and License
----
Copyright 2012 Thomas Park
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
This diff is collapsed.
This diff is collapsed.
// Amelia 3.0.0
// Bootswatch
// -----------------------------------------------------
@import url("//fonts.googleapis.com/css?family=Lobster|Cabin:400,700");
// Navbar =====================================================================
.navbar {
&-brand {
font-family: 'Lobster', cursive;
}
}
// Buttons ====================================================================
.btn {
.caret {
border-top-color: #fff;
}
}
.btn-default {
&:hover {
color: @btn-default-color;
}
.caret {
border-top-color: @btn-default-color;
}
}
// Typography =================================================================
h1, h2, h3, h4, h5, h6 {
font-family: 'Lobster', cursive;
}
.text-primary {
color: lighten(@brand-primary, 40%);
}
.text-success {
color: lighten(@brand-success, 20%);
}
.text-danger {
color: lighten(@brand-danger, 20%);
}
.text-warning {
color: lighten(@brand-warning, 20%);
}
.text-info {
color: lighten(@brand-info, 40%);
}
// Tables =====================================================================
// Forms ======================================================================
.has-warning {
.help-block,
.control-label {
color: lighten(@brand-warning, 20%);
}
.form-control,
.form-control:focus {
border-color: lighten(@brand-warning, 20%);
}
}
.has-error {
.help-block,
.control-label {
color: lighten(@brand-primary, 40%);
}
.form-control,
.form-control:focus {
border-color: lighten(@brand-primary, 40%);
}
}
.has-success {
.help-block,
.control-label {
color: lighten(@brand-success, 20%);
}
.form-control,
.form-control:focus {
border-color: lighten(@brand-success, 20%);
}
}
legend {
font-family: 'Lobster', cursive;
color: #fff;
}
.input-group-addon {
color: @btn-default-color;
}
// Navs =======================================================================
.pagination {
a:hover {
color: #fff;
}
}
.pager {
a:hover {
color: #fff;
}
}
// Indicators =================================================================
// Progress bars ==============================================================
// Containers =================================================================
.list-group-item {
background-color: lighten(@body-bg, 5%);
}
This diff is collapsed.
This diff is collapsed.
{
"version": "3.0.0",
"themes": [
{
"name": "Amelia",
"description": "Sweet and cheery.",
"thumbnail": "http://bootswatch.com/amelia/thumbnail.png",
"preview": "http://bootswatch.com/amelia/",
"css": "http://bootswatch.com/amelia/bootstrap.css",
"css-min": "http://bootswatch.com/amelia/bootstrap.min.css",
"cssMin": "http://bootswatch.com/amelia/bootstrap.min.css",
"less": "http://bootswatch.com/amelia/bootswatch.less",
"less-variables": "http://bootswatch.com/amelia/variables.less",
"lessVariables": "http://bootswatch.com/amelia/variables.less"
},
{
"name": "Cerulean",
"description": "A calm blue sky.",
"thumbnail": "http://bootswatch.com/cerulean/thumbnail.png",
"preview": "http://bootswatch.com/cerulean/",
"css": "http://bootswatch.com/cerulean/bootstrap.css",
"css-min": "http://bootswatch.com/cerulean/bootstrap.min.css",
"cssMin": "http://bootswatch.com/cerulean/bootstrap.min.css",
"less": "http://bootswatch.com/cerulean/bootswatch.less",
"less-variables": "http://bootswatch.com/cerulean/variables.less",
"lessVariables": "http://bootswatch.com/cerulean/variables.less"
},
{
"name": "Cosmo",
"description": "An ode to Metro.",
"thumbnail": "http://bootswatch.com/cosmo/thumbnail.png",
"preview": "http://bootswatch.com/cosmo/",
"css": "http://bootswatch.com/cosmo/bootstrap.css",
"css-min": "http://bootswatch.com/cosmo/bootstrap.min.css",
"cssMin": "http://bootswatch.com/cosmo/bootstrap.min.css",
"less": "http://bootswatch.com/cosmo/bootswatch.less",
"less-variables": "http://bootswatch.com/cosmo/variables.less",
"lessVariables": "http://bootswatch.com/cosmo/variables.less"
},
{
"name": "Cyborg",
"description": "Jet black and electric blue.",
"thumbnail": "http://bootswatch.com/cyborg/thumbnail.png",
"preview": "http://bootswatch.com/cyborg/",
"css": "http://bootswatch.com/cyborg/bootstrap.css",
"css-min": "http://bootswatch.com/cyborg/bootstrap.min.css",
"cssMin": "http://bootswatch.com/cyborg/bootstrap.min.css",
"less": "http://bootswatch.com/cyborg/bootswatch.less",
"less-variables": "http://bootswatch.com/cyborg/variables.less",
"lessVariables": "http://bootswatch.com/cyborg/variables.less"
},
{
"name": "Flatly",
"description": "Flat and modern.",
"thumbnail": "http://bootswatch.com/flatly/thumbnail.png",
"preview": "http://bootswatch.com/flatly/",
"css": "http://bootswatch.com/flatly/bootstrap.css",
"css-min": "http://bootswatch.com/flatly/bootstrap.min.css",
"cssMin": "http://bootswatch.com/flatly/bootstrap.min.css",
"less": "http://bootswatch.com/flatly/bootswatch.less",
"less-variables": "http://bootswatch.com/flatly/variables.less",
"lessVariables": "http://bootswatch.com/flatly/variables.less"
},
{
"name": "Journal",
"description": "Crisp like a new sheet of paper.",
"thumbnail": "http://bootswatch.com/journal/thumbnail.png",
"preview": "http://bootswatch.com/journal/",
"css": "http://bootswatch.com/journal/bootstrap.css",
"css-min": "http://bootswatch.com/journal/bootstrap.min.css",
"cssMin": "http://bootswatch.com/journal/bootstrap.min.css",
"less": "http://bootswatch.com/journal/bootswatch.less",
"less-variables": "http://bootswatch.com/journal/variables.less",
"lessVariables": "http://bootswatch.com/journal/variables.less"
},
{
"name": "Readable",
"description": "Optimized for legibility.",
"thumbnail": "http://bootswatch.com/readable/thumbnail.png",
"preview": "http://bootswatch.com/readable/",
"css": "http://bootswatch.com/readable/bootstrap.css",
"css-min": "http://bootswatch.com/readable/bootstrap.min.css",
"cssMin": "http://bootswatch.com/readable/bootstrap.min.css",
"less": "http://bootswatch.com/readable/bootswatch.less",
"less-variables": "http://bootswatch.com/readable/variables.less",
"lessVariables": "http://bootswatch.com/readable/variables.less"
},
{
"name": "Simplex",
"description": "Mini and minimalist.",
"thumbnail": "http://bootswatch.com/simplex/thumbnail.png",
"preview": "http://bootswatch.com/simplex/",
"css": "http://bootswatch.com/simplex/bootstrap.css",
"css-min": "http://bootswatch.com/simplex/bootstrap.min.css",
"cssMin": "http://bootswatch.com/simplex/bootstrap.min.css",
"less": "http://bootswatch.com/simplex/bootswatch.less",
"less-variables": "http://bootswatch.com/simplex/variables.less",
"lessVariables": "http://bootswatch.com/simplex/variables.less"
},
{
"name": "Slate",
"description": "Shades of gunmetal gray.",
"thumbnail": "http://bootswatch.com/slate/thumbnail.png",
"preview": "http://bootswatch.com/slate/",
"css": "http://bootswatch.com/slate/bootstrap.css",
"css-min": "http://bootswatch.com/slate/bootstrap.min.css",
"cssMin": "http://bootswatch.com/slate/bootstrap.min.css",
"less": "http://bootswatch.com/slate/bootswatch.less",
"less-variables": "http://bootswatch.com/slate/variables.less",
"lessVariables": "http://bootswatch.com/slate/variables.less"
},
{
"name": "Spacelab",
"description": "Silvery and sleek.",
"thumbnail": "http://bootswatch.com/spacelab/thumbnail.png",
"preview": "http://bootswatch.com/spacelab/",
"css": "http://bootswatch.com/spacelab/bootstrap.css",
"css-min": "http://bootswatch.com/spacelab/bootstrap.min.css",
"cssMin": "http://bootswatch.com/spacelab/bootstrap.min.css",
"less": "http://bootswatch.com/spacelab/bootswatch.less",
"less-variables": "http://bootswatch.com/spacelab/variables.less",
"lessVariables": "http://bootswatch.com/spacelab/variables.less"
},
{
"name": "Superhero",
"description": "Batman meets Aquaman",
"thumbnail": "http://bootswatch.com/superhero/thumbnail.png",
"preview": "http://bootswatch.com/superhero/",
"css": "http://bootswatch.com/superhero/bootstrap.css",
"css-min": "http://bootswatch.com/superhero/bootstrap.min.css",
"cssMin": "http://bootswatch.com/superhero/bootstrap.min.css",
"less": "http://bootswatch.com/superhero/bootswatch.less",
"less-variables": "http://bootswatch.com/superhero/variables.less",
"lessVariables": "http://bootswatch.com/superhero/variables.less"
},
{
"name": "United",
"description": "Ubuntu orange and unique font.",
"thumbnail": "http://bootswatch.com/united/thumbnail.png",
"preview": "http://bootswatch.com/united/",
"css": "http://bootswatch.com/united/bootstrap.css",
"css-min": "http://bootswatch.com/united/bootstrap.min.css",
"cssMin": "http://bootswatch.com/united/bootstrap.min.css",
"less": "http://bootswatch.com/united/bootswatch.less",
"less-variables": "http://bootswatch.com/united/variables.less",
"lessVariables": "http://bootswatch.com/united/variables.less"
}
]
}
body{padding-top:50px}
#banner{border-bottom:none}
.page-header h1{font-size:4em}
.bs-docs-section{margin-top:8em}
.affix{top:70px}
footer{margin:5em 0}footer li{float:left;margin-right:1.5em;margin-bottom:1.5em}
footer p{clear:left;margin-bottom:0}
.splash{padding:2em 0 2em;text-align:center}.splash h1{font-size:4em}
.splash #social{margin-top:4em;margin-bottom:2em}
.section-tout{padding:3em 0 4em;background-color:#e2f2f3}
.section-preview{padding:4em 0 4em}
.preview{margin-bottom:4em}.preview .image{width:100%}
.preview .options{padding:1em;background-color:#eee;background-color:#e2f2f3}
.bsa .one .bsa_it_ad{border:none !important;background-color:transparent !important}.bsa .one .bsa_it_ad .bsa_it_t,.bsa .one .bsa_it_ad .bsa_it_d{color:inherit !important}
.bsa .one .bsa_it_p{display:none}
$('[data-toggle="tooltip"]').tooltip();
\ No newline at end of file
(function(){
var bsa = document.createElement('script');
bsa.type = 'text/javascript';
bsa.async = true;
bsa.src = 'http://s3.buysellads.com/ac/bsa.js';
(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
})();
\ No newline at end of file
body {
padding-top: 50px;
}
#banner {
border-bottom: none;
}
.page-header {
h1 {
font-size: 4em;
}
}
.bs-docs-section {
margin-top: 8em;
}
.affix {
top: 70px;
}
footer {
margin: 5em 0;
li {
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
}
p {
clear: left;
margin-bottom: 0;
}
}
.splash {
padding: 2em 0 2em;
text-align: center;
h1 {
font-size: 4em;
}
#social {
margin-top: 4em;
margin-bottom: 2em;
}
}
.section-tout {
padding: 3em 0 4em;
background-color: #E2F2F3;
// background-color: #2C3E50;
// color: #fff;
}
.section-preview {
padding: 4em 0 4em;
// background-color: #E2F2F3;
}
.preview {
margin-bottom: 4em;
.image {
width: 100%;
}
.options {
padding: 1em;
background-color: #eee;
background-color: #E2F2F3;
}
}
.bsa .one {
.bsa_it_ad {
border: none !important;
background-color: transparent !important;
.bsa_it_t,
.bsa_it_d {
color: inherit !important;
}
}
.bsa_it_p {
display: none;
}
}
\ No newline at end of file
{
"name": "bootswatch",
"description": "Bootswatch is a collection of themes for Bootstrap.",
"version": "3.0.0",
"author": "Thomas Park",
"homepage": "http://bootswatch.com",
"repository": {
"type": "git",
"url": "git://github.com/thomaspark/bootswatch.git"
},
"dependencies": {
"bootstrap": "~3.0.0",
"font-awesome": "~3.2.0"
},
"licenses": [
{
"type": "Apache-2.0",
"url": "http://www.apache.org/licenses/LICENSE-2.0"
}
]
}
This diff is collapsed.
This diff is collapsed.
// Cerulean 3.0.0
// Bootswatch
// -----------------------------------------------------
.btn-shadow(@color) {
#gradient > .vertical-three-colors(lighten(@color, 8%), @color, 60%, darken(@color, 4%));
border-bottom: 1px solid darken(@color, 10%);
}
// Navbar =====================================================================
.navbar {
.btn-shadow(@navbar-bg);
.box-shadow(0 1px 10px rgba(0, 0, 0, 0.1));
.navbar-nav > li > a,
&-brand {
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
}
.navbar-inverse {
#gradient > .vertical-three-colors(lighten(@navbar-inverse-bg, 8%), @navbar-inverse-bg, 60%, darken(@navbar-inverse-bg, 4%));
border-bottom: 1px solid darken(@navbar-inverse-bg, 10%);
}
// Buttons ====================================================================
.btn {
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
.caret {
border-top-color: #fff;
}
}
.btn-default {