diff options
| author | Corey Sewell <corey@gdmedia.tv> | 2014-11-14 20:40:27 +1300 |
|---|---|---|
| committer | Corey Sewell <corey@gdmedia.tv> | 2014-11-14 20:44:05 +1300 |
| commit | 28bd7c0707e3a29f4f74fbdeab88beaa81cd06d4 (patch) | |
| tree | 2d1f7e7bfaf049f0829f0896d3b0e7c3c16b7a63 | |
| parent | 3f867ba1163807a2d43f33ba8d38b5947c45b6fe (diff) | |
Add support for SASS/SCSS
Refactored less files to be more scss friendly
* Ensured no variables are used before assignment
* Removed interpolated variable usage with similar substitute
Added SCSS Grunt tasks
* convert_less - Converts theme less files to scss
* swatch_scss - Same as original swatch task, but using sass
* compress_scss - Same as original compress task, but using sass
Added dependencies for SCSS
Updated _config.yml so jekyll includes theme _bootswatch.scss and _variables.scss files
Added .sass-cache dir to .gitignore
155 files changed, 31746 insertions, 132 deletions
@@ -4,3 +4,4 @@ node_modules build _site *.lock +.sass-cache/ diff --git a/Gruntfile.js b/Gruntfile.js index 7abe1795..247d3c40 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -1,6 +1,7 @@ module.exports = function (grunt) { grunt.loadNpmTasks('grunt-autoprefixer'); grunt.loadNpmTasks('grunt-contrib-less'); + grunt.loadNpmTasks('grunt-contrib-sass'); grunt.loadNpmTasks('grunt-contrib-concat'); grunt.loadNpmTasks('grunt-contrib-connect'); grunt.loadNpmTasks('grunt-contrib-clean'); @@ -28,7 +29,7 @@ module.exports = function (grunt) { }, clean: { build: { - src: ['*/build.less', '!global/build.less'] + src: ['*/build.less', '*/build.scss', '!global/build.less', '!global/build.scss'] } }, concat: { @@ -118,6 +119,40 @@ module.exports = function (grunt) { compress ? 'compress:'+lessDest+':'+'<%=builddir%>/' + theme + '/bootstrap.min.css':'none']); }); +grunt.registerTask('build_scss', 'build a regular theme from scss', function(theme, compress) { + var theme = theme == undefined ? grunt.config('buildtheme') : theme; + var compress = compress == undefined ? true : compress; + + var isValidTheme = grunt.file.exists(theme, '_variables.scss') && grunt.file.exists(theme, '_bootswatch.scss'); + + // cancel the build (without failing) if this directory is not a valid theme + if (!isValidTheme) { + return; + } + var concatSrc; + var concatDest; + var scssDest; + var scssSrc; + var files = {}; + var dist = {}; + concatSrc = 'global/build.scss'; + concatDest = theme + '/build.scss'; + scssDest = '<%=builddir%>/' + theme + '/bootstrap.css'; + scssSrc = [theme + '/' + 'build.scss']; + + dist = {src: concatSrc, dest: concatDest}; + grunt.config('concat.dist', dist); + files = {}; + files[scssDest] = scssSrc; + grunt.config('sass.dist.files', files); + grunt.config('sass.dist.options.style', 'expanded'); + grunt.config('sass.dist.options.precision', 8); + grunt.config('sass.dist.options.unix-newlines', true); + + grunt.task.run(['concat', 'sass:dist', 'prefix:' + scssDest, 'clean:build', + compress ? 'compress_scss:' + scssDest + ':' + '<%=builddir%>/' + theme + '/bootstrap.min.css' : 'none']); + }); + grunt.registerTask('prefix', 'autoprefix a generic css', function(fileSrc) { grunt.config('autoprefixer.dist.src', fileSrc); grunt.task.run('autoprefixer'); @@ -132,18 +167,78 @@ module.exports = function (grunt) { grunt.task.run(['less:dist']); }); + grunt.registerTask('compress_scss', 'compress a generic css with sass', function(fileSrc, fileDst) { + var files = {}; files[fileDst] = fileSrc; + grunt.log.writeln('compressing file ' + fileSrc); + + grunt.config('sass.dist.files', files); + grunt.config('sass.dist.options.style', 'compressed'); + grunt.task.run(['sass:dist']); + }); + grunt.registerMultiTask('swatch', 'build a theme', function() { var t = this.target; grunt.task.run('build:'+t); }); + grunt.registerTask('swatch_scss', 'build a theme from scss ', function (theme) { + var t = theme; + if (!t) { + for (var t in grunt.config('swatch')) { + grunt.task.run('build_scss:' + t); + } + } else { + grunt.task.run('build_scss:' + t); + } + }); + grunt.event.on('watch', function(action, filepath) { var path = require('path'); var theme = path.dirname(filepath); grunt.config('buildtheme', theme); }); - grunt.registerTask('server', 'connect:keepalive') + /** + * Regex borrowed form + * https://gist.github.com/rosskevin/ddfe895091de2ca5f931 + * */ + grunt.registerTask('convert_less', 'Convert less to scss using regular expression', function () { + var convertBaseDir = ''; + grunt.file.expand(convertBaseDir + '*/*.less').forEach(function (lessFile) { + if (lessFile !=="global/build.less"){ + var srcContents = grunt.file.read(lessFile); + var out = srcContents + // 1. replace @ with $ + .replace(/@(?!import|media|keyframes|-)/g, '$') + // 2. replace mixins + .replace(/[\.#](?![0-9])([\w\-]*)\s*\((.*)\)\s*\{/g, '@mixin $1($2){') + // 3. In LESS, bootstrap namespaces mixins, in SASS they are just prefixed e.g #gradient > .vertical-three-colors becomes @include gradient-vertical-three-colors + .replace(/[\.#](?![0-9])([\w\-]*)\s>\s\.(.*;)/g, '@include $1-$2') + // 4. replace includes + .replace(/[\.#](?![0-9])([\w\-].*\(.*;)/g, '@include $1') + // 5. replace no param mixin includes with empty parens + .replace(/@include\s([\w\-]*\s*);/g, '@include $1();') + // 6. replace extends .class; @extend .class; + .replace(/(\.(?![0-9])([\w\-]+);)/g, '@extend $1') + // 7. replace string literals + .replace(/~"(.*)"/g, '#{"$1"}') + // 8. replace interpolation ${var} > #{$var} + .replace(/\$\{(.*)\}/g, '#{$$$1}') + // 9. replace spin to adjust-hue (function name diff) + .replace(/spin\(/g, 'adjust-hue(') + // 10. replace bower and imports in build.scss + .replace(/bootstrap\/less\//g, 'bootstrap-sass-official/assets/stylesheets/') + .replace(/\.less/g, ''); + + var baseDirRegex = new RegExp("^" + convertBaseDir, "g"); + var sassFile = lessFile.replace(baseDirRegex, '').replace(/\.less$/, '.scss').replace(/(bootswatch|variables)/, '_$1'); + grunt.file.write(sassFile, out); + grunt.log.writeln('Converted less file: ', lessFile, Array(27 - lessFile.length).join(' '),'> ', sassFile); + } + }); + }); + + grunt.registerTask('server', 'connect:keepalive'); grunt.registerTask('default', ['connect:base', 'watch']); }; diff --git a/_config.yml b/_config.yml index 26bd196c..0f94a048 100644 --- a/_config.yml +++ b/_config.yml @@ -1 +1,2 @@ exclude: ["src", "node_modules", "bower.json", "bower_components/font-awesome/src", "composer.json", "package.json", "README.md", "LICENSE", "Gruntfile.js", "Gemfile"] +include: ["_bootswatch.scss","_variables.scss"] @@ -32,7 +32,8 @@ "*/index.html" ], "dependencies": { - "bootstrap": "~3.3.0" + "bootstrap": "~3.3.0", + "bootstrap-sass-official": "~3.3.1" }, "devDependencies": { "font-awesome": "~4.0.0", diff --git a/bower_components/bootstrap-sass-official/.bower.json b/bower_components/bootstrap-sass-official/.bower.json new file mode 100644 index 00000000..8adff0ea --- /dev/null +++ b/bower_components/bootstrap-sass-official/.bower.json @@ -0,0 +1,59 @@ +{ + "name": "bootstrap-sass", + "version": "3.3.1", + "homepage": "https://github.com/twbs/bootstrap-sass", + "authors": [ + "Thomas McDonald", + "Tristan Harward", + "Peter Gumeson", + "Gleb Mazovetskiy" + ], + "description": "bootstrap-sass is a Sass-powered version of Bootstrap, ready to drop right into your Sass powered applications.", + "main": [ + "assets/stylesheets/_bootstrap.scss", + "assets/fonts/bootstrap/glyphicons-halflings-regular.eot", + "assets/fonts/bootstrap/glyphicons-halflings-regular.svg", + "assets/fonts/bootstrap/glyphicons-halflings-regular.ttf", + "assets/fonts/bootstrap/glyphicons-halflings-regular.woff", + "assets/javascripts/bootstrap/affix.js", + "assets/javascripts/bootstrap/alert.js", + "assets/javascripts/bootstrap/button.js", + "assets/javascripts/bootstrap/carousel.js", + "assets/javascripts/bootstrap/collapse.js", + "assets/javascripts/bootstrap/dropdown.js", + "assets/javascripts/bootstrap/tab.js", + "assets/javascripts/bootstrap/transition.js", + "assets/javascripts/bootstrap/scrollspy.js", + "assets/javascripts/bootstrap/modal.js", + "assets/javascripts/bootstrap/tooltip.js", + "assets/javascripts/bootstrap/popover.js" + ], + "keywords": [ + "twbs", + "bootstrap", + "sass" + ], + "license": "MIT", + "ignore": [ + "**/.*", + "lib", + "tasks", + "templates", + "test", + "*.gemspec", + "Rakefile", + "Gemfile" + ], + "dependencies": { + "jquery": ">= 1.9.0" + }, + "_release": "3.3.1", + "_resolution": { + "type": "version", + "tag": "v3.3.1", + "commit": "cdad0d4b5d17e6bc84863b2907b82d45e856be22" + }, + "_source": "git://github.com/twbs/bootstrap-sass.git", + "_target": "~3.3.1", + "_originalSource": "bootstrap-sass-official" +}
\ No newline at end of file diff --git a/bower_components/bootstrap-sass-official/CHANGELOG.md b/bower_components/bootstrap-sass-official/CHANGELOG.md new file mode 100644 index 00000000..a677170a --- /dev/null +++ b/bower_components/bootstrap-sass-official/CHANGELOG.md @@ -0,0 +1,160 @@ +# Changelog + +## 3.3.1.0 + +* Variables override template at templates/project/_bootstrap-variables.sass +* Readme: Bower + Rails configuration + +## 3.3.0.1 + +* Fix loading issue with the ruby gem version + +## 3.3.0 + +* Improve libsass compatibility +* Support using Bower package with Rails + +## 3.2.0.2 + +Main bootstrap file is now a partial (_bootstrap.scss), for compatibility with Compass 1+. + +Fixed a number of bugs. [Issues closed in v3.2.0.2](https://github.com/twbs/bootstrap-sass/issues?q=is%3Aissue+is%3Aclosed+milestone%3Av3.2.0.2). + +## 3.2.0.1 + +Fixed a number of bugs: [Issues closed in v3.2.0.1](https://github.com/twbs/bootstrap-sass/issues?q=is%3Aissue+is%3Aclosed+milestone%3Av3.2.0.1). + +## 3.2.0.0 + +- Assets (Sass, JS, fonts) moved from `vendor/assets` to `assets`. `bootstrap.js` now contains concatenated JS. +- Compass generator now copies JS and fonts, and provides a better default `styles.sass`. +- Compass, Sprockets, and Mincer asset path helpers are now provided in pure Sass: `bootstrap-compass`, `bootstrap-sprockets`, and `bootstrap-mincer`. +Asset path helpers must be imported before `bootstrap`, more in Readme. +- Sprockets / Mincer JS manifest has been moved to `bootstrap-sprockets.js`. +It can be required without adding Bootstrap JS directory to load path, as it now uses relative paths. +- Sprockets: `depend_on_asset` (`glyphicons.scss`) has been changed to `depend_on` to work around an issue with `depend_on_asset`. +[More information](https://github.com/twbs/bootstrap-sass/issues/592#issuecomment-46570286). + +## 3.1.1.0 + +- Updated Bower docs + +## 3.1.0.2 + +- #523: Rails 3.2 compatibility +- Bugfixes from upstream up to 7eb532262fbd1112215b5a547b9285794b5360ab. + +## 3.1.0.1 + +- #518: `scale` mixin Sass compatibility issue + +## 3.1.0.0 + +* compiles with libsass master + +## 3.0.2.1 + +* fix vendor paths for compass + +## 3.0.0.0 + +* Fully automated (lots of string juggling) LESS -> Sass conversion. - *Gleb Mazovetskiy* +* Ported rake task from vwall/compass-twitter-bootstrap to convert Bootstrap upstream - *Peter Gumeson* +* Moved javascripts to us `bootstrap-component.js` to `bootstrap/component.js` - *Peter Gumeson* + +## 2.3.2.2 + +* Allow sass-rails `>= 3.2` - *Thomas McDonald* + +## 2.3.2.1 + +## 2.3.2.0 + +* Update to Bootstrap 2.3.2 - *Dan Allen* + +## 2.3.1.3 + +* Find the correct Sprockets context for the `image_path` function - *Tristan Harward, Gleb Mazovetskiy* + +## 2.3.1.2 + +* Fix changes to image url - *Gleb Mazovetskiy* +* Copy _variables into project on Compass install - *Phil Thompson* +* Add `bootstrap-affix` to the Compass template file - *brief* + +## 2.3.1.1 (yanked) + +* Change how image_url is handled internally - *Tristan Harward* +* Fix some font variables not having `!default` - *Thomas McDonald* + +## 2.3.0.0 +* [#290] Update to Bootstrap 2.3.0 - *Tristan Harward* +* Fix `rake:debug` with new file locations - *Thomas McDonald* +* Add draft contributing document - *Thomas McDonald* +* [#260] Add our load path to the global Sass load path - *Tristan Harward* +* [#275] Use GitHub notation in Sass head testing gemfile - *Timo Schilling* +* [#279, #283] Readme improvements - *theverything, Philip Arndt* + +## 2.2.2.0 +* [#270] Update to Bootstrap 2.2.2 - *Tristan Harward* +* [#266] Add license to gemspec - *Peter Marsh* + +## 2.2.1.1 +* [#258] Use `bootstrap` prefix for `@import`ing files in `bootstrap/bootstrap.scss` - *Umair Siddique* + +## 2.2.1.0 +* [#246] Update to Bootstrap 2.2.1 - *Tristan Harward* +* [#246] Pull Bootstrap updates from jlong/sass-twitter-bootstrap - *Tristan Harward* + +## 2.1.1.0 +* Update to Bootstrap 2.1.1 +* [#222] Remove 100% multiplier in vertical-three-colours +* [#227] Fix IE component animation collapse +* [#228] Fix variables documentation link +* [#231] Made .input-block-level a class as well as mixin + +## 2.1.0.1 +* [#219] Fix expected a color. Got: transparent. +* [#207] Add missing warning style for table row highlighting +* [#208] Use grid-input-span for input spans + +## 2.1.0.0 +* Updated to Bootstrap 2.1 +* Changed some mixin names to be more consistent. Nested mixins in Less are separated by a `-` when they are flattened in Sass. + +## 2.0.4.1 +* Fix `.row-fluid > spanX` nesting +* Small Javascript fixes for those staying on the 2.0.4 release +* Add `!default` to z-index variables. + +## 2.0.4.0 +* Updated to Bootstrap 2.0.4 +* Switched to Bootstrap 2.0.3+'s method of separating responsive files +* [#149, #150] Fix off by one error introduced with manual revert of media query breakpoints +* `rake debug` and `rake test` both compile bootstrap & bootstrap-responsive + +## 2.0.3.1 +* [#145, #146] Fix button alignment in collapsing navbar as a result of an incorrect variable + +## 2.0.3 +* Updated to Bootstrap 2.0.3 +* [#106] Support for Rails < 3.1 through Compass +* [#132] Add CI testing +* [#106] Support Rails w/Compass +* [#134] Fix support for Rails w/Compass + +## 2.0.2 +* [#86] Updated to Bootstrap 2.0.2 +Things of note: static navbars now have full width. (to be fixed in 2.0.3) `.navbar-inner > .container { width:940px; }` seems to work in the meanwhile +* [#62] Fixed asset compilation taking a *very* long time. +* [#69, #79, #80] \(Hopefully) clarified README. Now with less cat humour. +* [#91] Removed doubled up Sass extensions for Rails. +* [#63, #73] Allow for overriding of image-path +* [[SO](http://stackoverflow.com/a/9909626/241212)] Added makeFluidColumn mixin for defining fluid columns. Fluid rows must use `@extend .row-fluid`, and any column inside it can use `@include makeFluidColumn(num)`, where `num` is the number of columns. Unfortunately, there is a rather major limitation to this: margins on first-child elements must be overriden. See the attached Stack Overflow answer for more information. + +## 2.0.1 +* Updated to Bootstrap 2.0.1 +* Modified `@mixin opacity()` to take an argument `0...1` rather than `0...100` to be consistent with Compass. + +## 2.0.0 +* Updated to Bootstrap 2.0.0 diff --git a/bower_components/bootstrap-sass-official/CONTRIBUTING.md b/bower_components/bootstrap-sass-official/CONTRIBUTING.md new file mode 100644 index 00000000..a165a857 --- /dev/null +++ b/bower_components/bootstrap-sass-official/CONTRIBUTING.md @@ -0,0 +1,79 @@ +# Contributing to bootstrap-sass + +## Asset Changes + +Any changes to `bootstrap-sass` assets (scss, javascripts, fonts) should be checked against the `convert` rake task. +For usage instructions, see the [README](/README.md). + +If something is broken in the converter, it's preferable to update the converter along with the asset itself. + + +## Bugs + +A bug is a _demonstrable problem_ that is caused by the code in the +repository. Good bug reports are extremely helpful - thank you! + +Guidelines for bug reports: + +1. **Does it belong here?** — is this a problem with bootstrap-sass, or + it an issue with [twbs/bootstrap](https://github.com/twbs/bootstrap)? + We only distribute a direct port and will not modify files if they're not + changed upstream. + +2. **Use the GitHub issue search** — check if the issue has already been + reported. + +3. **Isolate the problem** — ideally create a [reduced test + case](http://css-tricks.com/6263-reduced-test-cases/) and a live example. + +A good bug report shouldn't leave others needing to chase you up for more +information. Please try to be as detailed as possible in your report. What is +your environment? What steps will reproduce the issue? What browser(s) and OS +experience the problem? What would you expect to be the outcome? All these +details will help people to fix any potential bugs. + +Example: + +> Short and descriptive example bug report title +> +> A summary of the issue and the browser/OS environment in which it occurs. If +> suitable, include the steps required to reproduce the bug. +> +> 1. This is the first step +> 2. This is the second step +> 3. Further steps, etc. +> +> `<url>` (a link to the reduced test case) +> +> Any other information you want to share that is relevant to the issue being +> reported. This might include the lines of code that you have identified as +> causing the bug, and potential solutions (and your opinions on their +> merits). + +**[File a bug report](https://github.com/twbs/bootstrap-sass/issues/)** + + +## Pull requests + +**We will not accept pull requests that modify the SCSS beyond fixing bugs caused by *our* code!** + +Most pull requests should go to [twbs/bootstrap](https://github.com/twbs/bootstrap) or [jlong/sass-twitter-bootstrap](https://github.com/jlong/sass-twitter-bootstrap) + +Good pull requests - patches, improvements, new features - are a fantastic +help. They should remain focused in scope and avoid containing unrelated +commits. If your contribution involves a significant amount of work or substantial +changes to any part of the project, please open an issue to discuss it first. + +Make sure to adhere to the coding conventions used throughout a project +(indentation, accurate comments, etc.). Please update any documentation that is +relevant to the change you're making. + +## Do not… + +Please **do not** use the issue tracker for personal support requests (use +[Stack Overflow](http://stackoverflow.com/)). + +Please **do not** derail or troll issues. Keep the +discussion on topic and respect the opinions of others. + +*props [html5-boilerplate](https://github.com/h5bp/html5-boilerplate/blob/master/CONTRIBUTING.md)* diff --git a/bower_components/bootstrap-sass-official/LICENSE b/bower_components/bootstrap-sass-official/LICENSE new file mode 100644 index 00000000..9a683e37 --- /dev/null +++ b/bower_components/bootstrap-sass-official/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2013 Twitter, Inc + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN +THE SOFTWARE. diff --git a/bower_components/bootstrap-sass-official/README.md b/bower_components/bootstrap-sass-official/README.md new file mode 100644 index 00000000..5a9692b1 --- /dev/null +++ b/bower_components/bootstrap-sass-official/README.md @@ -0,0 +1,346 @@ +# Bootstrap for Sass [](http://badge.fury.io/rb/bootstrap-sass) [](http://badge.fury.io/bo/bootstrap-sass-official) [](http://travis-ci.org/twbs/bootstrap-sass) + +`bootstrap-sass` is a Sass-powered version of [Bootstrap](http://github.com/twbs/bootstrap), ready to drop right into your Sass powered applications. + +## Installation + +Please see the appropriate guide for your environment of choice: + +* [Ruby on Rails](#a-ruby-on-rails). +* [Compass](#b-compass-without-rails) not on Rails. +* [Bower](#c-bower). + +### a. Ruby on Rails + +`bootstrap-sass` is easy to drop into Rails with the asset pipeline. + +In your Gemfile you need to add the `bootstrap-sass` gem, and ensure that the `sass-rails` gem is present - it is added to new Rails applications by default. + +```ruby +gem 'bootstrap-sass', '~> 3.3.1' +gem 'sass-rails', '>= 3.2' +``` + +It is also recommended to use [Autoprefixer](https://github.com/ai/autoprefixer-rails) with Bootstrap +to add browser vendor prefixes automatically. Simply add the gem: + +```ruby +gem 'autoprefixer-rails' +``` + +`bundle install` and restart your server to make the files available through the pipeline. + +Import Bootstrap styles in `app/assets/stylesheets/application.css.scss`: + +```scss +// "bootstrap-sprockets" must be imported before "bootstrap" and "bootstrap/variables" +@import "bootstrap-sprockets"; +@import "bootstrap"; +``` + +`bootstrap-sprockets` must be imported before `bootstrap` for the icon fonts to work. + +Make sure the file has `.css.scss` extension (or `.css.sass` for Sass syntax). If you have just generated a new Rails app, +it may come with a `.css` file instead. If this file exists, it will be served instead of Sass, so remove it: + +```console +$ rm app/assets/stylesheets/application.css +``` + +Do not use `//= require` in Sass or your other stylesheets will not be [able to access][antirequire] the Bootstrap mixins or variables. + +Require Bootstrap Javascripts in `app/assets/javascripts/application.js`: + +```js +//= require jquery +//= require bootstrap-sprockets +``` + +#### Bower with Rails + +When using [bootstrap-sass Bower package](#c-bower) instead of the gem in Rails, configure assets in `config/application.rb`: + +```ruby +# Bower asset paths +root.join('vendor', 'assets', 'bower_components').to_s.tap do |bower_path| + config.sass.load_paths << bower_path + config.assets.paths << bower_path +end +# Precompile Bootstrap fonts +config.assets.precompile << %r(bootstrap-sass/assets/fonts/bootstrap/[\w-]+\.(?:eot|svg|ttf|woff)$) +# Minimum Sass number precision required by bootstrap-sass +::Sass::Script::Number.precision = [10, ::Sass::Script::Number.precision].max +``` + +Replace Bootstrap `@import` statements in `application.css.scss` with: + +```scss +$icon-font-path: "bootstrap-sass/assets/fonts/bootstrap/"; +@import "bootstrap-sass/assets/stylesheets/bootstrap-sprockets"; +@import "bootstrap-sass/assets/stylesheets/bootstrap"; +``` + +Replace Bootstrap `require` directive in `application.js` with: + +```js +//= require bootstrap-sass/assets/javascripts/bootstrap-sprockets +``` + +#### Rails 4.x + +Please make sure `sprockets-rails` is at least v2.1.4. + +#### Rails 3.2.x + +Rails 3.2 is [no longer maintained for bugfixes](http://guides.rubyonrails.org/maintenance_policy.html), and you should upgrade as soon as possible. + +Starting with bootstrap-sass v3.1.1.1, due to the structural changes from upstream you will need these +backported asset pipeline gems on Rails 3.2. There is more on why this is necessary in +https://github.com/twbs/bootstrap-sass/issues/523 and https://github.com/twbs/bootstrap-sass/issues/578. + +```ruby +gem 'sprockets-rails', '=2.0.0.backport1' +gem 'sprockets', '=2.2.2.backport2' +gem 'sass-rails', github: 'guilleiguaran/sass-rails', branch: 'backport' +``` + +### b. Compass without Rails + +Install the gem +```sh +gem install bootstrap-sass +``` + +If you have an existing Compass project: + +```ruby +# config.rb: +require 'bootstrap-sass' +``` + +```console +$ bundle exec compass install bootstrap +``` + +If you are creating a new Compass project, you can generate it with bootstrap-sass support: + +```console +$ bundle exec compass create my-new-project -r bootstrap-sass --using bootstrap +``` + +or, alternatively, if you're not using a Gemfile for your dependencies: + +```console +$ compass create my-new-project -r bootstrap-sass --using bootstrap +``` + +This will create a new Compass project with the following files in it: + +* [styles.sass](/templates/project/styles.sass) - main project Sass file, imports Bootstrap and variables. +* [_bootstrap-variables.sass](/templates/project/_bootstrap-variables.sass) - all of Bootstrap variables, override them here. + +Some bootstrap-sass mixins may conflict with the Compass ones. +If this happens, change the import order so that Compass mixins are loaded later. + +### c. Bower + +Using bootstrap-sass as a Bower package is still being tested. It is compatible with node-sass 0.8.3+. You can install it with: + +```console +$ bower install bootstrap-sass-official +``` + +`bootstrap-sass` is taken so make sure you use the command above. + +Sass, JS, and all other assets are located at [assets](/assets). + +By default, `bower.json` main field list only the main `bootstrap.scss` and all the static assets (fonts and JS). +This is compatible by default with asset managers such as [wiredep](https://github.com/taptapship/wiredep). + +#### Node.js Mincer + +If you use [mincer][mincer] with node-sass, import bootstrap into like so: + +In `application.css.ejs.scss` (NB **.css.ejs.css**): + +```scss +// Import mincer asset paths helper integration +@import "bootstrap-mincer"; +@import "bootstrap"; +``` + +In `application.js`: + +```js +//= require bootstrap-sprockets +``` + +See also this [example manifest.js](/test/dummy_node_mincer/manifest.js) for mincer. + + +### Configuration + +#### Sass + +By default all of Bootstrap is imported. + +You can also import components explicitly. To start with a full list of modules copy +[`_bootstrap.scss`](assets/stylesheets/_bootstrap.scss) file into your assets as `_bootstrap-custom.scss`. +Then comment out components you do not want from `_bootstrap-custom`. +In the application Sass file, replace `@import 'bootstrap'` with: + +```scss +@import 'bootstrap-custom'; +``` + +#### Sass: Number Precision + +bootstrap-sass [requires](https://github.com/twbs/bootstrap-sass/issues/409) minimum [Sass number precision][sass-precision] of 10 (default is 5). + +Precision is set for Rails and Compass automatically. +When using ruby Sass compiler standalone or with the Bower version you can set it with: + +```ruby +::Sass::Script::Number.precision = [10, ::Sass::Script::Number.precision].max +``` + +Note that libsass and node-sass do not currently support the precision option, due to an open bug ([bug #364](https://github.com/sass/libsass/issues/364)) in libsass. + + +#### Sass: Autoprefixer + +Using [Autoprefixer][autoprefixer] with Bootstrap is recommended. +[Autoprefixer][autoprefixer] adds vendor prefixes to CSS rules using values from [Can I Use](http://caniuse.com/). + +#### JavaScript + +[`assets/javascripts/bootstrap.js`](/assets/javascripts/bootstrap.js) contains all of Bootstrap JavaScript, +concatenated in the [correct order](/assets/javascripts/bootstrap-sprockets.js). + + +#### JavaScript with Sprockets or Mincer + +If you use Sprockets or Mincer, you can require `bootstrap-sprockets` instead to load the individual modules: + +```js +// Load all Bootstrap JavaScript +//= require bootstrap-sprockets +``` + +You can also load individual modules, provided you also require any dependencies. +You can check dependencies in the [Bootstrap JS documentation][jsdocs]. + +```js +//= require bootstrap/scrollspy +//= require bootstrap/modal +//= require bootstrap/dropdown +``` + +#### Fonts + +The fonts are referenced as: + +```scss +"#{$icon-font-path}#{$icon-font-name}.eot" +``` + +`$icon-font-path` defaults to `bootstrap/` if asset path helpers are used, and `../fonts/bootstrap/` otherwise. + +When using bootstrap-sass with Compass, Sprockets, or Mincer, you **must** import the relevant path helpers before Bootstrap itself, for example: + +```scss +@import "bootstrap-compass"; +@import "bootstrap"; +``` + +## Usage + +### Sass + +Import Bootstrap into a Sass file (for example, application.css.scss) to get all of Bootstrap's styles, mixins and variables! + +```scss +@import "bootstrap"; +``` + +You can also include optional bootstrap theme: + +```scss +@import "bootstrap/theme"; +``` + +The full list of bootstrap variables can be found [here](http://getbootstrap.com/customize/#less-variables). You can override these by simply redefining the variable before the `@import` directive, e.g.: + +```scss +$navbar-default-bg: #312312; +$light-orange: #ff8c00; +$navbar-default-color: $light-orange; + +@import "bootstrap"; +``` + +## Version + +`bootstrap-sass` version reflects the upstream version, with an additional number for Sass-specific changes. + +Always refer to [CHANGELOG.md](/CHANGELOG.md) when upgrading. + +--- + +## Development and Contributing + +If you'd like to help with the development of bootstrap-sass itself, read this section. + +### Upstream Converter + +Keeping bootstrap-sass in sync with upstream changes from Bootstrap used to be an error prone and time consuming manual process. With Bootstrap 3 we have introduced a converter that automates this. + +**Note: if you're just looking to *use* Bootstrap 3, see the [installation](#installation) section above.** + +Upstream changes to the Bootstrap project can now be pulled in using the `convert` rake task. + +Here's an example run that would pull down the master branch from the main [twbs/bootstrap](https://github.com/twbs/bootstrap) repo: + + rake convert + +This will convert the latest LESS to Sass and update to the latest JS. +To convert a specific branch or version, pass the branch name or the commit hash as the first task argument: + + rake convert[e8a1df5f060bf7e6631554648e0abde150aedbe4] + +The latest converter script is located [here][converter] and does the following: + +* Converts upstream bootstrap LESS files to its matching SCSS file. +* Copies all upstream JavaScript into `assets/javascripts/bootstrap`, an Sprockets manifest at `assets/javascripts/bootstrap-sprockets.js`, and a concatenation at `assets/javascripts/bootstrap.js`. +* Copies all upstream font files into `assets/fonts/bootstrap`. +* Sets `Bootstrap::BOOTSTRAP_SHA` in [version.rb][version] to the branch sha. + +This converter fully converts original LESS to SCSS. Conversion is automatic but requires instructions for certain transformations (see converter output). +Please submit GitHub issues tagged with `conversion`. + +## Credits + +bootstrap-sass has a number of major contributors: + +<!-- feel free to make these link wherever you wish --> +* [Thomas McDonald](https://twitter.com/thomasmcdonald_) +* [Tristan Harward](http://www.trisweb.com) +* Peter Gumeson +* [Gleb Mazovetskiy](https://github.com/glebm) + +and a [significant number of other contributors][contrib]. + +## You're in good company +bootstrap-sass is used to build some awesome projects all over the web, including +[Diaspora](http://diasporaproject.org/), [rails_admin](https://github.com/sferik/rails_admin), +Michael Hartl's [Rails Tutorial](http://railstutorial.org/), [gitlabhq](http://gitlabhq.com/) and +[kandan](http://kandanapp.com/). + +[converter]: https://github.com/twbs/bootstrap-sass/blob/master/tasks/converter/less_conversion.rb +[version]: https://github.com/twbs/bootstrap-sass/blob/master/lib/bootstrap-sass/version.rb +[contrib]: https://github.com/twbs/bootstrap-sass/graphs/contributors +[antirequire]: https://github.com/twbs/bootstrap-sass/issues/79#issuecomment-4428595 +[jsdocs]: http://getbootstrap.com/javascript/#transitions +[sass-precision]: http://sass-lang.com/documentation/Sass/Script/Number.html#precision-class_method +[mincer]: https://github.com/nodeca/mincer +[autoprefixer]: https://github.com/ai/autoprefixer diff --git a/bower_components/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.eot b/bower_components/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.eot Binary files differnew file mode 100644 index 00000000..4a4ca865 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.eot diff --git a/bower_components/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.svg b/bower_components/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.svg new file mode 100644 index 00000000..25691af8 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.svg @@ -0,0 +1,229 @@ +<?xml version="1.0" standalone="no"?> +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" > +<svg xmlns="http://www.w3.org/2000/svg"> +<metadata></metadata> +<defs> +<font id="glyphicons_halflingsregular" horiz-adv-x="1200" > +<font-face units-per-em="1200" ascent="960" descent="-240" /> +<missing-glyph horiz-adv-x="500" /> +<glyph /> +<glyph /> +<glyph unicode="
" /> +<glyph unicode=" " /> +<glyph unicode="*" d="M100 500v200h259l-183 183l141 141l183 -183v259h200v-259l183 183l141 -141l-183 -183h259v-200h-259l183 -183l-141 -141l-183 183v-259h-200v259l-183 -183l-141 141l183 183h-259z" /> +<glyph unicode="+" d="M0 400v300h400v400h300v-400h400v-300h-400v-400h-300v400h-400z" /> +<glyph unicode=" " /> +<glyph unicode=" " horiz-adv-x="652" /> +<glyph unicode=" " horiz-adv-x="1304" /> +<glyph unicode=" " horiz-adv-x="652" /> +<glyph unicode=" " horiz-adv-x="1304" /> +<glyph unicode=" " horiz-adv-x="434" /> +<glyph unicode=" " horiz-adv-x="326" /> +<glyph unicode=" " horiz-adv-x="217" /> +<glyph unicode=" " horiz-adv-x="217" /> +<glyph unicode=" " horiz-adv-x="163" /> +<glyph unicode=" " horiz-adv-x="260" /> +<glyph unicode=" " horiz-adv-x="72" /> +<glyph unicode=" " horiz-adv-x="260" /> +<glyph unicode=" " horiz-adv-x="326" /> +<glyph unicode="€" d="M100 500l100 100h113q0 47 5 100h-218l100 100h135q37 167 112 257q117 141 297 141q242 0 354 -189q60 -103 66 -209h-181q0 55 -25.5 99t-63.5 68t-75 36.5t-67 12.5q-24 0 -52.5 -10t-62.5 -32t-65.5 -67t-50.5 -107h379l-100 -100h-300q-6 -46 -6 -100h406l-100 -100 h-300q9 -74 33 -132t52.5 -91t62 -54.5t59 -29t46.5 -7.5q29 0 66 13t75 37t63.5 67.5t25.5 96.5h174q-31 -172 -128 -278q-107 -117 -274 -117q-205 0 -324 158q-36 46 -69 131.5t-45 205.5h-217z" /> +<glyph unicode="−" d="M200 400h900v300h-900v-300z" /> +<glyph unicode="◼" horiz-adv-x="500" d="M0 0z" /> +<glyph unicode="☁" d="M-14 494q0 -80 56.5 -137t135.5 -57h750q120 0 205 86.5t85 207.5t-85 207t-205 86q-46 0 -90 -14q-44 97 -134.5 156.5t-200.5 59.5q-152 0 -260 -107.5t-108 -260.5q0 -25 2 -37q-66 -14 -108.5 -67.5t-42.5 -122.5z" /> +<glyph unicode="✉" d="M0 100l400 400l200 -200l200 200l400 -400h-1200zM0 300v600l300 -300zM0 1100l600 -603l600 603h-1200zM900 600l300 300v-600z" /> +<glyph unicode="✏" d="M-13 -13l333 112l-223 223zM187 403l214 -214l614 614l-214 214zM887 1103l214 -214l99 92q13 13 13 32.5t-13 33.5l-153 153q-15 13 -33 13t-33 -13z" /> +<glyph unicode="" d="M0 1200h1200l-500 -550v-550h300v-100h-800v100h300v550z" /> +<glyph unicode="" d="M14 84q18 -55 86 -75.5t147 5.5q65 21 109 69t44 90v606l600 155v-521q-64 16 -138 -7q-79 -26 -122.5 -83t-25.5 -111q18 -55 86 -75.5t147 4.5q70 23 111.5 63.5t41.5 95.5v881q0 10 -7 15.5t-17 2.5l-752 -193q-10 -3 -17 -12.5t-7 -19.5v-689q-64 17 -138 -7 q-79 -25 -122.5 -82t-25.5 -112z" /> +<glyph unicode="" d="M23 693q0 200 142 342t342 142t342 -142t142 -342q0 -142 -78 -261l300 -300q7 -8 7 -18t-7 -18l-109 -109q-8 -7 -18 -7t-18 7l-300 300q-119 -78 -261 -78q-200 0 -342 142t-142 342zM176 693q0 -136 97 -233t234 -97t233.5 96.5t96.5 233.5t-96.5 233.5t-233.5 96.5 t-234 -97t-97 -233z" /> +<glyph unicode="" d="M100 784q0 64 28 123t73 100.5t104.5 64t119 20.5t120 -38.5t104.5 -104.5q48 69 109.5 105t121.5 38t118.5 -20.5t102.5 -64t71 -100.5t27 -123q0 -57 -33.5 -117.5t-94 -124.5t-126.5 -127.5t-150 -152.5t-146 -174q-62 85 -145.5 174t-149.5 152.5t-126.5 127.5 t-94 124.5t-33.5 117.5z" /> +<glyph unicode="" d="M-72 800h479l146 400h2l146 -400h472l-382 -278l145 -449l-384 275l-382 -275l146 447zM168 71l2 1z" /> +<glyph unicode="" d="M-72 800h479l146 400h2l146 -400h472l-382 -278l145 -449l-384 275l-382 -275l146 447zM168 71l2 1zM237 700l196 -142l-73 -226l192 140l195 -141l-74 229l193 140h-235l-77 211l-78 -211h-239z" /> +<glyph unicode="" d="M0 0v143l400 257v100q-37 0 -68.5 74.5t-31.5 125.5v200q0 124 88 212t212 88t212 -88t88 -212v-200q0 -51 -31.5 -125.5t-68.5 -74.5v-100l400 -257v-143h-1200z" /> +<glyph unicode="" d="M0 0v1100h1200v-1100h-1200zM100 100h100v100h-100v-100zM100 300h100v100h-100v-100zM100 500h100v100h-100v-100zM100 700h100v100h-100v-100zM100 900h100v100h-100v-100zM300 100h600v400h-600v-400zM300 600h600v400h-600v-400zM1000 100h100v100h-100v-100z M1000 300h100v100h-100v-100zM1000 500h100v100h-100v-100zM1000 700h100v100h-100v-100zM1000 900h100v100h-100v-100z" /> +<glyph unicode="" d="M0 50v400q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5zM0 650v400q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400 q-21 0 -35.5 14.5t-14.5 35.5zM600 50v400q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5zM600 650v400q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5v-400 q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5z" /> +<glyph unicode="" d="M0 50v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM0 450v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200 q-21 0 -35.5 14.5t-14.5 35.5zM0 850v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM400 50v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5 t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM400 450v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM400 850v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5 v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM800 50v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM800 450v200q0 21 14.5 35.5t35.5 14.5h200 q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM800 850v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5z" /> +<glyph unicode="" d="M0 50v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM0 450q0 -21 14.5 -35.5t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5v200q0 21 -14.5 35.5t-35.5 14.5h-200q-21 0 -35.5 -14.5 t-14.5 -35.5v-200zM0 850v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM400 50v200q0 21 14.5 35.5t35.5 14.5h700q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5 t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5zM400 450v200q0 21 14.5 35.5t35.5 14.5h700q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5zM400 850v200q0 21 14.5 35.5t35.5 14.5h700q21 0 35.5 -14.5t14.5 -35.5 v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5z" /> +<glyph unicode="" d="M29 454l419 -420l818 820l-212 212l-607 -607l-206 207z" /> +<glyph unicode="" d="M106 318l282 282l-282 282l212 212l282 -282l282 282l212 -212l-282 -282l282 -282l-212 -212l-282 282l-282 -282z" /> +<glyph unicode="" d="M23 693q0 200 142 342t342 142t342 -142t142 -342q0 -142 -78 -261l300 -300q7 -8 7 -18t-7 -18l-109 -109q-8 -7 -18 -7t-18 7l-300 300q-119 -78 -261 -78q-200 0 -342 142t-142 342zM176 693q0 -136 97 -233t234 -97t233.5 96.5t96.5 233.5t-96.5 233.5t-233.5 96.5 t-234 -97t-97 -233zM300 600v200h100v100h200v-100h100v-200h-100v-100h-200v100h-100z" /> +<glyph unicode="" d="M23 694q0 200 142 342t342 142t342 -142t142 -342q0 -141 -78 -262l300 -299q7 -7 7 -18t-7 -18l-109 -109q-8 -8 -18 -8t-18 8l-300 300q-119 -78 -261 -78q-200 0 -342 142t-142 342zM176 694q0 -136 97 -233t234 -97t233.5 97t96.5 233t-96.5 233t-233.5 97t-234 -97 t-97 -233zM300 601h400v200h-400v-200z" /> +<glyph unicode="" d="M23 600q0 183 105 331t272 210v-166q-103 -55 -165 -155t-62 -220q0 -177 125 -302t302 -125t302 125t125 302q0 120 -62 220t-165 155v166q167 -62 272 -210t105 -331q0 -118 -45.5 -224.5t-123 -184t-184 -123t-224.5 -45.5t-224.5 45.5t-184 123t-123 184t-45.5 224.5 zM500 750q0 -21 14.5 -35.5t35.5 -14.5h100q21 0 35.5 14.5t14.5 35.5v400q0 21 -14.5 35.5t-35.5 14.5h-100q-21 0 -35.5 -14.5t-14.5 -35.5v-400z" /> +<glyph unicode="" d="M100 1h200v300h-200v-300zM400 1v500h200v-500h-200zM700 1v800h200v-800h-200zM1000 1v1200h200v-1200h-200z" /> +<glyph unicode="" d="M26 601q0 -33 6 -74l151 -38l2 -6q14 -49 38 -93l3 -5l-80 -134q45 -59 105 -105l133 81l5 -3q45 -26 94 -39l5 -2l38 -151q40 -5 74 -5q27 0 74 5l38 151l6 2q46 13 93 39l5 3l134 -81q56 44 104 105l-80 134l3 5q24 44 39 93l1 6l152 38q5 40 5 74q0 28 -5 73l-152 38 l-1 6q-16 51 -39 93l-3 5l80 134q-44 58 -104 105l-134 -81l-5 3q-45 25 -93 39l-6 1l-38 152q-40 5 -74 5q-27 0 -74 -5l-38 -152l-5 -1q-50 -14 -94 -39l-5 -3l-133 81q-59 -47 -105 -105l80 -134l-3 -5q-25 -47 -38 -93l-2 -6l-151 -38q-6 -48 -6 -73zM385 601 q0 88 63 151t152 63t152 -63t63 -151q0 -89 -63 -152t-152 -63t-152 63t-63 152z" /> +<glyph unicode="" d="M100 1025v50q0 10 7.5 17.5t17.5 7.5h275v100q0 41 29.5 70.5t70.5 29.5h300q41 0 70.5 -29.5t29.5 -70.5v-100h275q10 0 17.5 -7.5t7.5 -17.5v-50q0 -11 -7 -18t-18 -7h-1050q-11 0 -18 7t-7 18zM200 100v800h900v-800q0 -41 -29.5 -71t-70.5 -30h-700q-41 0 -70.5 30 t-29.5 71zM300 100h100v700h-100v-700zM500 100h100v700h-100v-700zM500 1100h300v100h-300v-100zM700 100h100v700h-100v-700zM900 100h100v700h-100v-700z" /> +<glyph unicode="" d="M1 601l656 644l644 -644h-200v-600h-300v400h-300v-400h-300v600h-200z" /> +<glyph unicode="" d="M100 25v1150q0 11 7 18t18 7h475v-500h400v-675q0 -11 -7 -18t-18 -7h-850q-11 0 -18 7t-7 18zM700 800v300l300 -300h-300z" /> +<glyph unicode="" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM500 500v400h100 v-300h200v-100h-300z" /> +<glyph unicode="" d="M-100 0l431 1200h209l-21 -300h162l-20 300h208l431 -1200h-538l-41 400h-242l-40 -400h-539zM488 500h224l-27 300h-170z" /> +<glyph unicode="" d="M0 0v400h490l-290 300h200v500h300v-500h200l-290 -300h490v-400h-1100zM813 200h175v100h-175v-100z" /> +<glyph unicode="" d="M1 600q0 122 47.5 233t127.5 191t191 127.5t233 47.5t233 -47.5t191 -127.5t127.5 -191t47.5 -233t-47.5 -233t-127.5 -191t-191 -127.5t-233 -47.5t-233 47.5t-191 127.5t-127.5 191t-47.5 233zM188 600q0 -170 121 -291t291 -121t291 121t121 291t-121 291t-291 121 t-291 -121t-121 -291zM350 600h150v300h200v-300h150l-250 -300z" /> +<glyph unicode="" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM350 600l250 300 l250 -300h-150v-300h-200v300h-150z" /> +<glyph unicode="" d="M0 25v475l200 700h800l199 -700l1 -475q0 -11 -7 -18t-18 -7h-1150q-11 0 -18 7t-7 18zM200 500h200l50 -200h300l50 200h200l-97 500h-606z" /> +<glyph unicode="" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -172 121.5 -293t292.5 -121t292.5 121t121.5 293q0 171 -121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM500 397v401 l297 -200z" /> +<glyph unicode="" d="M23 600q0 -118 45.5 -224.5t123 -184t184 -123t224.5 -45.5t224.5 45.5t184 123t123 184t45.5 224.5h-150q0 -177 -125 -302t-302 -125t-302 125t-125 302t125 302t302 125q136 0 246 -81l-146 -146h400v400l-145 -145q-157 122 -355 122q-118 0 -224.5 -45.5t-184 -123 t-123 -184t-45.5 -224.5z" /> +<glyph unicode="" d="M23 600q0 118 45.5 224.5t123 184t184 123t224.5 45.5q198 0 355 -122l145 145v-400h-400l147 147q-112 80 -247 80q-177 0 -302 -125t-125 -302h-150zM100 0v400h400l-147 -147q112 -80 247 -80q177 0 302 125t125 302h150q0 -118 -45.5 -224.5t-123 -184t-184 -123 t-224.5 -45.5q-198 0 -355 122z" /> +<glyph unicode="" d="M100 0h1100v1200h-1100v-1200zM200 100v900h900v-900h-900zM300 200v100h100v-100h-100zM300 400v100h100v-100h-100zM300 600v100h100v-100h-100zM300 800v100h100v-100h-100zM500 200h500v100h-500v-100zM500 400v100h500v-100h-500zM500 600v100h500v-100h-500z M500 800v100h500v-100h-500z" /> +<glyph unicode="" d="M0 100v600q0 41 29.5 70.5t70.5 29.5h100v200q0 82 59 141t141 59h300q82 0 141 -59t59 -141v-200h100q41 0 70.5 -29.5t29.5 -70.5v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-900q-41 0 -70.5 29.5t-29.5 70.5zM400 800h300v150q0 21 -14.5 35.5t-35.5 14.5h-200 q-21 0 -35.5 -14.5t-14.5 -35.5v-150z" /> +<glyph unicode="" d="M100 0v1100h100v-1100h-100zM300 400q60 60 127.5 84t127.5 17.5t122 -23t119 -30t110 -11t103 42t91 120.5v500q-40 -81 -101.5 -115.5t-127.5 -29.5t-138 25t-139.5 40t-125.5 25t-103 -29.5t-65 -115.5v-500z" /> +<glyph unicode="" d="M0 275q0 -11 7 -18t18 -7h50q11 0 18 7t7 18v300q0 127 70.5 231.5t184.5 161.5t245 57t245 -57t184.5 -161.5t70.5 -231.5v-300q0 -11 7 -18t18 -7h50q11 0 18 7t7 18v300q0 116 -49.5 227t-131 192.5t-192.5 131t-227 49.5t-227 -49.5t-192.5 -131t-131 -192.5 t-49.5 -227v-300zM200 20v460q0 8 6 14t14 6h160q8 0 14 -6t6 -14v-460q0 -8 -6 -14t-14 -6h-160q-8 0 -14 6t-6 14zM800 20v460q0 8 6 14t14 6h160q8 0 14 -6t6 -14v-460q0 -8 -6 -14t-14 -6h-160q-8 0 -14 6t-6 14z" /> +<glyph unicode="" d="M0 400h300l300 -200v800l-300 -200h-300v-400zM688 459l141 141l-141 141l71 71l141 -141l141 141l71 -71l-141 -141l141 -141l-71 -71l-141 141l-141 -141z" /> +<glyph unicode="" d="M0 400h300l300 -200v800l-300 -200h-300v-400zM700 857l69 53q111 -135 111 -310q0 -169 -106 -302l-67 54q86 110 86 248q0 146 -93 257z" /> +<glyph unicode="" d="M0 401v400h300l300 200v-800l-300 200h-300zM702 858l69 53q111 -135 111 -310q0 -170 -106 -303l-67 55q86 110 86 248q0 145 -93 257zM889 951l7 -8q123 -151 123 -344q0 -189 -119 -339l-7 -8l81 -66l6 8q142 178 142 405q0 230 -144 408l-6 8z" /> +<glyph unicode="" d="M0 0h500v500h-200v100h-100v-100h-200v-500zM0 600h100v100h400v100h100v100h-100v300h-500v-600zM100 100v300h300v-300h-300zM100 800v300h300v-300h-300zM200 200v100h100v-100h-100zM200 900h100v100h-100v-100zM500 500v100h300v-300h200v-100h-100v-100h-200v100 h-100v100h100v200h-200zM600 0v100h100v-100h-100zM600 1000h100v-300h200v-300h300v200h-200v100h200v500h-600v-200zM800 800v300h300v-300h-300zM900 0v100h300v-100h-300zM900 900v100h100v-100h-100zM1100 200v100h100v-100h-100z" /> +<glyph unicode="" d="M0 200h100v1000h-100v-1000zM100 0v100h300v-100h-300zM200 200v1000h100v-1000h-100zM500 0v91h100v-91h-100zM500 200v1000h200v-1000h-200zM700 0v91h100v-91h-100zM800 200v1000h100v-1000h-100zM900 0v91h200v-91h-200zM1000 200v1000h200v-1000h-200z" /> +<glyph unicode="" d="M0 700l1 475q0 10 7.5 17.5t17.5 7.5h474l700 -700l-500 -500zM148 953q0 -42 29 -71q30 -30 71.5 -30t71.5 30q29 29 29 71t-29 71q-30 30 -71.5 30t-71.5 -30q-29 -29 -29 -71z" /> +<glyph unicode="" d="M1 700l1 475q0 11 7 18t18 7h474l700 -700l-500 -500zM148 953q0 -42 30 -71q29 -30 71 -30t71 30q30 29 30 71t-30 71q-29 30 -71 30t-71 -30q-30 -29 -30 -71zM701 1200h100l700 -700l-500 -500l-50 50l450 450z" /> +<glyph unicode="" d="M100 0v1025l175 175h925v-1000l-100 -100v1000h-750l-100 -100h750v-1000h-900z" /> +<glyph unicode="" d="M200 0l450 444l450 -443v1150q0 20 -14.5 35t-35.5 15h-800q-21 0 -35.5 -15t-14.5 -35v-1151z" /> +<glyph unicode="" d="M0 100v700h200l100 -200h600l100 200h200v-700h-200v200h-800v-200h-200zM253 829l40 -124h592l62 124l-94 346q-2 11 -10 18t-18 7h-450q-10 0 -18 -7t-10 -18zM281 24l38 152q2 10 11.5 17t19.5 7h500q10 0 19.5 -7t11.5 -17l38 -152q2 -10 -3.5 -17t-15.5 -7h-600 q-10 0 -15.5 7t-3.5 17z" /> +<glyph unicode="" d="M0 200q0 -41 29.5 -70.5t70.5 -29.5h1000q41 0 70.5 29.5t29.5 70.5v600q0 41 -29.5 70.5t-70.5 29.5h-150q-4 8 -11.5 21.5t-33 48t-53 61t-69 48t-83.5 21.5h-200q-41 0 -82 -20.5t-70 -50t-52 -59t-34 -50.5l-12 -20h-150q-41 0 -70.5 -29.5t-29.5 -70.5v-600z M356 500q0 100 72 172t172 72t172 -72t72 -172t-72 -172t-172 -72t-172 72t-72 172zM494 500q0 -44 31 -75t75 -31t75 31t31 75t-31 75t-75 31t-75 -31t-31 -75zM900 700v100h100v-100h-100z" /> +<glyph unicode="" d="M53 0h365v66q-41 0 -72 11t-49 38t1 71l92 234h391l82 -222q16 -45 -5.5 -88.5t-74.5 -43.5v-66h417v66q-34 1 -74 43q-18 19 -33 42t-21 37l-6 13l-385 998h-93l-399 -1006q-24 -48 -52 -75q-12 -12 -33 -25t-36 -20l-15 -7v-66zM416 521l178 457l46 -140l116 -317h-340 z" /> +<glyph unicode="" d="M100 0v89q41 7 70.5 32.5t29.5 65.5v827q0 28 -1 39.5t-5.5 26t-15.5 21t-29 14t-49 14.5v71l471 -1q120 0 213 -88t93 -228q0 -55 -11.5 -101.5t-28 -74t-33.5 -47.5t-28 -28l-12 -7q8 -3 21.5 -9t48 -31.5t60.5 -58t47.5 -91.5t21.5 -129q0 -84 -59 -156.5t-142 -111 t-162 -38.5h-500zM400 200h161q89 0 153 48.5t64 132.5q0 90 -62.5 154.5t-156.5 64.5h-159v-400zM400 700h139q76 0 130 61.5t54 138.5q0 82 -84 130.5t-239 48.5v-379z" /> +<glyph unicode="" d="M200 0v57q77 7 134.5 40.5t65.5 80.5l173 849q10 56 -10 74t-91 37q-6 1 -10.5 2.5t-9.5 2.5v57h425l2 -57q-33 -8 -62 -25.5t-46 -37t-29.5 -38t-17.5 -30.5l-5 -12l-128 -825q-10 -52 14 -82t95 -36v-57h-500z" /> +<glyph unicode="" d="M-75 200h75v800h-75l125 167l125 -167h-75v-800h75l-125 -167zM300 900v300h150h700h150v-300h-50q0 29 -8 48.5t-18.5 30t-33.5 15t-39.5 5.5t-50.5 1h-200v-850l100 -50v-100h-400v100l100 50v850h-200q-34 0 -50.5 -1t-40 -5.5t-33.5 -15t-18.5 -30t-8.5 -48.5h-49z " /> +<glyph unicode="" d="M33 51l167 125v-75h800v75l167 -125l-167 -125v75h-800v-75zM100 901v300h150h700h150v-300h-50q0 29 -8 48.5t-18 30t-33.5 15t-40 5.5t-50.5 1h-200v-650l100 -50v-100h-400v100l100 50v650h-200q-34 0 -50.5 -1t-39.5 -5.5t-33.5 -15t-18.5 -30t-8 -48.5h-50z" /> +<glyph unicode="" d="M0 50q0 -20 14.5 -35t35.5 -15h1100q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM0 350q0 -20 14.5 -35t35.5 -15h800q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-800q-21 0 -35.5 -14.5t-14.5 -35.5 v-100zM0 650q0 -20 14.5 -35t35.5 -15h1000q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-1000q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM0 950q0 -20 14.5 -35t35.5 -15h600q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-600q-21 0 -35.5 -14.5 t-14.5 -35.5v-100z" /> +<glyph unicode="" d="M0 50q0 -20 14.5 -35t35.5 -15h1100q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM0 650q0 -20 14.5 -35t35.5 -15h1100q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5 v-100zM200 350q0 -20 14.5 -35t35.5 -15h700q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-700q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM200 950q0 -20 14.5 -35t35.5 -15h700q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-700q-21 0 -35.5 -14.5 t-14.5 -35.5v-100z" /> +<glyph unicode="" d="M0 50v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15t-14.5 35zM100 650v100q0 21 14.5 35.5t35.5 14.5h1000q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1000q-21 0 -35.5 15 t-14.5 35zM300 350v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800q-21 0 -35.5 15t-14.5 35zM500 950v100q0 21 14.5 35.5t35.5 14.5h600q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-600 q-21 0 -35.5 15t-14.5 35z" /> +<glyph unicode="" d="M0 50v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15t-14.5 35zM0 350v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15 t-14.5 35zM0 650v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15t-14.5 35zM0 950v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100 q-21 0 -35.5 15t-14.5 35z" /> +<glyph unicode="" d="M0 50v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15t-14.5 35zM0 350v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15 t-14.5 35zM0 650v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15t-14.5 35zM0 950v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15 t-14.5 35zM300 50v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800q-21 0 -35.5 15t-14.5 35zM300 350v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800 q-21 0 -35.5 15t-14.5 35zM300 650v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800q-21 0 -35.5 15t-14.5 35zM300 950v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15 h-800q-21 0 -35.5 15t-14.5 35z" /> +<glyph unicode="" d="M-101 500v100h201v75l166 -125l-166 -125v75h-201zM300 0h100v1100h-100v-1100zM500 50q0 -20 14.5 -35t35.5 -15h600q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-600q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM500 350q0 -20 14.5 -35t35.5 -15h300q20 0 35 15t15 35 v100q0 21 -15 35.5t-35 14.5h-300q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM500 650q0 -20 14.5 -35t35.5 -15h500q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-500q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM500 950q0 -20 14.5 -35t35.5 -15h100q20 0 35 15t15 35v100 q0 21 -15 35.5t-35 14.5h-100q-21 0 -35.5 -14.5t-14.5 -35.5v-100z" /> +<glyph unicode="" d="M1 50q0 -20 14.5 -35t35.5 -15h600q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-600q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM1 350q0 -20 14.5 -35t35.5 -15h300q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-300q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM1 650 q0 -20 14.5 -35t35.5 -15h500q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-500q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM1 950q0 -20 14.5 -35t35.5 -15h100q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-100q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM801 0v1100h100v-1100 h-100zM934 550l167 -125v75h200v100h-200v75z" /> +<glyph unicode="" d="M0 275v650q0 31 22 53t53 22h750q31 0 53 -22t22 -53v-650q0 -31 -22 -53t-53 -22h-750q-31 0 -53 22t-22 53zM900 600l300 300v-600z" /> +<glyph unicode="" d="M0 44v1012q0 18 13 31t31 13h1112q19 0 31.5 -13t12.5 -31v-1012q0 -18 -12.5 -31t-31.5 -13h-1112q-18 0 -31 13t-13 31zM100 263l247 182l298 -131l-74 156l293 318l236 -288v500h-1000v-737zM208 750q0 56 39 95t95 39t95 -39t39 -95t-39 -95t-95 -39t-95 39t-39 95z " /> +<glyph unicode="" d="M148 745q0 124 60.5 231.5t165 172t226.5 64.5q123 0 227 -63t164.5 -169.5t60.5 -229.5t-73 -272q-73 -114 -166.5 -237t-150.5 -189l-57 -66q-10 9 -27 26t-66.5 70.5t-96 109t-104 135.5t-100.5 155q-63 139 -63 262zM342 772q0 -107 75.5 -182.5t181.5 -75.5 q107 0 182.5 75.5t75.5 182.5t-75.5 182t-182.5 75t-182 -75.5t-75 -181.5z" /> +<glyph unicode="" d="M1 600q0 122 47.5 233t127.5 191t191 127.5t233 47.5t233 -47.5t191 -127.5t127.5 -191t47.5 -233t-47.5 -233t-127.5 -191t-191 -127.5t-233 -47.5t-233 47.5t-191 127.5t-127.5 191t-47.5 233zM173 600q0 -177 125.5 -302t301.5 -125v854q-176 0 -301.5 -125 t-125.5 -302z" /> +<glyph unicode="" d="M117 406q0 94 34 186t88.5 172.5t112 159t115 177t87.5 194.5q21 -71 57.5 -142.5t76 -130.5t83 -118.5t82 -117t70 -116t50 -125.5t18.5 -136q0 -89 -39 -165.5t-102 -126.5t-140 -79.5t-156 -33.5q-114 6 -211.5 53t-161.5 139t-64 210zM243 414q14 -82 59.5 -136 t136.5 -80l16 98q-7 6 -18 17t-34 48t-33 77q-15 73 -14 143.5t10 122.5l9 51q-92 -110 -119.5 -185t-12.5 -156z" /> +<glyph unicode="" d="M0 400v300q0 165 117.5 282.5t282.5 117.5q366 -6 397 -14l-186 -186h-311q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v125l200 200v-225q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5 t-117.5 282.5zM436 341l161 50l412 412l-114 113l-405 -405zM995 1015l113 -113l113 113l-21 85l-92 28z" /> +<glyph unicode="" d="M0 400v300q0 165 117.5 282.5t282.5 117.5h261l2 -80q-133 -32 -218 -120h-145q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5l200 153v-53q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5t-117.5 282.5 zM423 524q30 38 81.5 64t103 35.5t99 14t77.5 3.5l29 -1v-209l360 324l-359 318v-216q-7 0 -19 -1t-48 -8t-69.5 -18.5t-76.5 -37t-76.5 -59t-62 -88t-39.5 -121.5z" /> +<glyph unicode="" d="M0 400v300q0 165 117.5 282.5t282.5 117.5h300q61 0 127 -23l-178 -177h-349q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v69l200 200v-169q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5 t-117.5 282.5zM342 632l283 -284l567 567l-137 137l-430 -431l-146 147z" /> +<glyph unicode="" d="M0 603l300 296v-198h200v200h-200l300 300l295 -300h-195v-200h200v198l300 -296l-300 -300v198h-200v-200h195l-295 -300l-300 300h200v200h-200v-198z" /> +<glyph unicode="" d="M200 50v1000q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-437l500 487v-1100l-500 488v-438q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5z" /> +<glyph unicode="" d="M0 50v1000q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-437l500 487v-487l500 487v-1100l-500 488v-488l-500 488v-438q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5z" /> +<glyph unicode="" d="M136 550l564 550v-487l500 487v-1100l-500 488v-488z" /> +<glyph unicode="" d="M200 0l900 550l-900 550v-1100z" /> +<glyph unicode="" d="M200 150q0 -21 14.5 -35.5t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5v800q0 21 -14.5 35.5t-35.5 14.5h-200q-21 0 -35.5 -14.5t-14.5 -35.5v-800zM600 150q0 -21 14.5 -35.5t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5v800q0 21 -14.5 35.5t-35.5 14.5h-200 q-21 0 -35.5 -14.5t-14.5 -35.5v-800z" /> +<glyph unicode="" d="M200 150q0 -20 14.5 -35t35.5 -15h800q21 0 35.5 15t14.5 35v800q0 21 -14.5 35.5t-35.5 14.5h-800q-21 0 -35.5 -14.5t-14.5 -35.5v-800z" /> +<glyph unicode="" d="M0 0v1100l500 -487v487l564 -550l-564 -550v488z" /> +<glyph unicode="" d="M0 0v1100l500 -487v487l500 -487v437q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-1000q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v438l-500 -488v488z" /> +<glyph unicode="" d="M300 0v1100l500 -487v437q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-1000q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v438z" /> +<glyph unicode="" d="M100 250v100q0 21 14.5 35.5t35.5 14.5h1000q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1000q-21 0 -35.5 14.5t-14.5 35.5zM100 500h1100l-550 564z" /> +<glyph unicode="" d="M185 599l592 -592l240 240l-353 353l353 353l-240 240z" /> +<glyph unicode="" d="M272 194l353 353l-353 353l241 240l572 -571l21 -22l-1 -1v-1l-592 -591z" /> +<glyph unicode="" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM300 500h200v-200h200v200h200v200h-200v200h-200v-200h-200v-200z" /> +<glyph unicode="" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM300 500h600v200h-600v-200z" /> +<glyph unicode="" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM246 459l213 -213l141 142l141 -142l213 213l-142 141l142 141l-213 212l-141 -141l-141 142l-212 -213l141 -141 z" /> +<glyph unicode="" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM270 551l276 -277l411 411l-175 174l-236 -236l-102 102z" /> +<glyph unicode="" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM364 700h143q4 0 11.5 -1t11 -1t6.5 3t3 9t1 11t3.5 8.5t3.5 6t5.5 4t6.5 2.5t9 1.5t9 0.5h11.5h12.5 q19 0 30 -10t11 -26q0 -22 -4 -28t-27 -22q-5 -1 -12.5 -3t-27 -13.5t-34 -27t-26.5 -46t-11 -68.5h200q5 3 14 8t31.5 25.5t39.5 45.5t31 69t14 94q0 51 -17.5 89t-42 58t-58.5 32t-58.5 15t-51.5 3q-50 0 -90.5 -12t-75 -38.5t-53.5 -74.5t-19 -114zM500 300h200v100h-200 v-100z" /> +<glyph unicode="" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM400 300h400v100h-100v300h-300v-100h100v-200h-100v-100zM500 800h200v100h-200v-100z" /> +<glyph unicode="" d="M0 500v200h195q31 125 98.5 199.5t206.5 100.5v200h200v-200q54 -20 113 -60t112.5 -105.5t71.5 -134.5h203v-200h-203q-25 -102 -116.5 -186t-180.5 -117v-197h-200v197q-140 27 -208 102.5t-98 200.5h-194zM290 500q24 -73 79.5 -127.5t130.5 -78.5v206h200v-206 q149 48 201 206h-201v200h200q-25 74 -75.5 127t-124.5 77v-204h-200v203q-75 -23 -130 -77t-79 -126h209v-200h-210z" /> +<glyph unicode="" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM356 465l135 135 l-135 135l109 109l135 -135l135 135l109 -109l-135 -135l135 -135l-109 -109l-135 135l-135 -135z" /> +<glyph unicode="" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM322 537l141 141 l87 -87l204 205l142 -142l-346 -345z" /> +<glyph unicode="" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -115 62 -215l568 567q-100 62 -216 62q-171 0 -292.5 -121.5t-121.5 -292.5zM391 245q97 -59 209 -59q171 0 292.5 121.5t121.5 292.5 q0 112 -59 209z" /> +<glyph unicode="" d="M0 547l600 453v-300h600v-300h-600v-301z" /> +<glyph unicode="" d="M0 400v300h600v300l600 -453l-600 -448v301h-600z" /> +<glyph unicode="" d="M204 600l450 600l444 -600h-298v-600h-300v600h-296z" /> +<glyph unicode="" d="M104 600h296v600h300v-600h298l-449 -600z" /> +<glyph unicode="" d="M0 200q6 132 41 238.5t103.5 193t184 138t271.5 59.5v271l600 -453l-600 -448v301q-95 -2 -183 -20t-170 -52t-147 -92.5t-100 -135.5z" /> +<glyph unicode="" d="M0 0v400l129 -129l294 294l142 -142l-294 -294l129 -129h-400zM635 777l142 -142l294 294l129 -129v400h-400l129 -129z" /> +<glyph unicode="" d="M34 176l295 295l-129 129h400v-400l-129 130l-295 -295zM600 600v400l129 -129l295 295l142 -141l-295 -295l129 -130h-400z" /> +<glyph unicode="" d="M23 600q0 118 45.5 224.5t123 184t184 123t224.5 45.5t224.5 -45.5t184 -123t123 -184t45.5 -224.5t-45.5 -224.5t-123 -184t-184 -123t-224.5 -45.5t-224.5 45.5t-184 123t-123 184t-45.5 224.5zM456 851l58 -302q4 -20 21.5 -34.5t37.5 -14.5h54q20 0 37.5 14.5 t21.5 34.5l58 302q4 20 -8 34.5t-32 14.5h-207q-21 0 -33 -14.5t-8 -34.5zM500 300h200v100h-200v-100z" /> +<glyph unicode="" d="M0 800h100v-200h400v300h200v-300h400v200h100v100h-111q1 1 1 6.5t-1.5 15t-3.5 17.5l-34 172q-11 39 -41.5 63t-69.5 24q-32 0 -61 -17l-239 -144q-22 -13 -40 -35q-19 24 -40 36l-238 144q-33 18 -62 18q-39 0 -69.5 -23t-40.5 -61l-35 -177q-2 -8 -3 -18t-1 -15v-6 h-111v-100zM100 0h400v400h-400v-400zM200 900q-3 0 14 48t36 96l18 47l213 -191h-281zM700 0v400h400v-400h-400zM731 900l202 197q5 -12 12 -32.5t23 -64t25 -72t7 -28.5h-269z" /> +<glyph unicode="" d="M0 -22v143l216 193q-9 53 -13 83t-5.5 94t9 113t38.5 114t74 124q47 60 99.5 102.5t103 68t127.5 48t145.5 37.5t184.5 43.5t220 58.5q0 -189 -22 -343t-59 -258t-89 -181.5t-108.5 -120t-122 -68t-125.5 -30t-121.5 -1.5t-107.5 12.5t-87.5 17t-56.5 7.5l-99 -55z M238.5 300.5q19.5 -6.5 86.5 76.5q55 66 367 234q70 38 118.5 69.5t102 79t99 111.5t86.5 148q22 50 24 60t-6 19q-7 5 -17 5t-26.5 -14.5t-33.5 -39.5q-35 -51 -113.5 -108.5t-139.5 -89.5l-61 -32q-369 -197 -458 -401q-48 -111 -28.5 -117.5z" /> +<glyph unicode="" d="M111 408q0 -33 5 -63q9 -56 44 -119.5t105 -108.5q31 -21 64 -16t62 23.5t57 49.5t48 61.5t35 60.5q32 66 39 184.5t-13 157.5q79 -80 122 -164t26 -184q-5 -33 -20.5 -69.5t-37.5 -80.5q-10 -19 -14.5 -29t-12 -26t-9 -23.5t-3 -19t2.5 -15.5t11 -9.5t19.5 -5t30.5 2.5 t42 8q57 20 91 34t87.5 44.5t87 64t65.5 88.5t47 122q38 172 -44.5 341.5t-246.5 278.5q22 -44 43 -129q39 -159 -32 -154q-15 2 -33 9q-79 33 -120.5 100t-44 175.5t48.5 257.5q-13 -8 -34 -23.5t-72.5 -66.5t-88.5 -105.5t-60 -138t-8 -166.5q2 -12 8 -41.5t8 -43t6 -39.5 t3.5 -39.5t-1 -33.5t-6 -31.5t-13.5 -24t-21 -20.5t-31 -12q-38 -10 -67 13t-40.5 61.5t-15 81.5t10.5 75q-52 -46 -83.5 -101t-39 -107t-7.5 -85z" /> +<glyph unicode="" d="M-61 600l26 40q6 10 20 30t49 63.5t74.5 85.5t97 90t116.5 83.5t132.5 59t145.5 23.5t145.5 -23.5t132.5 -59t116.5 -83.5t97 -90t74.5 -85.5t49 -63.5t20 -30l26 -40l-26 -40q-6 -10 -20 -30t-49 -63.5t-74.5 -85.5t-97 -90t-116.5 -83.5t-132.5 -59t-145.5 -23.5 t-145.5 23.5t-132.5 59t-116.5 83.5t-97 90t-74.5 85.5t-49 63.5t-20 30zM120 600q7 -10 40.5 -58t56 -78.5t68 -77.5t87.5 -75t103 -49.5t125 -21.5t123.5 20t100.5 45.5t85.5 71.5t66.5 75.5t58 81.5t47 66q-1 1 -28.5 37.5t-42 55t-43.5 53t-57.5 63.5t-58.5 54 q49 -74 49 -163q0 -124 -88 -212t-212 -88t-212 88t-88 212q0 85 46 158q-102 -87 -226 -258zM377 656q49 -124 154 -191l105 105q-37 24 -75 72t-57 84l-20 36z" /> +<glyph unicode="" d="M-61 600l26 40q6 10 20 30t49 63.5t74.5 85.5t97 90t116.5 83.5t132.5 59t145.5 23.5q61 0 121 -17l37 142h148l-314 -1200h-148l37 143q-82 21 -165 71.5t-140 102t-109.5 112t-72 88.5t-29.5 43zM120 600q210 -282 393 -336l37 141q-107 18 -178.5 101.5t-71.5 193.5 q0 85 46 158q-102 -87 -226 -258zM377 656q49 -124 154 -191l47 47l23 87q-30 28 -59 69t-44 68l-14 26zM780 161l38 145q22 15 44.5 34t46 44t40.5 44t41 50.5t33.5 43.5t33 44t24.5 34q-97 127 -140 175l39 146q67 -54 131.5 -125.5t87.5 -103.5t36 -52l26 -40l-26 -40 q-7 -12 -25.5 -38t-63.5 -79.5t-95.5 -102.5t-124 -100t-146.5 -79z" /> +<glyph unicode="" d="M-97.5 34q13.5 -34 50.5 -34h1294q37 0 50.5 35.5t-7.5 67.5l-642 1056q-20 34 -48 36.5t-48 -29.5l-642 -1066q-21 -32 -7.5 -66zM155 200l445 723l445 -723h-345v100h-200v-100h-345zM500 600l100 -300l100 300v100h-200v-100z" /> +<glyph unicode="" d="M100 262v41q0 20 11 44.5t26 38.5l363 325v339q0 62 44 106t106 44t106 -44t44 -106v-339l363 -325q15 -14 26 -38.5t11 -44.5v-41q0 -20 -12 -26.5t-29 5.5l-359 249v-263q100 -91 100 -113v-64q0 -20 -13 -28.5t-32 0.5l-94 78h-222l-94 -78q-19 -9 -32 -0.5t-13 28.5 v64q0 22 100 113v263l-359 -249q-17 -12 -29 -5.5t-12 26.5z" /> +<glyph unicode="" d="M0 50q0 -20 14.5 -35t35.5 -15h1000q21 0 35.5 15t14.5 35v750h-1100v-750zM0 900h1100v150q0 21 -14.5 35.5t-35.5 14.5h-150v100h-100v-100h-500v100h-100v-100h-150q-21 0 -35.5 -14.5t-14.5 -35.5v-150zM100 100v100h100v-100h-100zM100 300v100h100v-100h-100z M100 500v100h100v-100h-100zM300 100v100h100v-100h-100zM300 300v100h100v-100h-100zM300 500v100h100v-100h-100zM500 100v100h100v-100h-100zM500 300v100h100v-100h-100zM500 500v100h100v-100h-100zM700 100v100h100v-100h-100zM700 300v100h100v-100h-100zM700 500 v100h100v-100h-100zM900 100v100h100v-100h-100zM900 300v100h100v-100h-100zM900 500v100h100v-100h-100z" /> +<glyph unicode="" d="M0 200v200h259l600 600h241v198l300 -295l-300 -300v197h-159l-600 -600h-341zM0 800h259l122 -122l141 142l-181 180h-341v-200zM678 381l141 142l122 -123h159v198l300 -295l-300 -300v197h-241z" /> +<glyph unicode="" d="M0 400v600q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-596l-304 -300v300h-100q-41 0 -70.5 29.5t-29.5 70.5z" /> +<glyph unicode="" d="M100 600v200h300v-250q0 -113 6 -145q17 -92 102 -117q39 -11 92 -11q37 0 66.5 5.5t50 15.5t36 24t24 31.5t14 37.5t7 42t2.5 45t0 47v25v250h300v-200q0 -42 -3 -83t-15 -104t-31.5 -116t-58 -109.5t-89 -96.5t-129 -65.5t-174.5 -25.5t-174.5 25.5t-129 65.5t-89 96.5 t-58 109.5t-31.5 116t-15 104t-3 83zM100 900v300h300v-300h-300zM800 900v300h300v-300h-300z" /> +<glyph unicode="" d="M-30 411l227 -227l352 353l353 -353l226 227l-578 579z" /> +<glyph unicode="" d="M70 797l580 -579l578 579l-226 227l-353 -353l-352 353z" /> +<glyph unicode="" d="M-198 700l299 283l300 -283h-203v-400h385l215 -200h-800v600h-196zM402 1000l215 -200h381v-400h-198l299 -283l299 283h-200v600h-796z" /> +<glyph unicode="" d="M18 939q-5 24 10 42q14 19 39 19h896l38 162q5 17 18.5 27.5t30.5 10.5h94q20 0 35 -14.5t15 -35.5t-15 -35.5t-35 -14.5h-54l-201 -961q-2 -4 -6 -10.5t-19 -17.5t-33 -11h-31v-50q0 -20 -14.5 -35t-35.5 -15t-35.5 15t-14.5 35v50h-300v-50q0 -20 -14.5 -35t-35.5 -15 t-35.5 15t-14.5 35v50h-50q-21 0 -35.5 15t-14.5 35q0 21 14.5 35.5t35.5 14.5h535l48 200h-633q-32 0 -54.5 21t-27.5 43z" /> +<glyph unicode="" d="M0 0v800h1200v-800h-1200zM0 900v100h200q0 41 29.5 70.5t70.5 29.5h300q41 0 70.5 -29.5t29.5 -70.5h500v-100h-1200z" /> +<glyph unicode="" d="M1 0l300 700h1200l-300 -700h-1200zM1 400v600h200q0 41 29.5 70.5t70.5 29.5h300q41 0 70.5 -29.5t29.5 -70.5h500v-200h-1000z" /> +<glyph unicode="" d="M302 300h198v600h-198l298 300l298 -300h-198v-600h198l-298 -300z" /> +<glyph unicode="" d="M0 600l300 298v-198h600v198l300 -298l-300 -297v197h-600v-197z" /> +<glyph unicode="" d="M0 100v100q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5zM31 400l172 739q5 22 23 41.5t38 19.5h672q19 0 37.5 -22.5t23.5 -45.5l172 -732h-1138zM800 100h100v100h-100v-100z M1000 100h100v100h-100v-100z" /> +<glyph unicode="" d="M-101 600v50q0 24 25 49t50 38l25 13v-250l-11 5.5t-24 14t-30 21.5t-24 27.5t-11 31.5zM100 500v250v8v8v7t0.5 7t1.5 5.5t2 5t3 4t4.5 3.5t6 1.5t7.5 0.5h200l675 250v-850l-675 200h-38l47 -276q2 -12 -3 -17.5t-11 -6t-21 -0.5h-8h-83q-20 0 -34.5 14t-18.5 35 q-55 337 -55 351zM1100 200v850q0 21 14.5 35.5t35.5 14.5q20 0 35 -14.5t15 -35.5v-850q0 -20 -15 -35t-35 -15q-21 0 -35.5 15t-14.5 35z" /> +<glyph unicode="" d="M74 350q0 21 13.5 35.5t33.5 14.5h18l117 173l63 327q15 77 76 140t144 83l-18 32q-6 19 3 32t29 13h94q20 0 29 -10.5t3 -29.5q-18 -36 -18 -37q83 -19 144 -82.5t76 -140.5l63 -327l118 -173h17q20 0 33.5 -14.5t13.5 -35.5q0 -20 -13 -40t-31 -27q-8 -3 -23 -8.5 t-65 -20t-103 -25t-132.5 -19.5t-158.5 -9q-125 0 -245.5 20.5t-178.5 40.5l-58 20q-18 7 -31 27.5t-13 40.5zM497 110q12 -49 40 -79.5t63 -30.5t63 30.5t39 79.5q-48 -6 -102 -6t-103 6z" /> +<glyph unicode="" d="M21 445l233 -45l-78 -224l224 78l45 -233l155 179l155 -179l45 233l224 -78l-78 224l234 45l-180 155l180 156l-234 44l78 225l-224 -78l-45 233l-155 -180l-155 180l-45 -233l-224 78l78 -225l-233 -44l179 -156z" /> +<glyph unicode="" d="M0 200h200v600h-200v-600zM300 275q0 -75 100 -75h61q124 -100 139 -100h250q46 0 83 57l238 344q29 31 29 74v100q0 44 -30.5 84.5t-69.5 40.5h-328q28 118 28 125v150q0 44 -30.5 84.5t-69.5 40.5h-50q-27 0 -51 -20t-38 -48l-96 -198l-145 -196q-20 -26 -20 -63v-400z M400 300v375l150 213l100 212h50v-175l-50 -225h450v-125l-250 -375h-214l-136 100h-100z" /> +<glyph unicode="" d="M0 400v600h200v-600h-200zM300 525v400q0 75 100 75h61q124 100 139 100h250q46 0 83 -57l238 -344q29 -31 29 -74v-100q0 -44 -30.5 -84.5t-69.5 -40.5h-328q28 -118 28 -125v-150q0 -44 -30.5 -84.5t-69.5 -40.5h-50q-27 0 -51 20t-38 48l-96 198l-145 196 q-20 26 -20 63zM400 525l150 -212l100 -213h50v175l-50 225h450v125l-250 375h-214l-136 -100h-100v-375z" /> +<glyph unicode="" d="M8 200v600h200v-600h-200zM308 275v525q0 17 14 35.5t28 28.5l14 9l362 230q14 6 25 6q17 0 29 -12l109 -112q14 -14 14 -34q0 -18 -11 -32l-85 -121h302q85 0 138.5 -38t53.5 -110t-54.5 -111t-138.5 -39h-107l-130 -339q-7 -22 -20.5 -41.5t-28.5 -19.5h-341 q-7 0 -90 81t-83 94zM408 289l100 -89h293l131 339q6 21 19.5 41t28.5 20h203q16 0 25 15t9 36q0 20 -9 34.5t-25 14.5h-457h-6.5h-7.5t-6.5 0.5t-6 1t-5 1.5t-5.5 2.5t-4 4t-4 5.5q-5 12 -5 20q0 14 10 27l147 183l-86 83l-339 -236v-503z" /> +<glyph unicode="" d="M-101 651q0 72 54 110t139 38l302 -1l-85 121q-11 16 -11 32q0 21 14 34l109 113q13 12 29 12q11 0 25 -6l365 -230q7 -4 17 -10.5t26.5 -26t16.5 -36.5v-526q0 -13 -86 -93.5t-94 -80.5h-341q-16 0 -29.5 20t-19.5 41l-130 339h-107q-84 0 -139 39t-55 111zM-1 601h222 q15 0 28.5 -20.5t19.5 -40.5l131 -339h293l107 89v502l-343 237l-87 -83l145 -184q10 -11 10 -26q0 -11 -5 -20q-1 -3 -3.5 -5.5l-4 -4t-5 -2.5t-5.5 -1.5t-6.5 -1t-6.5 -0.5h-7.5h-6.5h-476v-100zM1000 201v600h200v-600h-200z" /> +<glyph unicode="" d="M97 719l230 -363q4 -6 10.5 -15.5t26 -25t36.5 -15.5h525q13 0 94 83t81 90v342q0 15 -20 28.5t-41 19.5l-339 131v106q0 84 -39 139t-111 55t-110 -53.5t-38 -138.5v-302l-121 84q-15 12 -33.5 11.5t-32.5 -13.5l-112 -110q-22 -22 -6 -53zM172 739l83 86l183 -146 q22 -18 47 -5q3 1 5.5 3.5l4 4t2.5 5t1.5 5.5t1 6.5t0.5 6.5v7.5v6.5v456q0 22 25 31t50 -0.5t25 -30.5v-202q0 -16 20 -29.5t41 -19.5l339 -130v-294l-89 -100h-503zM400 0v200h600v-200h-600z" /> +<glyph unicode="" d="M2 585q-16 -31 6 -53l112 -110q13 -13 32 -13.5t34 10.5l121 85q0 -51 -0.5 -153.5t-0.5 -148.5q0 -84 38.5 -138t110.5 -54t111 55t39 139v106l339 131q20 6 40.5 19.5t20.5 28.5v342q0 7 -81 90t-94 83h-525q-17 0 -35.5 -14t-28.5 -28l-10 -15zM77 565l236 339h503 l89 -100v-294l-340 -130q-20 -6 -40 -20t-20 -29v-202q0 -22 -25 -31t-50 0t-25 31v456v14.5t-1.5 11.5t-5 12t-9.5 7q-24 13 -46 -5l-184 -146zM305 1104v200h600v-200h-600z" /> +<glyph unicode="" d="M5 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5q162 0 299.5 -80t217.5 -218t80 -300t-80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5zM298 701l2 -201h300l-2 -194l402 294l-402 298v-197h-300z" /> +<glyph unicode="" d="M0 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t231.5 47.5q122 0 232.5 -47.5t190.5 -127.5t127.5 -190.5t47.5 -232.5q0 -162 -80 -299.5t-218 -217.5t-300 -80t-299.5 80t-217.5 217.5t-80 299.5zM200 600l402 -294l-2 194h300l2 201h-300v197z" /> +<glyph unicode="" d="M5 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5q162 0 299.5 -80t217.5 -218t80 -300t-80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5zM300 600h200v-300h200v300h200l-300 400z" /> +<glyph unicode="" d="M5 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5q162 0 299.5 -80t217.5 -218t80 -300t-80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5zM300 600l300 -400l300 400h-200v300h-200v-300h-200z" /> +<glyph unicode="" d="M5 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5q121 0 231.5 -47.5t190.5 -127.5t127.5 -190.5t47.5 -232.5q0 -162 -80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5zM254 780q-8 -33 5.5 -92.5t7.5 -87.5q0 -9 17 -44t16 -60 q12 0 23 -5.5t23 -15t20 -13.5q24 -12 108 -42q22 -8 53 -31.5t59.5 -38.5t57.5 -11q8 -18 -15 -55t-20 -57q42 -71 87 -80q0 -6 -3 -15.5t-3.5 -14.5t4.5 -17q104 -3 221 112q30 29 47 47t34.5 49t20.5 62q-14 9 -37 9.5t-36 7.5q-14 7 -49 15t-52 19q-9 0 -39.5 -0.5 t-46.5 -1.5t-39 -6.5t-39 -16.5q-50 -35 -66 -12q-4 2 -3.5 25.5t0.5 25.5q-6 13 -26.5 17t-24.5 7q2 22 -2 41t-16.5 28t-38.5 -20q-23 -25 -42 4q-19 28 -8 58q6 16 22 22q6 -1 26 -1.5t33.5 -4t19.5 -13.5q12 -19 32 -37.5t34 -27.5l14 -8q0 3 9.5 39.5t5.5 57.5 q-4 23 14.5 44.5t22.5 31.5q5 14 10 35t8.5 31t15.5 22.5t34 21.5q-6 18 10 37q8 0 23.5 -1.5t24.5 -1.5t20.5 4.5t20.5 15.5q-10 23 -30.5 42.5t-38 30t-49 26.5t-43.5 23q11 39 2 44q31 -13 58 -14.5t39 3.5l11 4q7 36 -16.5 53.5t-64.5 28.5t-56 23q-19 -3 -37 0 q-15 -12 -36.5 -21t-34.5 -12t-44 -8t-39 -6q-15 -3 -45.5 0.5t-45.5 -2.5q-21 -7 -52 -26.5t-34 -34.5q-3 -11 6.5 -22.5t8.5 -18.5q-3 -34 -27.5 -90.5t-29.5 -79.5zM518 916q3 12 16 30t16 25q10 -10 18.5 -10t14 6t14.5 14.5t16 12.5q0 -24 17 -66.5t17 -43.5 q-9 2 -31 5t-36 5t-32 8t-30 14zM692 1003h1h-1z" /> +<glyph unicode="" d="M0 164.5q0 21.5 15 37.5l600 599q-33 101 6 201.5t135 154.5q164 92 306 -9l-259 -138l145 -232l251 126q13 -175 -151 -267q-123 -70 -253 -23l-596 -596q-15 -16 -36.5 -16t-36.5 16l-111 110q-15 15 -15 36.5z" /> +<glyph unicode="" horiz-adv-x="1220" d="M0 196v100q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5zM0 596v100q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000 q-41 0 -70.5 29.5t-29.5 70.5zM0 996v100q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5zM600 596h500v100h-500v-100zM800 196h300v100h-300v-100zM900 996h200v100h-200v-100z" /> +<glyph unicode="" d="M100 1100v100h1000v-100h-1000zM150 1000h900l-350 -500v-300l-200 -200v500z" /> +<glyph unicode="" d="M0 200v200h1200v-200q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5zM0 500v400q0 41 29.5 70.5t70.5 29.5h300v100q0 41 29.5 70.5t70.5 29.5h200q41 0 70.5 -29.5t29.5 -70.5v-100h300q41 0 70.5 -29.5t29.5 -70.5v-400h-500v100h-200v-100h-500z M500 1000h200v100h-200v-100z" /> +<glyph unicode="" d="M0 0v400l129 -129l200 200l142 -142l-200 -200l129 -129h-400zM0 800l129 129l200 -200l142 142l-200 200l129 129h-400v-400zM729 329l142 142l200 -200l129 129v-400h-400l129 129zM729 871l200 200l-129 129h400v-400l-129 129l-200 -200z" /> +<glyph unicode="" d="M0 596q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM182 596q0 -172 121.5 -293t292.5 -121t292.5 121t121.5 293q0 171 -121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM291 655 q0 23 15.5 38.5t38.5 15.5t39 -16t16 -38q0 -23 -16 -39t-39 -16q-22 0 -38 16t-16 39zM400 850q0 22 16 38.5t39 16.5q22 0 38 -16t16 -39t-16 -39t-38 -16q-23 0 -39 16.5t-16 38.5zM514 609q0 32 20.5 56.5t51.5 29.5l122 126l1 1q-9 14 -9 28q0 22 16 38.5t39 16.5 q22 0 38 -16t16 -39t-16 -39t-38 -16q-14 0 -29 10l-55 -145q17 -22 17 -51q0 -36 -25.5 -61.5t-61.5 -25.5t-61.5 25.5t-25.5 61.5zM800 655q0 22 16 38t39 16t38.5 -15.5t15.5 -38.5t-16 -39t-38 -16q-23 0 -39 16t-16 39z" /> +<glyph unicode="" d="M-40 375q-13 -95 35 -173q35 -57 94 -89t129 -32q63 0 119 28q33 16 65 40.5t52.5 45.5t59.5 64q40 44 57 61l394 394q35 35 47 84t-3 96q-27 87 -117 104q-20 2 -29 2q-46 0 -78.5 -16.5t-67.5 -51.5l-389 -396l-7 -7l69 -67l377 373q20 22 39 38q23 23 50 23 q38 0 53 -36q16 -39 -20 -75l-547 -547q-52 -52 -125 -52q-55 0 -100 33t-54 96q-5 35 2.5 66t31.5 63t42 50t56 54q24 21 44 41l348 348q52 52 82.5 79.5t84 54t107.5 26.5q25 0 48 -4q95 -17 154 -94.5t51 -175.5q-7 -101 -98 -192l-252 -249l-253 -256l7 -7l69 -60 l517 511q67 67 95 157t11 183q-16 87 -67 154t-130 103q-69 33 -152 33q-107 0 -197 -55q-40 -24 -111 -95l-512 -512q-68 -68 -81 -163z" /> +<glyph unicode="" d="M80 784q0 131 98.5 229.5t230.5 98.5q143 0 241 -129q103 129 246 129q129 0 226 -98.5t97 -229.5q0 -46 -17.5 -91t-61 -99t-77 -89.5t-104.5 -105.5q-197 -191 -293 -322l-17 -23l-16 23q-43 58 -100 122.5t-92 99.5t-101 100q-71 70 -104.5 105.5t-77 89.5t-61 99 t-17.5 91zM250 784q0 -27 30.5 -70t61.5 -75.5t95 -94.5l22 -22q93 -90 190 -201q82 92 195 203l12 12q64 62 97.5 97t64.5 79t31 72q0 71 -48 119.5t-105 48.5q-74 0 -132 -83l-118 -171l-114 174q-51 80 -123 80q-60 0 -109.5 -49.5t-49.5 -118.5z" /> +<glyph unicode="" d="M57 353q0 -95 66 -159l141 -142q68 -66 159 -66q93 0 159 66l283 283q66 66 66 159t-66 159l-141 141q-8 9 -19 17l-105 -105l212 -212l-389 -389l-247 248l95 95l-18 18q-46 45 -75 101l-55 -55q-66 -66 -66 -159zM269 706q0 -93 66 -159l141 -141q7 -7 19 -17l105 105 l-212 212l389 389l247 -247l-95 -96l18 -17q47 -49 77 -100l29 29q35 35 62.5 88t27.5 96q0 93 -66 159l-141 141q-66 66 -159 66q-95 0 -159 -66l-283 -283q-66 -64 -66 -159z" /> +<glyph unicode="" d="M200 100v953q0 21 30 46t81 48t129 38t163 15t162 -15t127 -38t79 -48t29 -46v-953q0 -41 -29.5 -70.5t-70.5 -29.5h-600q-41 0 -70.5 29.5t-29.5 70.5zM300 300h600v700h-600v-700zM496 150q0 -43 30.5 -73.5t73.5 -30.5t73.5 30.5t30.5 73.5t-30.5 73.5t-73.5 30.5 t-73.5 -30.5t-30.5 -73.5z" /> +<glyph unicode="" d="M0 0l303 380l207 208l-210 212h300l267 279l-35 36q-15 14 -15 35t15 35q14 15 35 15t35 -15l283 -282q15 -15 15 -36t-15 -35q-14 -15 -35 -15t-35 15l-36 35l-279 -267v-300l-212 210l-208 -207z" /> +<glyph unicode="" d="M295 433h139q5 -77 48.5 -126.5t117.5 -64.5v335q-6 1 -15.5 4t-11.5 3q-46 14 -79 26.5t-72 36t-62.5 52t-40 72.5t-16.5 99q0 92 44 159.5t109 101t144 40.5v78h100v-79q38 -4 72.5 -13.5t75.5 -31.5t71 -53.5t51.5 -84t24.5 -118.5h-159q-8 72 -35 109.5t-101 50.5 v-307l64 -14q34 -7 64 -16.5t70 -31.5t67.5 -52t47.5 -80.5t20 -112.5q0 -139 -89 -224t-244 -96v-77h-100v78q-152 17 -237 104q-40 40 -52.5 93.5t-15.5 139.5zM466 889q0 -29 8 -51t16.5 -34t29.5 -22.5t31 -13.5t38 -10q7 -2 11 -3v274q-61 -8 -97.5 -37.5t-36.5 -102.5 zM700 237q170 18 170 151q0 64 -44 99.5t-126 60.5v-311z" /> +<glyph unicode="" d="M100 600v100h166q-24 49 -44 104q-10 26 -14.5 55.5t-3 72.5t25 90t68.5 87q97 88 263 88q129 0 230 -89t101 -208h-153q0 52 -34 89.5t-74 51.5t-76 14q-37 0 -79 -14.5t-62 -35.5q-41 -44 -41 -101q0 -28 16.5 -69.5t28 -62.5t41.5 -72h241v-100h-197q8 -50 -2.5 -115 t-31.5 -94q-41 -59 -99 -113q35 11 84 18t70 7q33 1 103 -16t103 -17q76 0 136 30l50 -147q-41 -25 -80.5 -36.5t-59 -13t-61.5 -1.5q-23 0 -128 33t-155 29q-39 -4 -82 -17t-66 -25l-24 -11l-55 145l16.5 11t15.5 10t13.5 9.5t14.5 12t14.5 14t17.5 18.5q48 55 54 126.5 t-30 142.5h-221z" /> +<glyph unicode="" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM602 900l298 300l298 -300h-198v-900h-200v900h-198z" /> +<glyph unicode="" d="M2 300h198v900h200v-900h198l-298 -300zM700 0v200h100v-100h200v-100h-300zM700 400v100h300v-200h-99v-100h-100v100h99v100h-200zM700 700v500h300v-500h-100v100h-100v-100h-100zM801 900h100v200h-100v-200z" /> +<glyph unicode="" d="M2 300h198v900h200v-900h198l-298 -300zM700 0v500h300v-500h-100v100h-100v-100h-100zM700 700v200h100v-100h200v-100h-300zM700 1100v100h300v-200h-99v-100h-100v100h99v100h-200zM801 200h100v200h-100v-200z" /> +<glyph unicode="" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM800 100v400h300v-500h-100v100h-200zM800 1100v100h200v-500h-100v400h-100zM901 200h100v200h-100v-200z" /> +<glyph unicode="" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM800 400v100h200v-500h-100v400h-100zM800 800v400h300v-500h-100v100h-200zM901 900h100v200h-100v-200z" /> +<glyph unicode="" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM700 100v200h500v-200h-500zM700 400v200h400v-200h-400zM700 700v200h300v-200h-300zM700 1000v200h200v-200h-200z" /> +<glyph unicode="" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM700 100v200h200v-200h-200zM700 400v200h300v-200h-300zM700 700v200h400v-200h-400zM700 1000v200h500v-200h-500z" /> +<glyph unicode="" d="M0 400v300q0 165 117.5 282.5t282.5 117.5h300q162 0 281 -118.5t119 -281.5v-300q0 -165 -118.5 -282.5t-281.5 -117.5h-300q-165 0 -282.5 117.5t-117.5 282.5zM200 300q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5 h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500z" /> +<glyph unicode="" d="M0 400v300q0 163 119 281.5t281 118.5h300q165 0 282.5 -117.5t117.5 -282.5v-300q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-163 0 -281.5 117.5t-118.5 282.5zM200 300q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5 h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500zM400 300l333 250l-333 250v-500z" /> +<glyph unicode="" d="M0 400v300q0 163 117.5 281.5t282.5 118.5h300q163 0 281.5 -119t118.5 -281v-300q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5t-117.5 282.5zM200 300q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5 h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500zM300 700l250 -333l250 333h-500z" /> +<glyph unicode="" d="M0 400v300q0 165 117.5 282.5t282.5 117.5h300q165 0 282.5 -117.5t117.5 -282.5v-300q0 -162 -118.5 -281t-281.5 -119h-300q-165 0 -282.5 118.5t-117.5 281.5zM200 300q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5 h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500zM300 400h500l-250 333z" /> +<glyph unicode="" d="M0 400v300h300v200l400 -350l-400 -350v200h-300zM500 0v200h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5h-500v200h400q165 0 282.5 -117.5t117.5 -282.5v-300q0 -165 -117.5 -282.5t-282.5 -117.5h-400z" /> +<glyph unicode="" d="M217 519q8 -19 31 -19h302q-155 -438 -160 -458q-5 -21 4 -32l9 -8h9q14 0 26 15q11 13 274.5 321.5t264.5 308.5q14 19 5 36q-8 17 -31 17l-301 -1q1 4 78 219.5t79 227.5q2 15 -5 27l-9 9h-9q-15 0 -25 -16q-4 -6 -98 -111.5t-228.5 -257t-209.5 -237.5q-16 -19 -6 -41 z" /> +<glyph unicode="" d="M0 400q0 -165 117.5 -282.5t282.5 -117.5h300q47 0 100 15v185h-500q-41 0 -70.5 29.5t-29.5 70.5v500q0 41 29.5 70.5t70.5 29.5h500v185q-14 4 -114 7.5t-193 5.5l-93 2q-165 0 -282.5 -117.5t-117.5 -282.5v-300zM600 400v300h300v200l400 -350l-400 -350v200h-300z " /> +<glyph unicode="" d="M0 400q0 -165 117.5 -282.5t282.5 -117.5h300q163 0 281.5 117.5t118.5 282.5v98l-78 73l-122 -123v-148q0 -41 -29.5 -70.5t-70.5 -29.5h-500q-41 0 -70.5 29.5t-29.5 70.5v500q0 41 29.5 70.5t70.5 29.5h156l118 122l-74 78h-100q-165 0 -282.5 -117.5t-117.5 -282.5 v-300zM496 709l353 342l-149 149h500v-500l-149 149l-342 -353z" /> +<glyph unicode="" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM406 600 q0 80 57 137t137 57t137 -57t57 -137t-57 -137t-137 -57t-137 57t-57 137z" /> +<glyph unicode="" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM100 800l445 -500l450 500h-295v400h-300v-400h-300zM900 150h100v50h-100v-50z" /> +<glyph unicode="" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM100 700h300v-300h300v300h295l-445 500zM900 150h100v50h-100v-50z" /> +<glyph unicode="" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM100 705l305 -305l596 596l-154 155l-442 -442l-150 151zM900 150h100v50h-100v-50z" /> +<glyph unicode="" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM100 988l97 -98l212 213l-97 97zM200 400l697 1l3 699l-250 -239l-149 149l-212 -212l149 -149zM900 150h100v50h-100v-50z" /> +<glyph unicode="" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM200 612l212 -212l98 97l-213 212zM300 1200l239 -250l-149 -149l212 -212l149 148l249 -237l-1 697zM900 150h100v50h-100v-50z" /> +<glyph unicode="" d="M23 415l1177 784v-1079l-475 272l-310 -393v416h-392zM494 210l672 938l-672 -712v-226z" /> +<glyph unicode="" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-850q0 -21 -15 -35.5t-35 -14.5h-150v400h-700v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM600 1000h100v200h-100v-200z" /> +<glyph unicode="" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-218l-276 -275l-120 120l-126 -127h-378v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM581 306l123 123l120 -120l353 352l123 -123l-475 -476zM600 1000h100v200h-100v-200z" /> +<glyph unicode="" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-269l-103 -103l-170 170l-298 -298h-329v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM600 1000h100v200h-100v-200zM700 133l170 170l-170 170l127 127l170 -170l170 170l127 -128l-170 -169l170 -170 l-127 -127l-170 170l-170 -170z" /> +<glyph unicode="" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-300h-400v-200h-500v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM600 300l300 -300l300 300h-200v300h-200v-300h-200zM600 1000v200h100v-200h-100z" /> +<glyph unicode="" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-402l-200 200l-298 -298h-402v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM600 300h200v-300h200v300h200l-300 300zM600 1000v200h100v-200h-100z" /> +<glyph unicode="" d="M0 250q0 -21 14.5 -35.5t35.5 -14.5h1100q21 0 35.5 14.5t14.5 35.5v550h-1200v-550zM0 900h1200v150q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5v-150zM100 300v200h400v-200h-400z" /> +<glyph unicode="" d="M0 400l300 298v-198h400v-200h-400v-198zM100 800v200h100v-200h-100zM300 800v200h100v-200h-100zM500 800v200h400v198l300 -298l-300 -298v198h-400zM800 300v200h100v-200h-100zM1000 300h100v200h-100v-200z" /> +<glyph unicode="" d="M100 700v400l50 100l50 -100v-300h100v300l50 100l50 -100v-300h100v300l50 100l50 -100v-400l-100 -203v-447q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v447zM800 597q0 -29 10.5 -55.5t25 -43t29 -28.5t25.5 -18l10 -5v-397q0 -21 14.5 -35.5 t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5v1106q0 31 -18 40.5t-44 -7.5l-276 -116q-25 -17 -43.5 -51.5t-18.5 -65.5v-359z" /> +<glyph unicode="" d="M100 0h400v56q-75 0 -87.5 6t-12.5 44v394h500v-394q0 -38 -12.5 -44t-87.5 -6v-56h400v56q-4 0 -11 0.5t-24 3t-30 7t-24 15t-11 24.5v888q0 22 25 34.5t50 13.5l25 2v56h-400v-56q75 0 87.5 -6t12.5 -44v-394h-500v394q0 38 12.5 44t87.5 6v56h-400v-56q4 0 11 -0.5 t24 -3t30 -7t24 -15t11 -24.5v-888q0 -22 -25 -34.5t-50 -13.5l-25 -2v-56z" /> +<glyph unicode="" d="M0 300q0 -41 29.5 -70.5t70.5 -29.5h300q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5h-300q-41 0 -70.5 -29.5t-29.5 -70.5v-500zM100 100h400l200 200h105l295 98v-298h-425l-100 -100h-375zM100 300v200h300v-200h-300zM100 600v200h300v-200h-300z M100 1000h400l200 -200v-98l295 98h105v200h-425l-100 100h-375zM700 402v163l400 133v-163z" /> +<glyph unicode="" d="M16.5 974.5q0.5 -21.5 16 -90t46.5 -140t104 -177.5t175 -208q103 -103 207.5 -176t180 -103.5t137 -47t92.5 -16.5l31 1l163 162q17 18 13.5 41t-22.5 37l-192 136q-19 14 -45 12t-42 -19l-118 -118q-142 101 -268 227t-227 268l118 118q17 17 20 41.5t-11 44.5 l-139 194q-14 19 -36.5 22t-40.5 -14l-162 -162q-1 -11 -0.5 -32.5z" /> +<glyph unicode="" d="M0 50v212q0 20 10.5 45.5t24.5 39.5l365 303v50q0 4 1 10.5t12 22.5t30 28.5t60 23t97 10.5t97 -10t60 -23.5t30 -27.5t12 -24l1 -10v-50l365 -303q14 -14 24.5 -39.5t10.5 -45.5v-212q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-20 0 -35 14.5t-15 35.5zM0 712 q0 -21 14.5 -33.5t34.5 -8.5l202 33q20 4 34.5 21t14.5 38v146q141 24 300 24t300 -24v-146q0 -21 14.5 -38t34.5 -21l202 -33q20 -4 34.5 8.5t14.5 33.5v200q-6 8 -19 20.5t-63 45t-112 57t-171 45t-235 20.5q-92 0 -175 -10.5t-141.5 -27t-108.5 -36.5t-81.5 -40 t-53.5 -36.5t-31 -27.5l-9 -10v-200z" /> +<glyph unicode="" d="M100 0v100h1100v-100h-1100zM175 200h950l-125 150v250l100 100v400h-100v-200h-100v200h-200v-200h-100v200h-200v-200h-100v200h-100v-400l100 -100v-250z" /> +<glyph unicode="" d="M100 0h300v400q0 41 -29.5 70.5t-70.5 29.5h-100q-41 0 -70.5 -29.5t-29.5 -70.5v-400zM500 0v1000q0 41 29.5 70.5t70.5 29.5h100q41 0 70.5 -29.5t29.5 -70.5v-1000h-300zM900 0v700q0 41 29.5 70.5t70.5 29.5h100q41 0 70.5 -29.5t29.5 -70.5v-700h-300z" /> +<glyph unicode="" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h300v300h-200v100h200v100h-300v-300h200v-100h-200v-100zM600 300h200v100h100v300h-100v100h-200v-500 zM700 400v300h100v-300h-100z" /> +<glyph unicode="" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h100v200h100v-200h100v500h-100v-200h-100v200h-100v-500zM600 300h200v100h100v300h-100v100h-200v-500 zM700 400v300h100v-300h-100z" /> +<glyph unicode="" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h300v100h-200v300h200v100h-300v-500zM600 300h300v100h-200v300h200v100h-300v-500z" /> +<glyph unicode="" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 550l300 -150v300zM600 400l300 150l-300 150v-300z" /> +<glyph unicode="" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300v500h700v-500h-700zM300 400h130q41 0 68 42t27 107t-28.5 108t-66.5 43h-130v-300zM575 549 q0 -65 27 -107t68 -42h130v300h-130q-38 0 -66.5 -43t-28.5 -108z" /> +<glyph unicode="" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h300v300h-200v100h200v100h-300v-300h200v-100h-200v-100zM601 300h100v100h-100v-100zM700 700h100 v-400h100v500h-200v-100z" /> +<glyph unicode="" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h300v400h-200v100h-100v-500zM301 400v200h100v-200h-100zM601 300h100v100h-100v-100zM700 700h100 v-400h100v500h-200v-100z" /> +<glyph unicode="" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 700v100h300v-300h-99v-100h-100v100h99v200h-200zM201 300v100h100v-100h-100zM601 300v100h100v-100h-100z M700 700v100h200v-500h-100v400h-100z" /> +<glyph unicode="" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM400 500v200 l100 100h300v-100h-300v-200h300v-100h-300z" /> +<glyph unicode="" d="M0 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM182 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM400 400v400h300 l100 -100v-100h-100v100h-200v-100h200v-100h-200v-100h-100zM700 400v100h100v-100h-100z" /> +<glyph unicode="" d="M-14 494q0 -80 56.5 -137t135.5 -57h222v300h400v-300h128q120 0 205 86.5t85 207.5t-85 207t-205 86q-46 0 -90 -14q-44 97 -134.5 156.5t-200.5 59.5q-152 0 -260 -107.5t-108 -260.5q0 -25 2 -37q-66 -14 -108.5 -67.5t-42.5 -122.5zM300 200h200v300h200v-300h200 l-300 -300z" /> +<glyph unicode="" d="M-14 494q0 -80 56.5 -137t135.5 -57h8l414 414l403 -403q94 26 154.5 104.5t60.5 178.5q0 120 -85 206.5t-205 86.5q-46 0 -90 -14q-44 97 -134.5 156.5t-200.5 59.5q-152 0 -260 -107.5t-108 -260.5q0 -25 2 -37q-66 -14 -108.5 -67.5t-42.5 -122.5zM300 200l300 300 l300 -300h-200v-300h-200v300h-200z" /> +<glyph unicode="" d="M100 200h400v-155l-75 -45h350l-75 45v155h400l-270 300h170l-270 300h170l-300 333l-300 -333h170l-270 -300h170z" /> +<glyph unicode="" d="M121 700q0 -53 28.5 -97t75.5 -65q-4 -16 -4 -38q0 -74 52.5 -126.5t126.5 -52.5q56 0 100 30v-306l-75 -45h350l-75 45v306q46 -30 100 -30q74 0 126.5 52.5t52.5 126.5q0 24 -9 55q50 32 79.5 83t29.5 112q0 90 -61.5 155.5t-150.5 71.5q-26 89 -99.5 145.5 t-167.5 56.5q-116 0 -197.5 -81.5t-81.5 -197.5q0 -4 1 -11.5t1 -11.5q-14 2 -23 2q-74 0 -126.5 -52.5t-52.5 -126.5z" /> +</font> +</defs></svg>
\ No newline at end of file diff --git a/bower_components/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf b/bower_components/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf Binary files differnew file mode 100644 index 00000000..67fa00bf --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf diff --git a/bower_components/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.woff b/bower_components/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.woff Binary files differnew file mode 100644 index 00000000..8c54182a --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.woff diff --git a/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap-sprockets.js b/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap-sprockets.js new file mode 100644 index 00000000..1abde496 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap-sprockets.js @@ -0,0 +1,12 @@ +//= require ./bootstrap/affix +//= require ./bootstrap/alert +//= require ./bootstrap/button +//= require ./bootstrap/carousel +//= require ./bootstrap/collapse +//= require ./bootstrap/dropdown +//= require ./bootstrap/tab +//= require ./bootstrap/transition +//= require ./bootstrap/scrollspy +//= require ./bootstrap/modal +//= require ./bootstrap/tooltip +//= require ./bootstrap/popover diff --git a/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap.js b/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap.js new file mode 100644 index 00000000..485f5f96 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap.js @@ -0,0 +1,2304 @@ +/* ======================================================================== + * Bootstrap: affix.js v3.3.1 + * http://getbootstrap.com/javascript/#affix + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // AFFIX CLASS DEFINITION + // ====================== + + var Affix = function (element, options) { + this.options = $.extend({}, Affix.DEFAULTS, options) + + this.$target = $(this.options.target) + .on('scroll.bs.affix.data-api', $.proxy(this.checkPosition, this)) + .on('click.bs.affix.data-api', $.proxy(this.checkPositionWithEventLoop, this)) + + this.$element = $(element) + this.affixed = + this.unpin = + this.pinnedOffset = null + + this.checkPosition() + } + + Affix.VERSION = '3.3.1' + + Affix.RESET = 'affix affix-top affix-bottom' + + Affix.DEFAULTS = { + offset: 0, + target: window + } + + Affix.prototype.getState = function (scrollHeight, height, offsetTop, offsetBottom) { + var scrollTop = this.$target.scrollTop() + var position = this.$element.offset() + var targetHeight = this.$target.height() + + if (offsetTop != null && this.affixed == 'top') return scrollTop < offsetTop ? 'top' : false + + if (this.affixed == 'bottom') { + if (offsetTop != null) return (scrollTop + this.unpin <= position.top) ? false : 'bottom' + return (scrollTop + targetHeight <= scrollHeight - offsetBottom) ? false : 'bottom' + } + + var initializing = this.affixed == null + var colliderTop = initializing ? scrollTop : position.top + var colliderHeight = initializing ? targetHeight : height + + if (offsetTop != null && colliderTop <= offsetTop) return 'top' + if (offsetBottom != null && (colliderTop + colliderHeight >= scrollHeight - offsetBottom)) return 'bottom' + + return false + } + + Affix.prototype.getPinnedOffset = function () { + if (this.pinnedOffset) return this.pinnedOffset + this.$element.removeClass(Affix.RESET).addClass('affix') + var scrollTop = this.$target.scrollTop() + var position = this.$element.offset() + return (this.pinnedOffset = position.top - scrollTop) + } + + Affix.prototype.checkPositionWithEventLoop = function () { + setTimeout($.proxy(this.checkPosition, this), 1) + } + + Affix.prototype.checkPosition = function () { + if (!this.$element.is(':visible')) return + + var height = this.$element.height() + var offset = this.options.offset + var offsetTop = offset.top + var offsetBottom = offset.bottom + var scrollHeight = $('body').height() + + if (typeof offset != 'object') offsetBottom = offsetTop = offset + if (typeof offsetTop == 'function') offsetTop = offset.top(this.$element) + if (typeof offsetBottom == 'function') offsetBottom = offset.bottom(this.$element) + + var affix = this.getState(scrollHeight, height, offsetTop, offsetBottom) + + if (this.affixed != affix) { + if (this.unpin != null) this.$element.css('top', '') + + var affixType = 'affix' + (affix ? '-' + affix : '') + var e = $.Event(affixType + '.bs.affix') + + this.$element.trigger(e) + + if (e.isDefaultPrevented()) return + + this.affixed = affix + this.unpin = affix == 'bottom' ? this.getPinnedOffset() : null + + this.$element + .removeClass(Affix.RESET) + .addClass(affixType) + .trigger(affixType.replace('affix', 'affixed') + '.bs.affix') + } + + if (affix == 'bottom') { + this.$element.offset({ + top: scrollHeight - height - offsetBottom + }) + } + } + + + // AFFIX PLUGIN DEFINITION + // ======================= + + function Plugin(option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.affix') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs.affix', (data = new Affix(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + var old = $.fn.affix + + $.fn.affix = Plugin + $.fn.affix.Constructor = Affix + + + // AFFIX NO CONFLICT + // ================= + + $.fn.affix.noConflict = function () { + $.fn.affix = old + return this + } + + + // AFFIX DATA-API + // ============== + + $(window).on('load', function () { + $('[data-spy="affix"]').each(function () { + var $spy = $(this) + var data = $spy.data() + + data.offset = data.offset || {} + + if (data.offsetBottom != null) data.offset.bottom = data.offsetBottom + if (data.offsetTop != null) data.offset.top = data.offsetTop + + Plugin.call($spy, data) + }) + }) + +}(jQuery); + +/* ======================================================================== + * Bootstrap: alert.js v3.3.1 + * http://getbootstrap.com/javascript/#alerts + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // ALERT CLASS DEFINITION + // ====================== + + var dismiss = '[data-dismiss="alert"]' + var Alert = function (el) { + $(el).on('click', dismiss, this.close) + } + + Alert.VERSION = '3.3.1' + + Alert.TRANSITION_DURATION = 150 + + Alert.prototype.close = function (e) { + var $this = $(this) + var selector = $this.attr('data-target') + + if (!selector) { + selector = $this.attr('href') + selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 + } + + var $parent = $(selector) + + if (e) e.preventDefault() + + if (!$parent.length) { + $parent = $this.closest('.alert') + } + + $parent.trigger(e = $.Event('close.bs.alert')) + + if (e.isDefaultPrevented()) return + + $parent.removeClass('in') + + function removeElement() { + // detach from parent, fire event then clean up data + $parent.detach().trigger('closed.bs.alert').remove() + } + + $.support.transition && $parent.hasClass('fade') ? + $parent + .one('bsTransitionEnd', removeElement) + .emulateTransitionEnd(Alert.TRANSITION_DURATION) : + removeElement() + } + + + // ALERT PLUGIN DEFINITION + // ======================= + + function Plugin(option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.alert') + + if (!data) $this.data('bs.alert', (data = new Alert(this))) + if (typeof option == 'string') data[option].call($this) + }) + } + + var old = $.fn.alert + + $.fn.alert = Plugin + $.fn.alert.Constructor = Alert + + + // ALERT NO CONFLICT + // ================= + + $.fn.alert.noConflict = function () { + $.fn.alert = old + return this + } + + + // ALERT DATA-API + // ============== + + $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close) + +}(jQuery); + +/* ======================================================================== + * Bootstrap: button.js v3.3.1 + * http://getbootstrap.com/javascript/#buttons + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // BUTTON PUBLIC CLASS DEFINITION + // ============================== + + var Button = function (element, options) { + this.$element = $(element) + this.options = $.extend({}, Button.DEFAULTS, options) + this.isLoading = false + } + + Button.VERSION = '3.3.1' + + Button.DEFAULTS = { + loadingText: 'loading...' + } + + Button.prototype.setState = function (state) { + var d = 'disabled' + var $el = this.$element + var val = $el.is('input') ? 'val' : 'html' + var data = $el.data() + + state = state + 'Text' + + if (data.resetText == null) $el.data('resetText', $el[val]()) + + // push to event loop to allow forms to submit + setTimeout($.proxy(function () { + $el[val](data[state] == null ? this.options[state] : data[state]) + + if (state == 'loadingText') { + this.isLoading = true + $el.addClass(d).attr(d, d) + } else if (this.isLoading) { + this.isLoading = false + $el.removeClass(d).removeAttr(d) + } + }, this), 0) + } + + Button.prototype.toggle = function () { + var changed = true + var $parent = this.$element.closest('[data-toggle="buttons"]') + + if ($parent.length) { + var $input = this.$element.find('input') + if ($input.prop('type') == 'radio') { + if ($input.prop('checked') && this.$element.hasClass('active')) changed = false + else $parent.find('.active').removeClass('active') + } + if (changed) $input.prop('checked', !this.$element.hasClass('active')).trigger('change') + } else { + this.$element.attr('aria-pressed', !this.$element.hasClass('active')) + } + + if (changed) this.$element.toggleClass('active') + } + + + // BUTTON PLUGIN DEFINITION + // ======================== + + function Plugin(option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.button') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs.button', (data = new Button(this, options))) + + if (option == 'toggle') data.toggle() + else if (option) data.setState(option) + }) + } + + var old = $.fn.button + + $.fn.button = Plugin + $.fn.button.Constructor = Button + + + // BUTTON NO CONFLICT + // ================== + + $.fn.button.noConflict = function () { + $.fn.button = old + return this + } + + + // BUTTON DATA-API + // =============== + + $(document) + .on('click.bs.button.data-api', '[data-toggle^="button"]', function (e) { + var $btn = $(e.target) + if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn') + Plugin.call($btn, 'toggle') + e.preventDefault() + }) + .on('focus.bs.button.data-api blur.bs.button.data-api', '[data-toggle^="button"]', function (e) { + $(e.target).closest('.btn').toggleClass('focus', /^focus(in)?$/.test(e.type)) + }) + +}(jQuery); + +/* ======================================================================== + * Bootstrap: carousel.js v3.3.1 + * http://getbootstrap.com/javascript/#carousel + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // CAROUSEL CLASS DEFINITION + // ========================= + + var Carousel = function (element, options) { + this.$element = $(element) + this.$indicators = this.$element.find('.carousel-indicators') + this.options = options + this.paused = + this.sliding = + this.interval = + this.$active = + this.$items = null + + this.options.keyboard && this.$element.on('keydown.bs.carousel', $.proxy(this.keydown, this)) + + this.options.pause == 'hover' && !('ontouchstart' in document.documentElement) && this.$element + .on('mouseenter.bs.carousel', $.proxy(this.pause, this)) + .on('mouseleave.bs.carousel', $.proxy(this.cycle, this)) + } + + Carousel.VERSION = '3.3.1' + + Carousel.TRANSITION_DURATION = 600 + + Carousel.DEFAULTS = { + interval: 5000, + pause: 'hover', + wrap: true, + keyboard: true + } + + Carousel.prototype.keydown = function (e) { + if (/input|textarea/i.test(e.target.tagName)) return + switch (e.which) { + case 37: this.prev(); break + case 39: this.next(); break + default: return + } + + e.preventDefault() + } + + Carousel.prototype.cycle = function (e) { + e || (this.paused = false) + + this.interval && clearInterval(this.interval) + + this.options.interval + && !this.paused + && (this.interval = setInterval($.proxy(this.next, this), this.options.interval)) + + return this + } + + Carousel.prototype.getItemIndex = function (item) { + this.$items = item.parent().children('.item') + return this.$items.index(item || this.$active) + } + + Carousel.prototype.getItemForDirection = function (direction, active) { + var delta = direction == 'prev' ? -1 : 1 + var activeIndex = this.getItemIndex(active) + var itemIndex = (activeIndex + delta) % this.$items.length + return this.$items.eq(itemIndex) + } + + Carousel.prototype.to = function (pos) { + var that = this + var activeIndex = this.getItemIndex(this.$active = this.$element.find('.item.active')) + + if (pos > (this.$items.length - 1) || pos < 0) return + + if (this.sliding) return this.$element.one('slid.bs.carousel', function () { that.to(pos) }) // yes, "slid" + if (activeIndex == pos) return this.pause().cycle() + + return this.slide(pos > activeIndex ? 'next' : 'prev', this.$items.eq(pos)) + } + + Carousel.prototype.pause = function (e) { + e || (this.paused = true) + + if (this.$element.find('.next, .prev').length && $.support.transition) { + this.$element.trigger($.support.transition.end) + this.cycle(true) + } + + this.interval = clearInterval(this.interval) + + return this + } + + Carousel.prototype.next = function () { + if (this.sliding) return + return this.slide('next') + } + + Carousel.prototype.prev = function () { + if (this.sliding) return + return this.slide('prev') + } + + Carousel.prototype.slide = function (type, next) { + var $active = this.$element.find('.item.active') + var $next = next || this.getItemForDirection(type, $active) + var isCycling = this.interval + var direction = type == 'next' ? 'left' : 'right' + var fallback = type == 'next' ? 'first' : 'last' + var that = this + + if (!$next.length) { + if (!this.options.wrap) return + $next = this.$element.find('.item')[fallback]() + } + + if ($next.hasClass('active')) return (this.sliding = false) + + var relatedTarget = $next[0] + var slideEvent = $.Event('slide.bs.carousel', { + relatedTarget: relatedTarget, + direction: direction + }) + this.$element.trigger(slideEvent) + if (slideEvent.isDefaultPrevented()) return + + this.sliding = true + + isCycling && this.pause() + + if (this.$indicators.length) { + this.$indicators.find('.active').removeClass('active') + var $nextIndicator = $(this.$indicators.children()[this.getItemIndex($next)]) + $nextIndicator && $nextIndicator.addClass('active') + } + + var slidEvent = $.Event('slid.bs.carousel', { relatedTarget: relatedTarget, direction: direction }) // yes, "slid" + if ($.support.transition && this.$element.hasClass('slide')) { + $next.addClass(type) + $next[0].offsetWidth // force reflow + $active.addClass(direction) + $next.addClass(direction) + $active + .one('bsTransitionEnd', function () { + $next.removeClass([type, direction].join(' ')).addClass('active') + $active.removeClass(['active', direction].join(' ')) + that.sliding = false + setTimeout(function () { + that.$element.trigger(slidEvent) + }, 0) + }) + .emulateTransitionEnd(Carousel.TRANSITION_DURATION) + } else { + $active.removeClass('active') + $next.addClass('active') + this.sliding = false + this.$element.trigger(slidEvent) + } + + isCycling && this.cycle() + + return this + } + + + // CAROUSEL PLUGIN DEFINITION + // ========================== + + function Plugin(option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.carousel') + var options = $.extend({}, Carousel.DEFAULTS, $this.data(), typeof option == 'object' && option) + var action = typeof option == 'string' ? option : options.slide + + if (!data) $this.data('bs.carousel', (data = new Carousel(this, options))) + if (typeof option == 'number') data.to(option) + else if (action) data[action]() + else if (options.interval) data.pause().cycle() + }) + } + + var old = $.fn.carousel + + $.fn.carousel = Plugin + $.fn.carousel.Constructor = Carousel + + + // CAROUSEL NO CONFLICT + // ==================== + + $.fn.carousel.noConflict = function () { + $.fn.carousel = old + return this + } + + + // CAROUSEL DATA-API + // ================= + + var clickHandler = function (e) { + var href + var $this = $(this) + var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) // strip for ie7 + if (!$target.hasClass('carousel')) return + var options = $.extend({}, $target.data(), $this.data()) + var slideIndex = $this.attr('data-slide-to') + if (slideIndex) options.interval = false + + Plugin.call($target, options) + + if (slideIndex) { + $target.data('bs.carousel').to(slideIndex) + } + + e.preventDefault() + } + + $(document) + .on('click.bs.carousel.data-api', '[data-slide]', clickHandler) + .on('click.bs.carousel.data-api', '[data-slide-to]', clickHandler) + + $(window).on('load', function () { + $('[data-ride="carousel"]').each(function () { + var $carousel = $(this) + Plugin.call($carousel, $carousel.data()) + }) + }) + +}(jQuery); + +/* ======================================================================== + * Bootstrap: collapse.js v3.3.1 + * http://getbootstrap.com/javascript/#collapse + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // COLLAPSE PUBLIC CLASS DEFINITION + // ================================ + + var Collapse = function (element, options) { + this.$element = $(element) + this.options = $.extend({}, Collapse.DEFAULTS, options) + this.$trigger = $(this.options.trigger).filter('[href="#' + element.id + '"], [data-target="#' + element.id + '"]') + this.transitioning = null + + if (this.options.parent) { + this.$parent = this.getParent() + } else { + this.addAriaAndCollapsedClass(this.$element, this.$trigger) + } + + if (this.options.toggle) this.toggle() + } + + Collapse.VERSION = '3.3.1' + + Collapse.TRANSITION_DURATION = 350 + + Collapse.DEFAULTS = { + toggle: true, + trigger: '[data-toggle="collapse"]' + } + + Collapse.prototype.dimension = function () { + var hasWidth = this.$element.hasClass('width') + return hasWidth ? 'width' : 'height' + } + + Collapse.prototype.show = function () { + if (this.transitioning || this.$element.hasClass('in')) return + + var activesData + var actives = this.$parent && this.$parent.find('> .panel').children('.in, .collapsing') + + if (actives && actives.length) { + activesData = actives.data('bs.collapse') + if (activesData && activesData.transitioning) return + } + + var startEvent = $.Event('show.bs.collapse') + this.$element.trigger(startEvent) + if (startEvent.isDefaultPrevented()) return + + if (actives && actives.length) { + Plugin.call(actives, 'hide') + activesData || actives.data('bs.collapse', null) + } + + var dimension = this.dimension() + + this.$element + .removeClass('collapse') + .addClass('collapsing')[dimension](0) + .attr('aria-expanded', true) + + this.$trigger + .removeClass('collapsed') + .attr('aria-expanded', true) + + this.transitioning = 1 + + var complete = function () { + this.$element + .removeClass('collapsing') + .addClass('collapse in')[dimension]('') + this.transitioning = 0 + this.$element + .trigger('shown.bs.collapse') + } + + if (!$.support.transition) return complete.call(this) + + var scrollSize = $.camelCase(['scroll', dimension].join('-')) + + this.$element + .one('bsTransitionEnd', $.proxy(complete, this)) + .emulateTransitionEnd(Collapse.TRANSITION_DURATION)[dimension](this.$element[0][scrollSize]) + } + + Collapse.prototype.hide = function () { + if (this.transitioning || !this.$element.hasClass('in')) return + + var startEvent = $.Event('hide.bs.collapse') + this.$element.trigger(startEvent) + if (startEvent.isDefaultPrevented()) return + + var dimension = this.dimension() + + this.$element[dimension](this.$element[dimension]())[0].offsetHeight + + this.$element + .addClass('collapsing') + .removeClass('collapse in') + .attr('aria-expanded', false) + + this.$trigger + .addClass('collapsed') + .attr('aria-expanded', false) + + this.transitioning = 1 + + var complete = function () { + this.transitioning = 0 + this.$element + .removeClass('collapsing') + .addClass('collapse') + .trigger('hidden.bs.collapse') + } + + if (!$.support.transition) return complete.call(this) + + this.$element + [dimension](0) + .one('bsTransitionEnd', $.proxy(complete, this)) + .emulateTransitionEnd(Collapse.TRANSITION_DURATION) + } + + Collapse.prototype.toggle = function () { + this[this.$element.hasClass('in') ? 'hide' : 'show']() + } + + Collapse.prototype.getParent = function () { + return $(this.options.parent) + .find('[data-toggle="collapse"][data-parent="' + this.options.parent + '"]') + .each($.proxy(function (i, element) { + var $element = $(element) + this.addAriaAndCollapsedClass(getTargetFromTrigger($element), $element) + }, this)) + .end() + } + + Collapse.prototype.addAriaAndCollapsedClass = function ($element, $trigger) { + var isOpen = $element.hasClass('in') + + $element.attr('aria-expanded', isOpen) + $trigger + .toggleClass('collapsed', !isOpen) + .attr('aria-expanded', isOpen) + } + + function getTargetFromTrigger($trigger) { + var href + var target = $trigger.attr('data-target') + || (href = $trigger.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') // strip for ie7 + + return $(target) + } + + + // COLLAPSE PLUGIN DEFINITION + // ========================== + + function Plugin(option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.collapse') + var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option) + + if (!data && options.toggle && option == 'show') options.toggle = false + if (!data) $this.data('bs.collapse', (data = new Collapse(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + var old = $.fn.collapse + + $.fn.collapse = Plugin + $.fn.collapse.Constructor = Collapse + + + // COLLAPSE NO CONFLICT + // ==================== + + $.fn.collapse.noConflict = function () { + $.fn.collapse = old + return this + } + + + // COLLAPSE DATA-API + // ================= + + $(document).on('click.bs.collapse.data-api', '[data-toggle="collapse"]', function (e) { + var $this = $(this) + + if (!$this.attr('data-target')) e.preventDefault() + + var $target = getTargetFromTrigger($this) + var data = $target.data('bs.collapse') + var option = data ? 'toggle' : $.extend({}, $this.data(), { trigger: this }) + + Plugin.call($target, option) + }) + +}(jQuery); + +/* ======================================================================== + * Bootstrap: dropdown.js v3.3.1 + * http://getbootstrap.com/javascript/#dropdowns + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // DROPDOWN CLASS DEFINITION + // ========================= + + var backdrop = '.dropdown-backdrop' + var toggle = '[data-toggle="dropdown"]' + var Dropdown = function (element) { + $(element).on('click.bs.dropdown', this.toggle) + } + + Dropdown.VERSION = '3.3.1' + + Dropdown.prototype.toggle = function (e) { + var $this = $(this) + + if ($this.is('.disabled, :disabled')) return + + var $parent = getParent($this) + var isActive = $parent.hasClass('open') + + clearMenus() + + if (!isActive) { + if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) { + // if mobile we use a backdrop because click events don't delegate + $('<div class="dropdown-backdrop"/>').insertAfter($(this)).on('click', clearMenus) + } + + var relatedTarget = { relatedTarget: this } + $parent.trigger(e = $.Event('show.bs.dropdown', relatedTarget)) + + if (e.isDefaultPrevented()) return + + $this + .trigger('focus') + .attr('aria-expanded', 'true') + + $parent + .toggleClass('open') + .trigger('shown.bs.dropdown', relatedTarget) + } + + return false + } + + Dropdown.prototype.keydown = function (e) { + if (!/(38|40|27|32)/.test(e.which) || /input|textarea/i.test(e.target.tagName)) return + + var $this = $(this) + + e.preventDefault() + e.stopPropagation() + + if ($this.is('.disabled, :disabled')) return + + var $parent = getParent($this) + var isActive = $parent.hasClass('open') + + if ((!isActive && e.which != 27) || (isActive && e.which == 27)) { + if (e.which == 27) $parent.find(toggle).trigger('focus') + return $this.trigger('click') + } + + var desc = ' li:not(.divider):visible a' + var $items = $parent.find('[role="menu"]' + desc + ', [role="listbox"]' + desc) + + if (!$items.length) return + + var index = $items.index(e.target) + + if (e.which == 38 && index > 0) index-- // up + if (e.which == 40 && index < $items.length - 1) index++ // down + if (!~index) index = 0 + + $items.eq(index).trigger('focus') + } + + function clearMenus(e) { + if (e && e.which === 3) return + $(backdrop).remove() + $(toggle).each(function () { + var $this = $(this) + var $parent = getParent($this) + var relatedTarget = { relatedTarget: this } + + if (!$parent.hasClass('open')) return + + $parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget)) + + if (e.isDefaultPrevented()) return + + $this.attr('aria-expanded', 'false') + $parent.removeClass('open').trigger('hidden.bs.dropdown', relatedTarget) + }) + } + + function getParent($this) { + var selector = $this.attr('data-target') + + if (!selector) { + selector = $this.attr('href') + selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 + } + + var $parent = selector && $(selector) + + return $parent && $parent.length ? $parent : $this.parent() + } + + + // DROPDOWN PLUGIN DEFINITION + // ========================== + + function Plugin(option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.dropdown') + + if (!data) $this.data('bs.dropdown', (data = new Dropdown(this))) + if (typeof option == 'string') data[option].call($this) + }) + } + + var old = $.fn.dropdown + + $.fn.dropdown = Plugin + $.fn.dropdown.Constructor = Dropdown + + + // DROPDOWN NO CONFLICT + // ==================== + + $.fn.dropdown.noConflict = function () { + $.fn.dropdown = old + return this + } + + + // APPLY TO STANDARD DROPDOWN ELEMENTS + // =================================== + + $(document) + .on('click.bs.dropdown.data-api', clearMenus) + .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) + .on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle) + .on('keydown.bs.dropdown.data-api', toggle, Dropdown.prototype.keydown) + .on('keydown.bs.dropdown.data-api', '[role="menu"]', Dropdown.prototype.keydown) + .on('keydown.bs.dropdown.data-api', '[role="listbox"]', Dropdown.prototype.keydown) + +}(jQuery); + +/* ======================================================================== + * Bootstrap: tab.js v3.3.1 + * http://getbootstrap.com/javascript/#tabs + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // TAB CLASS DEFINITION + // ==================== + + var Tab = function (element) { + this.element = $(element) + } + + Tab.VERSION = '3.3.1' + + Tab.TRANSITION_DURATION = 150 + + Tab.prototype.show = function () { + var $this = this.element + var $ul = $this.closest('ul:not(.dropdown-menu)') + var selector = $this.data('target') + + if (!selector) { + selector = $this.attr('href') + selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 + } + + if ($this.parent('li').hasClass('active')) return + + var $previous = $ul.find('.active:last a') + var hideEvent = $.Event('hide.bs.tab', { + relatedTarget: $this[0] + }) + var showEvent = $.Event('show.bs.tab', { + relatedTarget: $previous[0] + }) + + $previous.trigger(hideEvent) + $this.trigger(showEvent) + + if (showEvent.isDefaultPrevented() || hideEvent.isDefaultPrevented()) return + + var $target = $(selector) + + this.activate($this.closest('li'), $ul) + this.activate($target, $target.parent(), function () { + $previous.trigger({ + type: 'hidden.bs.tab', + relatedTarget: $this[0] + }) + $this.trigger({ + type: 'shown.bs.tab', + relatedTarget: $previous[0] + }) + }) + } + + Tab.prototype.activate = function (element, container, callback) { + var $active = container.find('> .active') + var transition = callback + && $.support.transition + && (($active.length && $active.hasClass('fade')) || !!container.find('> .fade').length) + + function next() { + $active + .removeClass('active') + .find('> .dropdown-menu > .active') + .removeClass('active') + .end() + .find('[data-toggle="tab"]') + .attr('aria-expanded', false) + + element + .addClass('active') + .find('[data-toggle="tab"]') + .attr('aria-expanded', true) + + if (transition) { + element[0].offsetWidth // reflow for transition + element.addClass('in') + } else { + element.removeClass('fade') + } + + if (element.parent('.dropdown-menu')) { + element + .closest('li.dropdown') + .addClass('active') + .end() + .find('[data-toggle="tab"]') + .attr('aria-expanded', true) + } + + callback && callback() + } + + $active.length && transition ? + $active + .one('bsTransitionEnd', next) + .emulateTransitionEnd(Tab.TRANSITION_DURATION) : + next() + + $active.removeClass('in') + } + + + // TAB PLUGIN DEFINITION + // ===================== + + function Plugin(option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.tab') + + if (!data) $this.data('bs.tab', (data = new Tab(this))) + if (typeof option == 'string') data[option]() + }) + } + + var old = $.fn.tab + + $.fn.tab = Plugin + $.fn.tab.Constructor = Tab + + + // TAB NO CONFLICT + // =============== + + $.fn.tab.noConflict = function () { + $.fn.tab = old + return this + } + + + // TAB DATA-API + // ============ + + var clickHandler = function (e) { + e.preventDefault() + Plugin.call($(this), 'show') + } + + $(document) + .on('click.bs.tab.data-api', '[data-toggle="tab"]', clickHandler) + .on('click.bs.tab.data-api', '[data-toggle="pill"]', clickHandler) + +}(jQuery); + +/* ======================================================================== + * Bootstrap: transition.js v3.3.1 + * http://getbootstrap.com/javascript/#transitions + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) + // ============================================================ + + function transitionEnd() { + var el = document.createElement('bootstrap') + + var transEndEventNames = { + WebkitTransition : 'webkitTransitionEnd', + MozTransition : 'transitionend', + OTransition : 'oTransitionEnd otransitionend', + transition : 'transitionend' + } + + for (var name in transEndEventNames) { + if (el.style[name] !== undefined) { + return { end: transEndEventNames[name] } + } + } + + return false // explicit for ie8 ( ._.) + } + + // http://blog.alexmaccaw.com/css-transitions + $.fn.emulateTransitionEnd = function (duration) { + var called = false + var $el = this + $(this).one('bsTransitionEnd', function () { called = true }) + var callback = function () { if (!called) $($el).trigger($.support.transition.end) } + setTimeout(callback, duration) + return this + } + + $(function () { + $.support.transition = transitionEnd() + + if (!$.support.transition) return + + $.event.special.bsTransitionEnd = { + bindType: $.support.transition.end, + delegateType: $.support.transition.end, + handle: function (e) { + if ($(e.target).is(this)) return e.handleObj.handler.apply(this, arguments) + } + } + }) + +}(jQuery); + +/* ======================================================================== + * Bootstrap: scrollspy.js v3.3.1 + * http://getbootstrap.com/javascript/#scrollspy + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // SCROLLSPY CLASS DEFINITION + // ========================== + + function ScrollSpy(element, options) { + var process = $.proxy(this.process, this) + + this.$body = $('body') + this.$scrollElement = $(element).is('body') ? $(window) : $(element) + this.options = $.extend({}, ScrollSpy.DEFAULTS, options) + this.selector = (this.options.target || '') + ' .nav li > a' + this.offsets = [] + this.targets = [] + this.activeTarget = null + this.scrollHeight = 0 + + this.$scrollElement.on('scroll.bs.scrollspy', process) + this.refresh() + this.process() + } + + ScrollSpy.VERSION = '3.3.1' + + ScrollSpy.DEFAULTS = { + offset: 10 + } + + ScrollSpy.prototype.getScrollHeight = function () { + return this.$scrollElement[0].scrollHeight || Math.max(this.$body[0].scrollHeight, document.documentElement.scrollHeight) + } + + ScrollSpy.prototype.refresh = function () { + var offsetMethod = 'offset' + var offsetBase = 0 + + if (!$.isWindow(this.$scrollElement[0])) { + offsetMethod = 'position' + offsetBase = this.$scrollElement.scrollTop() + } + + this.offsets = [] + this.targets = [] + this.scrollHeight = this.getScrollHeight() + + var self = this + + this.$body + .find(this.selector) + .map(function () { + var $el = $(this) + var href = $el.data('target') || $el.attr('href') + var $href = /^#./.test(href) && $(href) + + return ($href + && $href.length + && $href.is(':visible') + && [[$href[offsetMethod]().top + offsetBase, href]]) || null + }) + .sort(function (a, b) { return a[0] - b[0] }) + .each(function () { + self.offsets.push(this[0]) + self.targets.push(this[1]) + }) + } + + ScrollSpy.prototype.process = function () { + var scrollTop = this.$scrollElement.scrollTop() + this.options.offset + var scrollHeight = this.getScrollHeight() + var maxScroll = this.options.offset + scrollHeight - this.$scrollElement.height() + var offsets = this.offsets + var targets = this.targets + var activeTarget = this.activeTarget + var i + + if (this.scrollHeight != scrollHeight) { + this.refresh() + } + + if (scrollTop >= maxScroll) { + return activeTarget != (i = targets[targets.length - 1]) && this.activate(i) + } + + if (activeTarget && scrollTop < offsets[0]) { + this.activeTarget = null + return this.clear() + } + + for (i = offsets.length; i--;) { + activeTarget != targets[i] + && scrollTop >= offsets[i] + && (!offsets[i + 1] || scrollTop <= offsets[i + 1]) + && this.activate(targets[i]) + } + } + + ScrollSpy.prototype.activate = function (target) { + this.activeTarget = target + + this.clear() + + var selector = this.selector + + '[data-target="' + target + '"],' + + this.selector + '[href="' + target + '"]' + + var active = $(selector) + .parents('li') + .addClass('active') + + if (active.parent('.dropdown-menu').length) { + active = active + .closest('li.dropdown') + .addClass('active') + } + + active.trigger('activate.bs.scrollspy') + } + + ScrollSpy.prototype.clear = function () { + $(this.selector) + .parentsUntil(this.options.target, '.active') + .removeClass('active') + } + + + // SCROLLSPY PLUGIN DEFINITION + // =========================== + + function Plugin(option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.scrollspy') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs.scrollspy', (data = new ScrollSpy(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + var old = $.fn.scrollspy + + $.fn.scrollspy = Plugin + $.fn.scrollspy.Constructor = ScrollSpy + + + // SCROLLSPY NO CONFLICT + // ===================== + + $.fn.scrollspy.noConflict = function () { + $.fn.scrollspy = old + return this + } + + + // SCROLLSPY DATA-API + // ================== + + $(window).on('load.bs.scrollspy.data-api', function () { + $('[data-spy="scroll"]').each(function () { + var $spy = $(this) + Plugin.call($spy, $spy.data()) + }) + }) + +}(jQuery); + +/* ======================================================================== + * Bootstrap: modal.js v3.3.1 + * http://getbootstrap.com/javascript/#modals + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // MODAL CLASS DEFINITION + // ====================== + + var Modal = function (element, options) { + this.options = options + this.$body = $(document.body) + this.$element = $(element) + this.$backdrop = + this.isShown = null + this.scrollbarWidth = 0 + + if (this.options.remote) { + this.$element + .find('.modal-content') + .load(this.options.remote, $.proxy(function () { + this.$element.trigger('loaded.bs.modal') + }, this)) + } + } + + Modal.VERSION = '3.3.1' + + Modal.TRANSITION_DURATION = 300 + Modal.BACKDROP_TRANSITION_DURATION = 150 + + Modal.DEFAULTS = { + backdrop: true, + keyboard: true, + show: true + } + + Modal.prototype.toggle = function (_relatedTarget) { + return this.isShown ? this.hide() : this.show(_relatedTarget) + } + + Modal.prototype.show = function (_relatedTarget) { + var that = this + var e = $.Event('show.bs.modal', { relatedTarget: _relatedTarget }) + + this.$element.trigger(e) + + if (this.isShown || e.isDefaultPrevented()) return + + this.isShown = true + + this.checkScrollbar() + this.setScrollbar() + this.$body.addClass('modal-open') + + this.escape() + this.resize() + + this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', $.proxy(this.hide, this)) + + this.backdrop(function () { + var transition = $.support.transition && that.$element.hasClass('fade') + + if (!that.$element.parent().length) { + that.$element.appendTo(that.$body) // don't move modals dom position + } + + that.$element + .show() + .scrollTop(0) + + if (that.options.backdrop) that.adjustBackdrop() + that.adjustDialog() + + if (transition) { + that.$element[0].offsetWidth // force reflow + } + + that.$element + .addClass('in') + .attr('aria-hidden', false) + + that.enforceFocus() + + var e = $.Event('shown.bs.modal', { relatedTarget: _relatedTarget }) + + transition ? + that.$element.find('.modal-dialog') // wait for modal to slide in + .one('bsTransitionEnd', function () { + that.$element.trigger('focus').trigger(e) + }) + .emulateTransitionEnd(Modal.TRANSITION_DURATION) : + that.$element.trigger('focus').trigger(e) + }) + } + + Modal.prototype.hide = function (e) { + if (e) e.preventDefault() + + e = $.Event('hide.bs.modal') + + this.$element.trigger(e) + + if (!this.isShown || e.isDefaultPrevented()) return + + this.isShown = false + + this.escape() + this.resize() + + $(document).off('focusin.bs.modal') + + this.$element + .removeClass('in') + .attr('aria-hidden', true) + .off('click.dismiss.bs.modal') + + $.support.transition && this.$element.hasClass('fade') ? + this.$element + .one('bsTransitionEnd', $.proxy(this.hideModal, this)) + .emulateTransitionEnd(Modal.TRANSITION_DURATION) : + this.hideModal() + } + + Modal.prototype.enforceFocus = function () { + $(document) + .off('focusin.bs.modal') // guard against infinite focus loop + .on('focusin.bs.modal', $.proxy(function (e) { + if (this.$element[0] !== e.target && !this.$element.has(e.target).length) { + this.$element.trigger('focus') + } + }, this)) + } + + Modal.prototype.escape = function () { + if (this.isShown && this.options.keyboard) { + this.$element.on('keydown.dismiss.bs.modal', $.proxy(function (e) { + e.which == 27 && this.hide() + }, this)) + } else if (!this.isShown) { + this.$element.off('keydown.dismiss.bs.modal') + } + } + + Modal.prototype.resize = function () { + if (this.isShown) { + $(window).on('resize.bs.modal', $.proxy(this.handleUpdate, this)) + } else { + $(window).off('resize.bs.modal') + } + } + + Modal.prototype.hideModal = function () { + var that = this + this.$element.hide() + this.backdrop(function () { + that.$body.removeClass('modal-open') + that.resetAdjustments() + that.resetScrollbar() + that.$element.trigger('hidden.bs.modal') + }) + } + + Modal.prototype.removeBackdrop = function () { + this.$backdrop && this.$backdrop.remove() + this.$backdrop = null + } + + Modal.prototype.backdrop = function (callback) { + var that = this + var animate = this.$element.hasClass('fade') ? 'fade' : '' + + if (this.isShown && this.options.backdrop) { + var doAnimate = $.support.transition && animate + + this.$backdrop = $('<div class="modal-backdrop ' + animate + '" />') + .prependTo(this.$element) + .on('click.dismiss.bs.modal', $.proxy(function (e) { + if (e.target !== e.currentTarget) return + this.options.backdrop == 'static' + ? this.$element[0].focus.call(this.$element[0]) + : this.hide.call(this) + }, this)) + + if (doAnimate) this.$backdrop[0].offsetWidth // force reflow + + this.$backdrop.addClass('in') + + if (!callback) return + + doAnimate ? + this.$backdrop + .one('bsTransitionEnd', callback) + .emulateTransitionEnd(Modal.BACKDROP_TRANSITION_DURATION) : + callback() + + } else if (!this.isShown && this.$backdrop) { + this.$backdrop.removeClass('in') + + var callbackRemove = function () { + that.removeBackdrop() + callback && callback() + } + $.support.transition && this.$element.hasClass('fade') ? + this.$backdrop + .one('bsTransitionEnd', callbackRemove) + .emulateTransitionEnd(Modal.BACKDROP_TRANSITION_DURATION) : + callbackRemove() + + } else if (callback) { + callback() + } + } + + // these following methods are used to handle overflowing modals + + Modal.prototype.handleUpdate = function () { + if (this.options.backdrop) this.adjustBackdrop() + this.adjustDialog() + } + + Modal.prototype.adjustBackdrop = function () { + this.$backdrop + .css('height', 0) + .css('height', this.$element[0].scrollHeight) + } + + Modal.prototype.adjustDialog = function () { + var modalIsOverflowing = this.$element[0].scrollHeight > document.documentElement.clientHeight + + this.$element.css({ + paddingLeft: !this.bodyIsOverflowing && modalIsOverflowing ? this.scrollbarWidth : '', + paddingRight: this.bodyIsOverflowing && !modalIsOverflowing ? this.scrollbarWidth : '' + }) + } + + Modal.prototype.resetAdjustments = function () { + this.$element.css({ + paddingLeft: '', + paddingRight: '' + }) + } + + Modal.prototype.checkScrollbar = function () { + this.bodyIsOverflowing = document.body.scrollHeight > document.documentElement.clientHeight + this.scrollbarWidth = this.measureScrollbar() + } + + Modal.prototype.setScrollbar = function () { + var bodyPad = parseInt((this.$body.css('padding-right') || 0), 10) + if (this.bodyIsOverflowing) this.$body.css('padding-right', bodyPad + this.scrollbarWidth) + } + + Modal.prototype.resetScrollbar = function () { + this.$body.css('padding-right', '') + } + + Modal.prototype.measureScrollbar = function () { // thx walsh + var scrollDiv = document.createElement('div') + scrollDiv.className = 'modal-scrollbar-measure' + this.$body.append(scrollDiv) + var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth + this.$body[0].removeChild(scrollDiv) + return scrollbarWidth + } + + + // MODAL PLUGIN DEFINITION + // ======================= + + function Plugin(option, _relatedTarget) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.modal') + var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option) + + if (!data) $this.data('bs.modal', (data = new Modal(this, options))) + if (typeof option == 'string') data[option](_relatedTarget) + else if (options.show) data.show(_relatedTarget) + }) + } + + var old = $.fn.modal + + $.fn.modal = Plugin + $.fn.modal.Constructor = Modal + + + // MODAL NO CONFLICT + // ================= + + $.fn.modal.noConflict = function () { + $.fn.modal = old + return this + } + + + // MODAL DATA-API + // ============== + + $(document).on('click.bs.modal.data-api', '[data-toggle="modal"]', function (e) { + var $this = $(this) + var href = $this.attr('href') + var $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) // strip for ie7 + var option = $target.data('bs.modal') ? 'toggle' : $.extend({ remote: !/#/.test(href) && href }, $target.data(), $this.data()) + + if ($this.is('a')) e.preventDefault() + + $target.one('show.bs.modal', function (showEvent) { + if (showEvent.isDefaultPrevented()) return // only register focus restorer if modal will actually get shown + $target.one('hidden.bs.modal', function () { + $this.is(':visible') && $this.trigger('focus') + }) + }) + Plugin.call($target, option, this) + }) + +}(jQuery); + +/* ======================================================================== + * Bootstrap: tooltip.js v3.3.1 + * http://getbootstrap.com/javascript/#tooltip + * Inspired by the original jQuery.tipsy by Jason Frame + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // TOOLTIP PUBLIC CLASS DEFINITION + // =============================== + + var Tooltip = function (element, options) { + this.type = + this.options = + this.enabled = + this.timeout = + this.hoverState = + this.$element = null + + this.init('tooltip', element, options) + } + + Tooltip.VERSION = '3.3.1' + + Tooltip.TRANSITION_DURATION = 150 + + Tooltip.DEFAULTS = { + animation: true, + placement: 'top', + selector: false, + template: '<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>', + trigger: 'hover focus', + title: '', + delay: 0, + html: false, + container: false, + viewport: { + selector: 'body', + padding: 0 + } + } + + Tooltip.prototype.init = function (type, element, options) { + this.enabled = true + this.type = type + this.$element = $(element) + this.options = this.getOptions(options) + this.$viewport = this.options.viewport && $(this.options.viewport.selector || this.options.viewport) + + var triggers = this.options.trigger.split(' ') + + for (var i = triggers.length; i--;) { + var trigger = triggers[i] + + if (trigger == 'click') { + this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this)) + } else if (trigger != 'manual') { + var eventIn = trigger == 'hover' ? 'mouseenter' : 'focusin' + var eventOut = trigger == 'hover' ? 'mouseleave' : 'focusout' + + this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this)) + this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this)) + } + } + + this.options.selector ? + (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) : + this.fixTitle() + } + + Tooltip.prototype.getDefaults = function () { + return Tooltip.DEFAULTS + } + + Tooltip.prototype.getOptions = function (options) { + options = $.extend({}, this.getDefaults(), this.$element.data(), options) + + if (options.delay && typeof options.delay == 'number') { + options.delay = { + show: options.delay, + hide: options.delay + } + } + + return options + } + + Tooltip.prototype.getDelegateOptions = function () { + var options = {} + var defaults = this.getDefaults() + + this._options && $.each(this._options, function (key, value) { + if (defaults[key] != value) options[key] = value + }) + + return options + } + + Tooltip.prototype.enter = function (obj) { + var self = obj instanceof this.constructor ? + obj : $(obj.currentTarget).data('bs.' + this.type) + + if (self && self.$tip && self.$tip.is(':visible')) { + self.hoverState = 'in' + return + } + + if (!self) { + self = new this.constructor(obj.currentTarget, this.getDelegateOptions()) + $(obj.currentTarget).data('bs.' + this.type, self) + } + + clearTimeout(self.timeout) + + self.hoverState = 'in' + + if (!self.options.delay || !self.options.delay.show) return self.show() + + self.timeout = setTimeout(function () { + if (self.hoverState == 'in') self.show() + }, self.options.delay.show) + } + + Tooltip.prototype.leave = function (obj) { + var self = obj instanceof this.constructor ? + obj : $(obj.currentTarget).data('bs.' + this.type) + + if (!self) { + self = new this.constructor(obj.currentTarget, this.getDelegateOptions()) + $(obj.currentTarget).data('bs.' + this.type, self) + } + + clearTimeout(self.timeout) + + self.hoverState = 'out' + + if (!self.options.delay || !self.options.delay.hide) return self.hide() + + self.timeout = setTimeout(function () { + if (self.hoverState == 'out') self.hide() + }, self.options.delay.hide) + } + + Tooltip.prototype.show = function () { + var e = $.Event('show.bs.' + this.type) + + if (this.hasContent() && this.enabled) { + this.$element.trigger(e) + + var inDom = $.contains(this.$element[0].ownerDocument.documentElement, this.$element[0]) + if (e.isDefaultPrevented() || !inDom) return + var that = this + + var $tip = this.tip() + + var tipId = this.getUID(this.type) + + this.setContent() + $tip.attr('id', tipId) + this.$element.attr('aria-describedby', tipId) + + if (this.options.animation) $tip.addClass('fade') + + var placement = typeof this.options.placement == 'function' ? + this.options.placement.call(this, $tip[0], this.$element[0]) : + this.options.placement + + var autoToken = /\s?auto?\s?/i + var autoPlace = autoToken.test(placement) + if (autoPlace) placement = placement.replace(autoToken, '') || 'top' + + $tip + .detach() + .css({ top: 0, left: 0, display: 'block' }) + .addClass(placement) + .data('bs.' + this.type, this) + + this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element) + + var pos = this.getPosition() + var actualWidth = $tip[0].offsetWidth + var actualHeight = $tip[0].offsetHeight + + if (autoPlace) { + var orgPlacement = placement + var $container = this.options.container ? $(this.options.container) : this.$element.parent() + var containerDim = this.getPosition($container) + + placement = placement == 'bottom' && pos.bottom + actualHeight > containerDim.bottom ? 'top' : + placement == 'top' && pos.top - actualHeight < containerDim.top ? 'bottom' : + placement == 'right' && pos.right + actualWidth > containerDim.width ? 'left' : + placement == 'left' && pos.left - actualWidth < containerDim.left ? 'right' : + placement + + $tip + .removeClass(orgPlacement) + .addClass(placement) + } + + var calculatedOffset = this.getCalculatedOffset(placement, pos, actualWidth, actualHeight) + + this.applyPlacement(calculatedOffset, placement) + + var complete = function () { + var prevHoverState = that.hoverState + that.$element.trigger('shown.bs.' + that.type) + that.hoverState = null + + if (prevHoverState == 'out') that.leave(that) + } + + $.support.transition && this.$tip.hasClass('fade') ? + $tip + .one('bsTransitionEnd', complete) + .emulateTransitionEnd(Tooltip.TRANSITION_DURATION) : + complete() + } + } + + Tooltip.prototype.applyPlacement = function (offset, placement) { + var $tip = this.tip() + var width = $tip[0].offsetWidth + var height = $tip[0].offsetHeight + + // manually read margins because getBoundingClientRect includes difference + var marginTop = parseInt($tip.css('margin-top'), 10) + var marginLeft = parseInt($tip.css('margin-left'), 10) + + // we must check for NaN for ie 8/9 + if (isNaN(marginTop)) marginTop = 0 + if (isNaN(marginLeft)) marginLeft = 0 + + offset.top = offset.top + marginTop + offset.left = offset.left + marginLeft + + // $.fn.offset doesn't round pixel values + // so we use setOffset directly with our own function B-0 + $.offset.setOffset($tip[0], $.extend({ + using: function (props) { + $tip.css({ + top: Math.round(props.top), + left: Math.round(props.left) + }) + } + }, offset), 0) + + $tip.addClass('in') + + // check to see if placing tip in new offset caused the tip to resize itself + var actualWidth = $tip[0].offsetWidth + var actualHeight = $tip[0].offsetHeight + + if (placement == 'top' && actualHeight != height) { + offset.top = offset.top + height - actualHeight + } + + var delta = this.getViewportAdjustedDelta(placement, offset, actualWidth, actualHeight) + + if (delta.left) offset.left += delta.left + else offset.top += delta.top + + var isVertical = /top|bottom/.test(placement) + var arrowDelta = isVertical ? delta.left * 2 - width + actualWidth : delta.top * 2 - height + actualHeight + var arrowOffsetPosition = isVertical ? 'offsetWidth' : 'offsetHeight' + + $tip.offset(offset) + this.replaceArrow(arrowDelta, $tip[0][arrowOffsetPosition], isVertical) + } + + Tooltip.prototype.replaceArrow = function (delta, dimension, isHorizontal) { + this.arrow() + .css(isHorizontal ? 'left' : 'top', 50 * (1 - delta / dimension) + '%') + .css(isHorizontal ? 'top' : 'left', '') + } + + Tooltip.prototype.setContent = function () { + var $tip = this.tip() + var title = this.getTitle() + + $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title) + $tip.removeClass('fade in top bottom left right') + } + + Tooltip.prototype.hide = function (callback) { + var that = this + var $tip = this.tip() + var e = $.Event('hide.bs.' + this.type) + + function complete() { + if (that.hoverState != 'in') $tip.detach() + that.$element + .removeAttr('aria-describedby') + .trigger('hidden.bs.' + that.type) + callback && callback() + } + + this.$element.trigger(e) + + if (e.isDefaultPrevented()) return + + $tip.removeClass('in') + + $.support.transition && this.$tip.hasClass('fade') ? + $tip + .one('bsTransitionEnd', complete) + .emulateTransitionEnd(Tooltip.TRANSITION_DURATION) : + complete() + + this.hoverState = null + + return this + } + + Tooltip.prototype.fixTitle = function () { + var $e = this.$element + if ($e.attr('title') || typeof ($e.attr('data-original-title')) != 'string') { + $e.attr('data-original-title', $e.attr('title') || '').attr('title', '') + } + } + + Tooltip.prototype.hasContent = function () { + return this.getTitle() + } + + Tooltip.prototype.getPosition = function ($element) { + $element = $element || this.$element + + var el = $element[0] + var isBody = el.tagName == 'BODY' + + var elRect = el.getBoundingClientRect() + if (elRect.width == null) { + // width and height are missing in IE8, so compute them manually; see https://github.com/twbs/bootstrap/issues/14093 + elRect = $.extend({}, elRect, { width: elRect.right - elRect.left, height: elRect.bottom - elRect.top }) + } + var elOffset = isBody ? { top: 0, left: 0 } : $element.offset() + var scroll = { scroll: isBody ? document.documentElement.scrollTop || document.body.scrollTop : $element.scrollTop() } + var outerDims = isBody ? { width: $(window).width(), height: $(window).height() } : null + + return $.extend({}, elRect, scroll, outerDims, elOffset) + } + + Tooltip.prototype.getCalculatedOffset = function (placement, pos, actualWidth, actualHeight) { + return placement == 'bottom' ? { top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2 } : + placement == 'top' ? { top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2 } : + placement == 'left' ? { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth } : + /* placement == 'right' */ { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width } + + } + + Tooltip.prototype.getViewportAdjustedDelta = function (placement, pos, actualWidth, actualHeight) { + var delta = { top: 0, left: 0 } + if (!this.$viewport) return delta + + var viewportPadding = this.options.viewport && this.options.viewport.padding || 0 + var viewportDimensions = this.getPosition(this.$viewport) + + if (/right|left/.test(placement)) { + var topEdgeOffset = pos.top - viewportPadding - viewportDimensions.scroll + var bottomEdgeOffset = pos.top + viewportPadding - viewportDimensions.scroll + actualHeight + if (topEdgeOffset < viewportDimensions.top) { // top overflow + delta.top = viewportDimensions.top - topEdgeOffset + } else if (bottomEdgeOffset > viewportDimensions.top + viewportDimensions.height) { // bottom overflow + delta.top = viewportDimensions.top + viewportDimensions.height - bottomEdgeOffset + } + } else { + var leftEdgeOffset = pos.left - viewportPadding + var rightEdgeOffset = pos.left + viewportPadding + actualWidth + if (leftEdgeOffset < viewportDimensions.left) { // left overflow + delta.left = viewportDimensions.left - leftEdgeOffset + } else if (rightEdgeOffset > viewportDimensions.width) { // right overflow + delta.left = viewportDimensions.left + viewportDimensions.width - rightEdgeOffset + } + } + + return delta + } + + Tooltip.prototype.getTitle = function () { + var title + var $e = this.$element + var o = this.options + + title = $e.attr('data-original-title') + || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title) + + return title + } + + Tooltip.prototype.getUID = function (prefix) { + do prefix += ~~(Math.random() * 1000000) + while (document.getElementById(prefix)) + return prefix + } + + Tooltip.prototype.tip = function () { + return (this.$tip = this.$tip || $(this.options.template)) + } + + Tooltip.prototype.arrow = function () { + return (this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow')) + } + + Tooltip.prototype.enable = function () { + this.enabled = true + } + + Tooltip.prototype.disable = function () { + this.enabled = false + } + + Tooltip.prototype.toggleEnabled = function () { + this.enabled = !this.enabled + } + + Tooltip.prototype.toggle = function (e) { + var self = this + if (e) { + self = $(e.currentTarget).data('bs.' + this.type) + if (!self) { + self = new this.constructor(e.currentTarget, this.getDelegateOptions()) + $(e.currentTarget).data('bs.' + this.type, self) + } + } + + self.tip().hasClass('in') ? self.leave(self) : self.enter(self) + } + + Tooltip.prototype.destroy = function () { + var that = this + clearTimeout(this.timeout) + this.hide(function () { + that.$element.off('.' + that.type).removeData('bs.' + that.type) + }) + } + + + // TOOLTIP PLUGIN DEFINITION + // ========================= + + function Plugin(option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.tooltip') + var options = typeof option == 'object' && option + var selector = options && options.selector + + if (!data && option == 'destroy') return + if (selector) { + if (!data) $this.data('bs.tooltip', (data = {})) + if (!data[selector]) data[selector] = new Tooltip(this, options) + } else { + if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options))) + } + if (typeof option == 'string') data[option]() + }) + } + + var old = $.fn.tooltip + + $.fn.tooltip = Plugin + $.fn.tooltip.Constructor = Tooltip + + + // TOOLTIP NO CONFLICT + // =================== + + $.fn.tooltip.noConflict = function () { + $.fn.tooltip = old + return this + } + +}(jQuery); + +/* ======================================================================== + * Bootstrap: popover.js v3.3.1 + * http://getbootstrap.com/javascript/#popovers + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // POPOVER PUBLIC CLASS DEFINITION + // =============================== + + var Popover = function (element, options) { + this.init('popover', element, options) + } + + if (!$.fn.tooltip) throw new Error('Popover requires tooltip.js') + + Popover.VERSION = '3.3.1' + + Popover.DEFAULTS = $.extend({}, $.fn.tooltip.Constructor.DEFAULTS, { + placement: 'right', + trigger: 'click', + content: '', + template: '<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>' + }) + + + // NOTE: POPOVER EXTENDS tooltip.js + // ================================ + + Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype) + + Popover.prototype.constructor = Popover + + Popover.prototype.getDefaults = function () { + return Popover.DEFAULTS + } + + Popover.prototype.setContent = function () { + var $tip = this.tip() + var title = this.getTitle() + var content = this.getContent() + + $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title) + $tip.find('.popover-content').children().detach().end()[ // we use append for html objects to maintain js events + this.options.html ? (typeof content == 'string' ? 'html' : 'append') : 'text' + ](content) + + $tip.removeClass('fade top bottom left right in') + + // IE8 doesn't accept hiding via the `:empty` pseudo selector, we have to do + // this manually by checking the contents. + if (!$tip.find('.popover-title').html()) $tip.find('.popover-title').hide() + } + + Popover.prototype.hasContent = function () { + return this.getTitle() || this.getContent() + } + + Popover.prototype.getContent = function () { + var $e = this.$element + var o = this.options + + return $e.attr('data-content') + || (typeof o.content == 'function' ? + o.content.call($e[0]) : + o.content) + } + + Popover.prototype.arrow = function () { + return (this.$arrow = this.$arrow || this.tip().find('.arrow')) + } + + Popover.prototype.tip = function () { + if (!this.$tip) this.$tip = $(this.options.template) + return this.$tip + } + + + // POPOVER PLUGIN DEFINITION + // ========================= + + function Plugin(option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.popover') + var options = typeof option == 'object' && option + var selector = options && options.selector + + if (!data && option == 'destroy') return + if (selector) { + if (!data) $this.data('bs.popover', (data = {})) + if (!data[selector]) data[selector] = new Popover(this, options) + } else { + if (!data) $this.data('bs.popover', (data = new Popover(this, options))) + } + if (typeof option == 'string') data[option]() + }) + } + + var old = $.fn.popover + + $.fn.popover = Plugin + $.fn.popover.Constructor = Popover + + + // POPOVER NO CONFLICT + // =================== + + $.fn.popover.noConflict = function () { + $.fn.popover = old + return this + } + +}(jQuery); + diff --git a/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/affix.js b/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/affix.js new file mode 100644 index 00000000..deea2948 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/affix.js @@ -0,0 +1,162 @@ +/* ======================================================================== + * Bootstrap: affix.js v3.3.1 + * http://getbootstrap.com/javascript/#affix + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // AFFIX CLASS DEFINITION + // ====================== + + var Affix = function (element, options) { + this.options = $.extend({}, Affix.DEFAULTS, options) + + this.$target = $(this.options.target) + .on('scroll.bs.affix.data-api', $.proxy(this.checkPosition, this)) + .on('click.bs.affix.data-api', $.proxy(this.checkPositionWithEventLoop, this)) + + this.$element = $(element) + this.affixed = + this.unpin = + this.pinnedOffset = null + + this.checkPosition() + } + + Affix.VERSION = '3.3.1' + + Affix.RESET = 'affix affix-top affix-bottom' + + Affix.DEFAULTS = { + offset: 0, + target: window + } + + Affix.prototype.getState = function (scrollHeight, height, offsetTop, offsetBottom) { + var scrollTop = this.$target.scrollTop() + var position = this.$element.offset() + var targetHeight = this.$target.height() + + if (offsetTop != null && this.affixed == 'top') return scrollTop < offsetTop ? 'top' : false + + if (this.affixed == 'bottom') { + if (offsetTop != null) return (scrollTop + this.unpin <= position.top) ? false : 'bottom' + return (scrollTop + targetHeight <= scrollHeight - offsetBottom) ? false : 'bottom' + } + + var initializing = this.affixed == null + var colliderTop = initializing ? scrollTop : position.top + var colliderHeight = initializing ? targetHeight : height + + if (offsetTop != null && colliderTop <= offsetTop) return 'top' + if (offsetBottom != null && (colliderTop + colliderHeight >= scrollHeight - offsetBottom)) return 'bottom' + + return false + } + + Affix.prototype.getPinnedOffset = function () { + if (this.pinnedOffset) return this.pinnedOffset + this.$element.removeClass(Affix.RESET).addClass('affix') + var scrollTop = this.$target.scrollTop() + var position = this.$element.offset() + return (this.pinnedOffset = position.top - scrollTop) + } + + Affix.prototype.checkPositionWithEventLoop = function () { + setTimeout($.proxy(this.checkPosition, this), 1) + } + + Affix.prototype.checkPosition = function () { + if (!this.$element.is(':visible')) return + + var height = this.$element.height() + var offset = this.options.offset + var offsetTop = offset.top + var offsetBottom = offset.bottom + var scrollHeight = $('body').height() + + if (typeof offset != 'object') offsetBottom = offsetTop = offset + if (typeof offsetTop == 'function') offsetTop = offset.top(this.$element) + if (typeof offsetBottom == 'function') offsetBottom = offset.bottom(this.$element) + + var affix = this.getState(scrollHeight, height, offsetTop, offsetBottom) + + if (this.affixed != affix) { + if (this.unpin != null) this.$element.css('top', '') + + var affixType = 'affix' + (affix ? '-' + affix : '') + var e = $.Event(affixType + '.bs.affix') + + this.$element.trigger(e) + + if (e.isDefaultPrevented()) return + + this.affixed = affix + this.unpin = affix == 'bottom' ? this.getPinnedOffset() : null + + this.$element + .removeClass(Affix.RESET) + .addClass(affixType) + .trigger(affixType.replace('affix', 'affixed') + '.bs.affix') + } + + if (affix == 'bottom') { + this.$element.offset({ + top: scrollHeight - height - offsetBottom + }) + } + } + + + // AFFIX PLUGIN DEFINITION + // ======================= + + function Plugin(option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.affix') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs.affix', (data = new Affix(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + var old = $.fn.affix + + $.fn.affix = Plugin + $.fn.affix.Constructor = Affix + + + // AFFIX NO CONFLICT + // ================= + + $.fn.affix.noConflict = function () { + $.fn.affix = old + return this + } + + + // AFFIX DATA-API + // ============== + + $(window).on('load', function () { + $('[data-spy="affix"]').each(function () { + var $spy = $(this) + var data = $spy.data() + + data.offset = data.offset || {} + + if (data.offsetBottom != null) data.offset.bottom = data.offsetBottom + if (data.offsetTop != null) data.offset.top = data.offsetTop + + Plugin.call($spy, data) + }) + }) + +}(jQuery); diff --git a/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/alert.js b/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/alert.js new file mode 100644 index 00000000..7b775dd0 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/alert.js @@ -0,0 +1,94 @@ +/* ======================================================================== + * Bootstrap: alert.js v3.3.1 + * http://getbootstrap.com/javascript/#alerts + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // ALERT CLASS DEFINITION + // ====================== + + var dismiss = '[data-dismiss="alert"]' + var Alert = function (el) { + $(el).on('click', dismiss, this.close) + } + + Alert.VERSION = '3.3.1' + + Alert.TRANSITION_DURATION = 150 + + Alert.prototype.close = function (e) { + var $this = $(this) + var selector = $this.attr('data-target') + + if (!selector) { + selector = $this.attr('href') + selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 + } + + var $parent = $(selector) + + if (e) e.preventDefault() + + if (!$parent.length) { + $parent = $this.closest('.alert') + } + + $parent.trigger(e = $.Event('close.bs.alert')) + + if (e.isDefaultPrevented()) return + + $parent.removeClass('in') + + function removeElement() { + // detach from parent, fire event then clean up data + $parent.detach().trigger('closed.bs.alert').remove() + } + + $.support.transition && $parent.hasClass('fade') ? + $parent + .one('bsTransitionEnd', removeElement) + .emulateTransitionEnd(Alert.TRANSITION_DURATION) : + removeElement() + } + + + // ALERT PLUGIN DEFINITION + // ======================= + + function Plugin(option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.alert') + + if (!data) $this.data('bs.alert', (data = new Alert(this))) + if (typeof option == 'string') data[option].call($this) + }) + } + + var old = $.fn.alert + + $.fn.alert = Plugin + $.fn.alert.Constructor = Alert + + + // ALERT NO CONFLICT + // ================= + + $.fn.alert.noConflict = function () { + $.fn.alert = old + return this + } + + + // ALERT DATA-API + // ============== + + $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close) + +}(jQuery); diff --git a/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/button.js b/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/button.js new file mode 100644 index 00000000..7b1e134b --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/button.js @@ -0,0 +1,116 @@ +/* ======================================================================== + * Bootstrap: button.js v3.3.1 + * http://getbootstrap.com/javascript/#buttons + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // BUTTON PUBLIC CLASS DEFINITION + // ============================== + + var Button = function (element, options) { + this.$element = $(element) + this.options = $.extend({}, Button.DEFAULTS, options) + this.isLoading = false + } + + Button.VERSION = '3.3.1' + + Button.DEFAULTS = { + loadingText: 'loading...' + } + + Button.prototype.setState = function (state) { + var d = 'disabled' + var $el = this.$element + var val = $el.is('input') ? 'val' : 'html' + var data = $el.data() + + state = state + 'Text' + + if (data.resetText == null) $el.data('resetText', $el[val]()) + + // push to event loop to allow forms to submit + setTimeout($.proxy(function () { + $el[val](data[state] == null ? this.options[state] : data[state]) + + if (state == 'loadingText') { + this.isLoading = true + $el.addClass(d).attr(d, d) + } else if (this.isLoading) { + this.isLoading = false + $el.removeClass(d).removeAttr(d) + } + }, this), 0) + } + + Button.prototype.toggle = function () { + var changed = true + var $parent = this.$element.closest('[data-toggle="buttons"]') + + if ($parent.length) { + var $input = this.$element.find('input') + if ($input.prop('type') == 'radio') { + if ($input.prop('checked') && this.$element.hasClass('active')) changed = false + else $parent.find('.active').removeClass('active') + } + if (changed) $input.prop('checked', !this.$element.hasClass('active')).trigger('change') + } else { + this.$element.attr('aria-pressed', !this.$element.hasClass('active')) + } + + if (changed) this.$element.toggleClass('active') + } + + + // BUTTON PLUGIN DEFINITION + // ======================== + + function Plugin(option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.button') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs.button', (data = new Button(this, options))) + + if (option == 'toggle') data.toggle() + else if (option) data.setState(option) + }) + } + + var old = $.fn.button + + $.fn.button = Plugin + $.fn.button.Constructor = Button + + + // BUTTON NO CONFLICT + // ================== + + $.fn.button.noConflict = function () { + $.fn.button = old + return this + } + + + // BUTTON DATA-API + // =============== + + $(document) + .on('click.bs.button.data-api', '[data-toggle^="button"]', function (e) { + var $btn = $(e.target) + if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn') + Plugin.call($btn, 'toggle') + e.preventDefault() + }) + .on('focus.bs.button.data-api blur.bs.button.data-api', '[data-toggle^="button"]', function (e) { + $(e.target).closest('.btn').toggleClass('focus', /^focus(in)?$/.test(e.type)) + }) + +}(jQuery); diff --git a/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/carousel.js b/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/carousel.js new file mode 100644 index 00000000..282d618f --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/carousel.js @@ -0,0 +1,240 @@ +/* ======================================================================== + * Bootstrap: carousel.js v3.3.1 + * http://getbootstrap.com/javascript/#carousel + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // CAROUSEL CLASS DEFINITION + // ========================= + + var Carousel = function (element, options) { + this.$element = $(element) + this.$indicators = this.$element.find('.carousel-indicators') + this.options = options + this.paused = + this.sliding = + this.interval = + this.$active = + this.$items = null + + this.options.keyboard && this.$element.on('keydown.bs.carousel', $.proxy(this.keydown, this)) + + this.options.pause == 'hover' && !('ontouchstart' in document.documentElement) && this.$element + .on('mouseenter.bs.carousel', $.proxy(this.pause, this)) + .on('mouseleave.bs.carousel', $.proxy(this.cycle, this)) + } + + Carousel.VERSION = '3.3.1' + + Carousel.TRANSITION_DURATION = 600 + + Carousel.DEFAULTS = { + interval: 5000, + pause: 'hover', + wrap: true, + keyboard: true + } + + Carousel.prototype.keydown = function (e) { + if (/input|textarea/i.test(e.target.tagName)) return + switch (e.which) { + case 37: this.prev(); break + case 39: this.next(); break + default: return + } + + e.preventDefault() + } + + Carousel.prototype.cycle = function (e) { + e || (this.paused = false) + + this.interval && clearInterval(this.interval) + + this.options.interval + && !this.paused + && (this.interval = setInterval($.proxy(this.next, this), this.options.interval)) + + return this + } + + Carousel.prototype.getItemIndex = function (item) { + this.$items = item.parent().children('.item') + return this.$items.index(item || this.$active) + } + + Carousel.prototype.getItemForDirection = function (direction, active) { + var delta = direction == 'prev' ? -1 : 1 + var activeIndex = this.getItemIndex(active) + var itemIndex = (activeIndex + delta) % this.$items.length + return this.$items.eq(itemIndex) + } + + Carousel.prototype.to = function (pos) { + var that = this + var activeIndex = this.getItemIndex(this.$active = this.$element.find('.item.active')) + + if (pos > (this.$items.length - 1) || pos < 0) return + + if (this.sliding) return this.$element.one('slid.bs.carousel', function () { that.to(pos) }) // yes, "slid" + if (activeIndex == pos) return this.pause().cycle() + + return this.slide(pos > activeIndex ? 'next' : 'prev', this.$items.eq(pos)) + } + + Carousel.prototype.pause = function (e) { + e || (this.paused = true) + + if (this.$element.find('.next, .prev').length && $.support.transition) { + this.$element.trigger($.support.transition.end) + this.cycle(true) + } + + this.interval = clearInterval(this.interval) + + return this + } + + Carousel.prototype.next = function () { + if (this.sliding) return + return this.slide('next') + } + + Carousel.prototype.prev = function () { + if (this.sliding) return + return this.slide('prev') + } + + Carousel.prototype.slide = function (type, next) { + var $active = this.$element.find('.item.active') + var $next = next || this.getItemForDirection(type, $active) + var isCycling = this.interval + var direction = type == 'next' ? 'left' : 'right' + var fallback = type == 'next' ? 'first' : 'last' + var that = this + + if (!$next.length) { + if (!this.options.wrap) return + $next = this.$element.find('.item')[fallback]() + } + + if ($next.hasClass('active')) return (this.sliding = false) + + var relatedTarget = $next[0] + var slideEvent = $.Event('slide.bs.carousel', { + relatedTarget: relatedTarget, + direction: direction + }) + this.$element.trigger(slideEvent) + if (slideEvent.isDefaultPrevented()) return + + this.sliding = true + + isCycling && this.pause() + + if (this.$indicators.length) { + this.$indicators.find('.active').removeClass('active') + var $nextIndicator = $(this.$indicators.children()[this.getItemIndex($next)]) + $nextIndicator && $nextIndicator.addClass('active') + } + + var slidEvent = $.Event('slid.bs.carousel', { relatedTarget: relatedTarget, direction: direction }) // yes, "slid" + if ($.support.transition && this.$element.hasClass('slide')) { + $next.addClass(type) + $next[0].offsetWidth // force reflow + $active.addClass(direction) + $next.addClass(direction) + $active + .one('bsTransitionEnd', function () { + $next.removeClass([type, direction].join(' ')).addClass('active') + $active.removeClass(['active', direction].join(' ')) + that.sliding = false + setTimeout(function () { + that.$element.trigger(slidEvent) + }, 0) + }) + .emulateTransitionEnd(Carousel.TRANSITION_DURATION) + } else { + $active.removeClass('active') + $next.addClass('active') + this.sliding = false + this.$element.trigger(slidEvent) + } + + isCycling && this.cycle() + + return this + } + + + // CAROUSEL PLUGIN DEFINITION + // ========================== + + function Plugin(option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.carousel') + var options = $.extend({}, Carousel.DEFAULTS, $this.data(), typeof option == 'object' && option) + var action = typeof option == 'string' ? option : options.slide + + if (!data) $this.data('bs.carousel', (data = new Carousel(this, options))) + if (typeof option == 'number') data.to(option) + else if (action) data[action]() + else if (options.interval) data.pause().cycle() + }) + } + + var old = $.fn.carousel + + $.fn.carousel = Plugin + $.fn.carousel.Constructor = Carousel + + + // CAROUSEL NO CONFLICT + // ==================== + + $.fn.carousel.noConflict = function () { + $.fn.carousel = old + return this + } + + + // CAROUSEL DATA-API + // ================= + + var clickHandler = function (e) { + var href + var $this = $(this) + var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) // strip for ie7 + if (!$target.hasClass('carousel')) return + var options = $.extend({}, $target.data(), $this.data()) + var slideIndex = $this.attr('data-slide-to') + if (slideIndex) options.interval = false + + Plugin.call($target, options) + + if (slideIndex) { + $target.data('bs.carousel').to(slideIndex) + } + + e.preventDefault() + } + + $(document) + .on('click.bs.carousel.data-api', '[data-slide]', clickHandler) + .on('click.bs.carousel.data-api', '[data-slide-to]', clickHandler) + + $(window).on('load', function () { + $('[data-ride="carousel"]').each(function () { + var $carousel = $(this) + Plugin.call($carousel, $carousel.data()) + }) + }) + +}(jQuery); diff --git a/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/collapse.js b/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/collapse.js new file mode 100644 index 00000000..b2cc1253 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/collapse.js @@ -0,0 +1,211 @@ +/* ======================================================================== + * Bootstrap: collapse.js v3.3.1 + * http://getbootstrap.com/javascript/#collapse + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // COLLAPSE PUBLIC CLASS DEFINITION + // ================================ + + var Collapse = function (element, options) { + this.$element = $(element) + this.options = $.extend({}, Collapse.DEFAULTS, options) + this.$trigger = $(this.options.trigger).filter('[href="#' + element.id + '"], [data-target="#' + element.id + '"]') + this.transitioning = null + + if (this.options.parent) { + this.$parent = this.getParent() + } else { + this.addAriaAndCollapsedClass(this.$element, this.$trigger) + } + + if (this.options.toggle) this.toggle() + } + + Collapse.VERSION = '3.3.1' + + Collapse.TRANSITION_DURATION = 350 + + Collapse.DEFAULTS = { + toggle: true, + trigger: '[data-toggle="collapse"]' + } + + Collapse.prototype.dimension = function () { + var hasWidth = this.$element.hasClass('width') + return hasWidth ? 'width' : 'height' + } + + Collapse.prototype.show = function () { + if (this.transitioning || this.$element.hasClass('in')) return + + var activesData + var actives = this.$parent && this.$parent.find('> .panel').children('.in, .collapsing') + + if (actives && actives.length) { + activesData = actives.data('bs.collapse') + if (activesData && activesData.transitioning) return + } + + var startEvent = $.Event('show.bs.collapse') + this.$element.trigger(startEvent) + if (startEvent.isDefaultPrevented()) return + + if (actives && actives.length) { + Plugin.call(actives, 'hide') + activesData || actives.data('bs.collapse', null) + } + + var dimension = this.dimension() + + this.$element + .removeClass('collapse') + .addClass('collapsing')[dimension](0) + .attr('aria-expanded', true) + + this.$trigger + .removeClass('collapsed') + .attr('aria-expanded', true) + + this.transitioning = 1 + + var complete = function () { + this.$element + .removeClass('collapsing') + .addClass('collapse in')[dimension]('') + this.transitioning = 0 + this.$element + .trigger('shown.bs.collapse') + } + + if (!$.support.transition) return complete.call(this) + + var scrollSize = $.camelCase(['scroll', dimension].join('-')) + + this.$element + .one('bsTransitionEnd', $.proxy(complete, this)) + .emulateTransitionEnd(Collapse.TRANSITION_DURATION)[dimension](this.$element[0][scrollSize]) + } + + Collapse.prototype.hide = function () { + if (this.transitioning || !this.$element.hasClass('in')) return + + var startEvent = $.Event('hide.bs.collapse') + this.$element.trigger(startEvent) + if (startEvent.isDefaultPrevented()) return + + var dimension = this.dimension() + + this.$element[dimension](this.$element[dimension]())[0].offsetHeight + + this.$element + .addClass('collapsing') + .removeClass('collapse in') + .attr('aria-expanded', false) + + this.$trigger + .addClass('collapsed') + .attr('aria-expanded', false) + + this.transitioning = 1 + + var complete = function () { + this.transitioning = 0 + this.$element + .removeClass('collapsing') + .addClass('collapse') + .trigger('hidden.bs.collapse') + } + + if (!$.support.transition) return complete.call(this) + + this.$element + [dimension](0) + .one('bsTransitionEnd', $.proxy(complete, this)) + .emulateTransitionEnd(Collapse.TRANSITION_DURATION) + } + + Collapse.prototype.toggle = function () { + this[this.$element.hasClass('in') ? 'hide' : 'show']() + } + + Collapse.prototype.getParent = function () { + return $(this.options.parent) + .find('[data-toggle="collapse"][data-parent="' + this.options.parent + '"]') + .each($.proxy(function (i, element) { + var $element = $(element) + this.addAriaAndCollapsedClass(getTargetFromTrigger($element), $element) + }, this)) + .end() + } + + Collapse.prototype.addAriaAndCollapsedClass = function ($element, $trigger) { + var isOpen = $element.hasClass('in') + + $element.attr('aria-expanded', isOpen) + $trigger + .toggleClass('collapsed', !isOpen) + .attr('aria-expanded', isOpen) + } + + function getTargetFromTrigger($trigger) { + var href + var target = $trigger.attr('data-target') + || (href = $trigger.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') // strip for ie7 + + return $(target) + } + + + // COLLAPSE PLUGIN DEFINITION + // ========================== + + function Plugin(option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.collapse') + var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option) + + if (!data && options.toggle && option == 'show') options.toggle = false + if (!data) $this.data('bs.collapse', (data = new Collapse(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + var old = $.fn.collapse + + $.fn.collapse = Plugin + $.fn.collapse.Constructor = Collapse + + + // COLLAPSE NO CONFLICT + // ==================== + + $.fn.collapse.noConflict = function () { + $.fn.collapse = old + return this + } + + + // COLLAPSE DATA-API + // ================= + + $(document).on('click.bs.collapse.data-api', '[data-toggle="collapse"]', function (e) { + var $this = $(this) + + if (!$this.attr('data-target')) e.preventDefault() + + var $target = getTargetFromTrigger($this) + var data = $target.data('bs.collapse') + var option = data ? 'toggle' : $.extend({}, $this.data(), { trigger: this }) + + Plugin.call($target, option) + }) + +}(jQuery); diff --git a/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/dropdown.js b/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/dropdown.js new file mode 100644 index 00000000..69a40f68 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/dropdown.js @@ -0,0 +1,161 @@ +/* ======================================================================== + * Bootstrap: dropdown.js v3.3.1 + * http://getbootstrap.com/javascript/#dropdowns + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // DROPDOWN CLASS DEFINITION + // ========================= + + var backdrop = '.dropdown-backdrop' + var toggle = '[data-toggle="dropdown"]' + var Dropdown = function (element) { + $(element).on('click.bs.dropdown', this.toggle) + } + + Dropdown.VERSION = '3.3.1' + + Dropdown.prototype.toggle = function (e) { + var $this = $(this) + + if ($this.is('.disabled, :disabled')) return + + var $parent = getParent($this) + var isActive = $parent.hasClass('open') + + clearMenus() + + if (!isActive) { + if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) { + // if mobile we use a backdrop because click events don't delegate + $('<div class="dropdown-backdrop"/>').insertAfter($(this)).on('click', clearMenus) + } + + var relatedTarget = { relatedTarget: this } + $parent.trigger(e = $.Event('show.bs.dropdown', relatedTarget)) + + if (e.isDefaultPrevented()) return + + $this + .trigger('focus') + .attr('aria-expanded', 'true') + + $parent + .toggleClass('open') + .trigger('shown.bs.dropdown', relatedTarget) + } + + return false + } + + Dropdown.prototype.keydown = function (e) { + if (!/(38|40|27|32)/.test(e.which) || /input|textarea/i.test(e.target.tagName)) return + + var $this = $(this) + + e.preventDefault() + e.stopPropagation() + + if ($this.is('.disabled, :disabled')) return + + var $parent = getParent($this) + var isActive = $parent.hasClass('open') + + if ((!isActive && e.which != 27) || (isActive && e.which == 27)) { + if (e.which == 27) $parent.find(toggle).trigger('focus') + return $this.trigger('click') + } + + var desc = ' li:not(.divider):visible a' + var $items = $parent.find('[role="menu"]' + desc + ', [role="listbox"]' + desc) + + if (!$items.length) return + + var index = $items.index(e.target) + + if (e.which == 38 && index > 0) index-- // up + if (e.which == 40 && index < $items.length - 1) index++ // down + if (!~index) index = 0 + + $items.eq(index).trigger('focus') + } + + function clearMenus(e) { + if (e && e.which === 3) return + $(backdrop).remove() + $(toggle).each(function () { + var $this = $(this) + var $parent = getParent($this) + var relatedTarget = { relatedTarget: this } + + if (!$parent.hasClass('open')) return + + $parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget)) + + if (e.isDefaultPrevented()) return + + $this.attr('aria-expanded', 'false') + $parent.removeClass('open').trigger('hidden.bs.dropdown', relatedTarget) + }) + } + + function getParent($this) { + var selector = $this.attr('data-target') + + if (!selector) { + selector = $this.attr('href') + selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 + } + + var $parent = selector && $(selector) + + return $parent && $parent.length ? $parent : $this.parent() + } + + + // DROPDOWN PLUGIN DEFINITION + // ========================== + + function Plugin(option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.dropdown') + + if (!data) $this.data('bs.dropdown', (data = new Dropdown(this))) + if (typeof option == 'string') data[option].call($this) + }) + } + + var old = $.fn.dropdown + + $.fn.dropdown = Plugin + $.fn.dropdown.Constructor = Dropdown + + + // DROPDOWN NO CONFLICT + // ==================== + + $.fn.dropdown.noConflict = function () { + $.fn.dropdown = old + return this + } + + + // APPLY TO STANDARD DROPDOWN ELEMENTS + // =================================== + + $(document) + .on('click.bs.dropdown.data-api', clearMenus) + .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) + .on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle) + .on('keydown.bs.dropdown.data-api', toggle, Dropdown.prototype.keydown) + .on('keydown.bs.dropdown.data-api', '[role="menu"]', Dropdown.prototype.keydown) + .on('keydown.bs.dropdown.data-api', '[role="listbox"]', Dropdown.prototype.keydown) + +}(jQuery); diff --git a/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/modal.js b/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/modal.js new file mode 100644 index 00000000..93891aa4 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/modal.js @@ -0,0 +1,324 @@ +/* ======================================================================== + * Bootstrap: modal.js v3.3.1 + * http://getbootstrap.com/javascript/#modals + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // MODAL CLASS DEFINITION + // ====================== + + var Modal = function (element, options) { + this.options = options + this.$body = $(document.body) + this.$element = $(element) + this.$backdrop = + this.isShown = null + this.scrollbarWidth = 0 + + if (this.options.remote) { + this.$element + .find('.modal-content') + .load(this.options.remote, $.proxy(function () { + this.$element.trigger('loaded.bs.modal') + }, this)) + } + } + + Modal.VERSION = '3.3.1' + + Modal.TRANSITION_DURATION = 300 + Modal.BACKDROP_TRANSITION_DURATION = 150 + + Modal.DEFAULTS = { + backdrop: true, + keyboard: true, + show: true + } + + Modal.prototype.toggle = function (_relatedTarget) { + return this.isShown ? this.hide() : this.show(_relatedTarget) + } + + Modal.prototype.show = function (_relatedTarget) { + var that = this + var e = $.Event('show.bs.modal', { relatedTarget: _relatedTarget }) + + this.$element.trigger(e) + + if (this.isShown || e.isDefaultPrevented()) return + + this.isShown = true + + this.checkScrollbar() + this.setScrollbar() + this.$body.addClass('modal-open') + + this.escape() + this.resize() + + this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', $.proxy(this.hide, this)) + + this.backdrop(function () { + var transition = $.support.transition && that.$element.hasClass('fade') + + if (!that.$element.parent().length) { + that.$element.appendTo(that.$body) // don't move modals dom position + } + + that.$element + .show() + .scrollTop(0) + + if (that.options.backdrop) that.adjustBackdrop() + that.adjustDialog() + + if (transition) { + that.$element[0].offsetWidth // force reflow + } + + that.$element + .addClass('in') + .attr('aria-hidden', false) + + that.enforceFocus() + + var e = $.Event('shown.bs.modal', { relatedTarget: _relatedTarget }) + + transition ? + that.$element.find('.modal-dialog') // wait for modal to slide in + .one('bsTransitionEnd', function () { + that.$element.trigger('focus').trigger(e) + }) + .emulateTransitionEnd(Modal.TRANSITION_DURATION) : + that.$element.trigger('focus').trigger(e) + }) + } + + Modal.prototype.hide = function (e) { + if (e) e.preventDefault() + + e = $.Event('hide.bs.modal') + + this.$element.trigger(e) + + if (!this.isShown || e.isDefaultPrevented()) return + + this.isShown = false + + this.escape() + this.resize() + + $(document).off('focusin.bs.modal') + + this.$element + .removeClass('in') + .attr('aria-hidden', true) + .off('click.dismiss.bs.modal') + + $.support.transition && this.$element.hasClass('fade') ? + this.$element + .one('bsTransitionEnd', $.proxy(this.hideModal, this)) + .emulateTransitionEnd(Modal.TRANSITION_DURATION) : + this.hideModal() + } + + Modal.prototype.enforceFocus = function () { + $(document) + .off('focusin.bs.modal') // guard against infinite focus loop + .on('focusin.bs.modal', $.proxy(function (e) { + if (this.$element[0] !== e.target && !this.$element.has(e.target).length) { + this.$element.trigger('focus') + } + }, this)) + } + + Modal.prototype.escape = function () { + if (this.isShown && this.options.keyboard) { + this.$element.on('keydown.dismiss.bs.modal', $.proxy(function (e) { + e.which == 27 && this.hide() + }, this)) + } else if (!this.isShown) { + this.$element.off('keydown.dismiss.bs.modal') + } + } + + Modal.prototype.resize = function () { + if (this.isShown) { + $(window).on('resize.bs.modal', $.proxy(this.handleUpdate, this)) + } else { + $(window).off('resize.bs.modal') + } + } + + Modal.prototype.hideModal = function () { + var that = this + this.$element.hide() + this.backdrop(function () { + that.$body.removeClass('modal-open') + that.resetAdjustments() + that.resetScrollbar() + that.$element.trigger('hidden.bs.modal') + }) + } + + Modal.prototype.removeBackdrop = function () { + this.$backdrop && this.$backdrop.remove() + this.$backdrop = null + } + + Modal.prototype.backdrop = function (callback) { + var that = this + var animate = this.$element.hasClass('fade') ? 'fade' : '' + + if (this.isShown && this.options.backdrop) { + var doAnimate = $.support.transition && animate + + this.$backdrop = $('<div class="modal-backdrop ' + animate + '" />') + .prependTo(this.$element) + .on('click.dismiss.bs.modal', $.proxy(function (e) { + if (e.target !== e.currentTarget) return + this.options.backdrop == 'static' + ? this.$element[0].focus.call(this.$element[0]) + : this.hide.call(this) + }, this)) + + if (doAnimate) this.$backdrop[0].offsetWidth // force reflow + + this.$backdrop.addClass('in') + + if (!callback) return + + doAnimate ? + this.$backdrop + .one('bsTransitionEnd', callback) + .emulateTransitionEnd(Modal.BACKDROP_TRANSITION_DURATION) : + callback() + + } else if (!this.isShown && this.$backdrop) { + this.$backdrop.removeClass('in') + + var callbackRemove = function () { + that.removeBackdrop() + callback && callback() + } + $.support.transition && this.$element.hasClass('fade') ? + this.$backdrop + .one('bsTransitionEnd', callbackRemove) + .emulateTransitionEnd(Modal.BACKDROP_TRANSITION_DURATION) : + callbackRemove() + + } else if (callback) { + callback() + } + } + + // these following methods are used to handle overflowing modals + + Modal.prototype.handleUpdate = function () { + if (this.options.backdrop) this.adjustBackdrop() + this.adjustDialog() + } + + Modal.prototype.adjustBackdrop = function () { + this.$backdrop + .css('height', 0) + .css('height', this.$element[0].scrollHeight) + } + + Modal.prototype.adjustDialog = function () { + var modalIsOverflowing = this.$element[0].scrollHeight > document.documentElement.clientHeight + + this.$element.css({ + paddingLeft: !this.bodyIsOverflowing && modalIsOverflowing ? this.scrollbarWidth : '', + paddingRight: this.bodyIsOverflowing && !modalIsOverflowing ? this.scrollbarWidth : '' + }) + } + + Modal.prototype.resetAdjustments = function () { + this.$element.css({ + paddingLeft: '', + paddingRight: '' + }) + } + + Modal.prototype.checkScrollbar = function () { + this.bodyIsOverflowing = document.body.scrollHeight > document.documentElement.clientHeight + this.scrollbarWidth = this.measureScrollbar() + } + + Modal.prototype.setScrollbar = function () { + var bodyPad = parseInt((this.$body.css('padding-right') || 0), 10) + if (this.bodyIsOverflowing) this.$body.css('padding-right', bodyPad + this.scrollbarWidth) + } + + Modal.prototype.resetScrollbar = function () { + this.$body.css('padding-right', '') + } + + Modal.prototype.measureScrollbar = function () { // thx walsh + var scrollDiv = document.createElement('div') + scrollDiv.className = 'modal-scrollbar-measure' + this.$body.append(scrollDiv) + var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth + this.$body[0].removeChild(scrollDiv) + return scrollbarWidth + } + + + // MODAL PLUGIN DEFINITION + // ======================= + + function Plugin(option, _relatedTarget) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.modal') + var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option) + + if (!data) $this.data('bs.modal', (data = new Modal(this, options))) + if (typeof option == 'string') data[option](_relatedTarget) + else if (options.show) data.show(_relatedTarget) + }) + } + + var old = $.fn.modal + + $.fn.modal = Plugin + $.fn.modal.Constructor = Modal + + + // MODAL NO CONFLICT + // ================= + + $.fn.modal.noConflict = function () { + $.fn.modal = old + return this + } + + + // MODAL DATA-API + // ============== + + $(document).on('click.bs.modal.data-api', '[data-toggle="modal"]', function (e) { + var $this = $(this) + var href = $this.attr('href') + var $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) // strip for ie7 + var option = $target.data('bs.modal') ? 'toggle' : $.extend({ remote: !/#/.test(href) && href }, $target.data(), $this.data()) + + if ($this.is('a')) e.preventDefault() + + $target.one('show.bs.modal', function (showEvent) { + if (showEvent.isDefaultPrevented()) return // only register focus restorer if modal will actually get shown + $target.one('hidden.bs.modal', function () { + $this.is(':visible') && $this.trigger('focus') + }) + }) + Plugin.call($target, option, this) + }) + +}(jQuery); diff --git a/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/popover.js b/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/popover.js new file mode 100644 index 00000000..db272bde --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/popover.js @@ -0,0 +1,119 @@ +/* ======================================================================== + * Bootstrap: popover.js v3.3.1 + * http://getbootstrap.com/javascript/#popovers + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // POPOVER PUBLIC CLASS DEFINITION + // =============================== + + var Popover = function (element, options) { + this.init('popover', element, options) + } + + if (!$.fn.tooltip) throw new Error('Popover requires tooltip.js') + + Popover.VERSION = '3.3.1' + + Popover.DEFAULTS = $.extend({}, $.fn.tooltip.Constructor.DEFAULTS, { + placement: 'right', + trigger: 'click', + content: '', + template: '<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>' + }) + + + // NOTE: POPOVER EXTENDS tooltip.js + // ================================ + + Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype) + + Popover.prototype.constructor = Popover + + Popover.prototype.getDefaults = function () { + return Popover.DEFAULTS + } + + Popover.prototype.setContent = function () { + var $tip = this.tip() + var title = this.getTitle() + var content = this.getContent() + + $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title) + $tip.find('.popover-content').children().detach().end()[ // we use append for html objects to maintain js events + this.options.html ? (typeof content == 'string' ? 'html' : 'append') : 'text' + ](content) + + $tip.removeClass('fade top bottom left right in') + + // IE8 doesn't accept hiding via the `:empty` pseudo selector, we have to do + // this manually by checking the contents. + if (!$tip.find('.popover-title').html()) $tip.find('.popover-title').hide() + } + + Popover.prototype.hasContent = function () { + return this.getTitle() || this.getContent() + } + + Popover.prototype.getContent = function () { + var $e = this.$element + var o = this.options + + return $e.attr('data-content') + || (typeof o.content == 'function' ? + o.content.call($e[0]) : + o.content) + } + + Popover.prototype.arrow = function () { + return (this.$arrow = this.$arrow || this.tip().find('.arrow')) + } + + Popover.prototype.tip = function () { + if (!this.$tip) this.$tip = $(this.options.template) + return this.$tip + } + + + // POPOVER PLUGIN DEFINITION + // ========================= + + function Plugin(option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.popover') + var options = typeof option == 'object' && option + var selector = options && options.selector + + if (!data && option == 'destroy') return + if (selector) { + if (!data) $this.data('bs.popover', (data = {})) + if (!data[selector]) data[selector] = new Popover(this, options) + } else { + if (!data) $this.data('bs.popover', (data = new Popover(this, options))) + } + if (typeof option == 'string') data[option]() + }) + } + + var old = $.fn.popover + + $.fn.popover = Plugin + $.fn.popover.Constructor = Popover + + + // POPOVER NO CONFLICT + // =================== + + $.fn.popover.noConflict = function () { + $.fn.popover = old + return this + } + +}(jQuery); diff --git a/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/scrollspy.js b/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/scrollspy.js new file mode 100644 index 00000000..c468262f --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/scrollspy.js @@ -0,0 +1,175 @@ +/* ======================================================================== + * Bootstrap: scrollspy.js v3.3.1 + * http://getbootstrap.com/javascript/#scrollspy + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // SCROLLSPY CLASS DEFINITION + // ========================== + + function ScrollSpy(element, options) { + var process = $.proxy(this.process, this) + + this.$body = $('body') + this.$scrollElement = $(element).is('body') ? $(window) : $(element) + this.options = $.extend({}, ScrollSpy.DEFAULTS, options) + this.selector = (this.options.target || '') + ' .nav li > a' + this.offsets = [] + this.targets = [] + this.activeTarget = null + this.scrollHeight = 0 + + this.$scrollElement.on('scroll.bs.scrollspy', process) + this.refresh() + this.process() + } + + ScrollSpy.VERSION = '3.3.1' + + ScrollSpy.DEFAULTS = { + offset: 10 + } + + ScrollSpy.prototype.getScrollHeight = function () { + return this.$scrollElement[0].scrollHeight || Math.max(this.$body[0].scrollHeight, document.documentElement.scrollHeight) + } + + ScrollSpy.prototype.refresh = function () { + var offsetMethod = 'offset' + var offsetBase = 0 + + if (!$.isWindow(this.$scrollElement[0])) { + offsetMethod = 'position' + offsetBase = this.$scrollElement.scrollTop() + } + + this.offsets = [] + this.targets = [] + this.scrollHeight = this.getScrollHeight() + + var self = this + + this.$body + .find(this.selector) + .map(function () { + var $el = $(this) + var href = $el.data('target') || $el.attr('href') + var $href = /^#./.test(href) && $(href) + + return ($href + && $href.length + && $href.is(':visible') + && [[$href[offsetMethod]().top + offsetBase, href]]) || null + }) + .sort(function (a, b) { return a[0] - b[0] }) + .each(function () { + self.offsets.push(this[0]) + self.targets.push(this[1]) + }) + } + + ScrollSpy.prototype.process = function () { + var scrollTop = this.$scrollElement.scrollTop() + this.options.offset + var scrollHeight = this.getScrollHeight() + var maxScroll = this.options.offset + scrollHeight - this.$scrollElement.height() + var offsets = this.offsets + var targets = this.targets + var activeTarget = this.activeTarget + var i + + if (this.scrollHeight != scrollHeight) { + this.refresh() + } + + if (scrollTop >= maxScroll) { + return activeTarget != (i = targets[targets.length - 1]) && this.activate(i) + } + + if (activeTarget && scrollTop < offsets[0]) { + this.activeTarget = null + return this.clear() + } + + for (i = offsets.length; i--;) { + activeTarget != targets[i] + && scrollTop >= offsets[i] + && (!offsets[i + 1] || scrollTop <= offsets[i + 1]) + && this.activate(targets[i]) + } + } + + ScrollSpy.prototype.activate = function (target) { + this.activeTarget = target + + this.clear() + + var selector = this.selector + + '[data-target="' + target + '"],' + + this.selector + '[href="' + target + '"]' + + var active = $(selector) + .parents('li') + .addClass('active') + + if (active.parent('.dropdown-menu').length) { + active = active + .closest('li.dropdown') + .addClass('active') + } + + active.trigger('activate.bs.scrollspy') + } + + ScrollSpy.prototype.clear = function () { + $(this.selector) + .parentsUntil(this.options.target, '.active') + .removeClass('active') + } + + + // SCROLLSPY PLUGIN DEFINITION + // =========================== + + function Plugin(option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.scrollspy') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs.scrollspy', (data = new ScrollSpy(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + var old = $.fn.scrollspy + + $.fn.scrollspy = Plugin + $.fn.scrollspy.Constructor = ScrollSpy + + + // SCROLLSPY NO CONFLICT + // ===================== + + $.fn.scrollspy.noConflict = function () { + $.fn.scrollspy = old + return this + } + + + // SCROLLSPY DATA-API + // ================== + + $(window).on('load.bs.scrollspy.data-api', function () { + $('[data-spy="scroll"]').each(function () { + var $spy = $(this) + Plugin.call($spy, $spy.data()) + }) + }) + +}(jQuery); diff --git a/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/tab.js b/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/tab.js new file mode 100644 index 00000000..d59827f2 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/tab.js @@ -0,0 +1,153 @@ +/* ======================================================================== + * Bootstrap: tab.js v3.3.1 + * http://getbootstrap.com/javascript/#tabs + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // TAB CLASS DEFINITION + // ==================== + + var Tab = function (element) { + this.element = $(element) + } + + Tab.VERSION = '3.3.1' + + Tab.TRANSITION_DURATION = 150 + + Tab.prototype.show = function () { + var $this = this.element + var $ul = $this.closest('ul:not(.dropdown-menu)') + var selector = $this.data('target') + + if (!selector) { + selector = $this.attr('href') + selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 + } + + if ($this.parent('li').hasClass('active')) return + + var $previous = $ul.find('.active:last a') + var hideEvent = $.Event('hide.bs.tab', { + relatedTarget: $this[0] + }) + var showEvent = $.Event('show.bs.tab', { + relatedTarget: $previous[0] + }) + + $previous.trigger(hideEvent) + $this.trigger(showEvent) + + if (showEvent.isDefaultPrevented() || hideEvent.isDefaultPrevented()) return + + var $target = $(selector) + + this.activate($this.closest('li'), $ul) + this.activate($target, $target.parent(), function () { + $previous.trigger({ + type: 'hidden.bs.tab', + relatedTarget: $this[0] + }) + $this.trigger({ + type: 'shown.bs.tab', + relatedTarget: $previous[0] + }) + }) + } + + Tab.prototype.activate = function (element, container, callback) { + var $active = container.find('> .active') + var transition = callback + && $.support.transition + && (($active.length && $active.hasClass('fade')) || !!container.find('> .fade').length) + + function next() { + $active + .removeClass('active') + .find('> .dropdown-menu > .active') + .removeClass('active') + .end() + .find('[data-toggle="tab"]') + .attr('aria-expanded', false) + + element + .addClass('active') + .find('[data-toggle="tab"]') + .attr('aria-expanded', true) + + if (transition) { + element[0].offsetWidth // reflow for transition + element.addClass('in') + } else { + element.removeClass('fade') + } + + if (element.parent('.dropdown-menu')) { + element + .closest('li.dropdown') + .addClass('active') + .end() + .find('[data-toggle="tab"]') + .attr('aria-expanded', true) + } + + callback && callback() + } + + $active.length && transition ? + $active + .one('bsTransitionEnd', next) + .emulateTransitionEnd(Tab.TRANSITION_DURATION) : + next() + + $active.removeClass('in') + } + + + // TAB PLUGIN DEFINITION + // ===================== + + function Plugin(option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.tab') + + if (!data) $this.data('bs.tab', (data = new Tab(this))) + if (typeof option == 'string') data[option]() + }) + } + + var old = $.fn.tab + + $.fn.tab = Plugin + $.fn.tab.Constructor = Tab + + + // TAB NO CONFLICT + // =============== + + $.fn.tab.noConflict = function () { + $.fn.tab = old + return this + } + + + // TAB DATA-API + // ============ + + var clickHandler = function (e) { + e.preventDefault() + Plugin.call($(this), 'show') + } + + $(document) + .on('click.bs.tab.data-api', '[data-toggle="tab"]', clickHandler) + .on('click.bs.tab.data-api', '[data-toggle="pill"]', clickHandler) + +}(jQuery); diff --git a/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/tooltip.js b/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/tooltip.js new file mode 100644 index 00000000..cda147d9 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/tooltip.js @@ -0,0 +1,478 @@ +/* ======================================================================== + * Bootstrap: tooltip.js v3.3.1 + * http://getbootstrap.com/javascript/#tooltip + * Inspired by the original jQuery.tipsy by Jason Frame + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // TOOLTIP PUBLIC CLASS DEFINITION + // =============================== + + var Tooltip = function (element, options) { + this.type = + this.options = + this.enabled = + this.timeout = + this.hoverState = + this.$element = null + + this.init('tooltip', element, options) + } + + Tooltip.VERSION = '3.3.1' + + Tooltip.TRANSITION_DURATION = 150 + + Tooltip.DEFAULTS = { + animation: true, + placement: 'top', + selector: false, + template: '<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>', + trigger: 'hover focus', + title: '', + delay: 0, + html: false, + container: false, + viewport: { + selector: 'body', + padding: 0 + } + } + + Tooltip.prototype.init = function (type, element, options) { + this.enabled = true + this.type = type + this.$element = $(element) + this.options = this.getOptions(options) + this.$viewport = this.options.viewport && $(this.options.viewport.selector || this.options.viewport) + + var triggers = this.options.trigger.split(' ') + + for (var i = triggers.length; i--;) { + var trigger = triggers[i] + + if (trigger == 'click') { + this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this)) + } else if (trigger != 'manual') { + var eventIn = trigger == 'hover' ? 'mouseenter' : 'focusin' + var eventOut = trigger == 'hover' ? 'mouseleave' : 'focusout' + + this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this)) + this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this)) + } + } + + this.options.selector ? + (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) : + this.fixTitle() + } + + Tooltip.prototype.getDefaults = function () { + return Tooltip.DEFAULTS + } + + Tooltip.prototype.getOptions = function (options) { + options = $.extend({}, this.getDefaults(), this.$element.data(), options) + + if (options.delay && typeof options.delay == 'number') { + options.delay = { + show: options.delay, + hide: options.delay + } + } + + return options + } + + Tooltip.prototype.getDelegateOptions = function () { + var options = {} + var defaults = this.getDefaults() + + this._options && $.each(this._options, function (key, value) { + if (defaults[key] != value) options[key] = value + }) + + return options + } + + Tooltip.prototype.enter = function (obj) { + var self = obj instanceof this.constructor ? + obj : $(obj.currentTarget).data('bs.' + this.type) + + if (self && self.$tip && self.$tip.is(':visible')) { + self.hoverState = 'in' + return + } + + if (!self) { + self = new this.constructor(obj.currentTarget, this.getDelegateOptions()) + $(obj.currentTarget).data('bs.' + this.type, self) + } + + clearTimeout(self.timeout) + + self.hoverState = 'in' + + if (!self.options.delay || !self.options.delay.show) return self.show() + + self.timeout = setTimeout(function () { + if (self.hoverState == 'in') self.show() + }, self.options.delay.show) + } + + Tooltip.prototype.leave = function (obj) { + var self = obj instanceof this.constructor ? + obj : $(obj.currentTarget).data('bs.' + this.type) + + if (!self) { + self = new this.constructor(obj.currentTarget, this.getDelegateOptions()) + $(obj.currentTarget).data('bs.' + this.type, self) + } + + clearTimeout(self.timeout) + + self.hoverState = 'out' + + if (!self.options.delay || !self.options.delay.hide) return self.hide() + + self.timeout = setTimeout(function () { + if (self.hoverState == 'out') self.hide() + }, self.options.delay.hide) + } + + Tooltip.prototype.show = function () { + var e = $.Event('show.bs.' + this.type) + + if (this.hasContent() && this.enabled) { + this.$element.trigger(e) + + var inDom = $.contains(this.$element[0].ownerDocument.documentElement, this.$element[0]) + if (e.isDefaultPrevented() || !inDom) return + var that = this + + var $tip = this.tip() + + var tipId = this.getUID(this.type) + + this.setContent() + $tip.attr('id', tipId) + this.$element.attr('aria-describedby', tipId) + + if (this.options.animation) $tip.addClass('fade') + + var placement = typeof this.options.placement == 'function' ? + this.options.placement.call(this, $tip[0], this.$element[0]) : + this.options.placement + + var autoToken = /\s?auto?\s?/i + var autoPlace = autoToken.test(placement) + if (autoPlace) placement = placement.replace(autoToken, '') || 'top' + + $tip + .detach() + .css({ top: 0, left: 0, display: 'block' }) + .addClass(placement) + .data('bs.' + this.type, this) + + this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element) + + var pos = this.getPosition() + var actualWidth = $tip[0].offsetWidth + var actualHeight = $tip[0].offsetHeight + + if (autoPlace) { + var orgPlacement = placement + var $container = this.options.container ? $(this.options.container) : this.$element.parent() + var containerDim = this.getPosition($container) + + placement = placement == 'bottom' && pos.bottom + actualHeight > containerDim.bottom ? 'top' : + placement == 'top' && pos.top - actualHeight < containerDim.top ? 'bottom' : + placement == 'right' && pos.right + actualWidth > containerDim.width ? 'left' : + placement == 'left' && pos.left - actualWidth < containerDim.left ? 'right' : + placement + + $tip + .removeClass(orgPlacement) + .addClass(placement) + } + + var calculatedOffset = this.getCalculatedOffset(placement, pos, actualWidth, actualHeight) + + this.applyPlacement(calculatedOffset, placement) + + var complete = function () { + var prevHoverState = that.hoverState + that.$element.trigger('shown.bs.' + that.type) + that.hoverState = null + + if (prevHoverState == 'out') that.leave(that) + } + + $.support.transition && this.$tip.hasClass('fade') ? + $tip + .one('bsTransitionEnd', complete) + .emulateTransitionEnd(Tooltip.TRANSITION_DURATION) : + complete() + } + } + + Tooltip.prototype.applyPlacement = function (offset, placement) { + var $tip = this.tip() + var width = $tip[0].offsetWidth + var height = $tip[0].offsetHeight + + // manually read margins because getBoundingClientRect includes difference + var marginTop = parseInt($tip.css('margin-top'), 10) + var marginLeft = parseInt($tip.css('margin-left'), 10) + + // we must check for NaN for ie 8/9 + if (isNaN(marginTop)) marginTop = 0 + if (isNaN(marginLeft)) marginLeft = 0 + + offset.top = offset.top + marginTop + offset.left = offset.left + marginLeft + + // $.fn.offset doesn't round pixel values + // so we use setOffset directly with our own function B-0 + $.offset.setOffset($tip[0], $.extend({ + using: function (props) { + $tip.css({ + top: Math.round(props.top), + left: Math.round(props.left) + }) + } + }, offset), 0) + + $tip.addClass('in') + + // check to see if placing tip in new offset caused the tip to resize itself + var actualWidth = $tip[0].offsetWidth + var actualHeight = $tip[0].offsetHeight + + if (placement == 'top' && actualHeight != height) { + offset.top = offset.top + height - actualHeight + } + + var delta = this.getViewportAdjustedDelta(placement, offset, actualWidth, actualHeight) + + if (delta.left) offset.left += delta.left + else offset.top += delta.top + + var isVertical = /top|bottom/.test(placement) + var arrowDelta = isVertical ? delta.left * 2 - width + actualWidth : delta.top * 2 - height + actualHeight + var arrowOffsetPosition = isVertical ? 'offsetWidth' : 'offsetHeight' + + $tip.offset(offset) + this.replaceArrow(arrowDelta, $tip[0][arrowOffsetPosition], isVertical) + } + + Tooltip.prototype.replaceArrow = function (delta, dimension, isHorizontal) { + this.arrow() + .css(isHorizontal ? 'left' : 'top', 50 * (1 - delta / dimension) + '%') + .css(isHorizontal ? 'top' : 'left', '') + } + + Tooltip.prototype.setContent = function () { + var $tip = this.tip() + var title = this.getTitle() + + $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title) + $tip.removeClass('fade in top bottom left right') + } + + Tooltip.prototype.hide = function (callback) { + var that = this + var $tip = this.tip() + var e = $.Event('hide.bs.' + this.type) + + function complete() { + if (that.hoverState != 'in') $tip.detach() + that.$element + .removeAttr('aria-describedby') + .trigger('hidden.bs.' + that.type) + callback && callback() + } + + this.$element.trigger(e) + + if (e.isDefaultPrevented()) return + + $tip.removeClass('in') + + $.support.transition && this.$tip.hasClass('fade') ? + $tip + .one('bsTransitionEnd', complete) + .emulateTransitionEnd(Tooltip.TRANSITION_DURATION) : + complete() + + this.hoverState = null + + return this + } + + Tooltip.prototype.fixTitle = function () { + var $e = this.$element + if ($e.attr('title') || typeof ($e.attr('data-original-title')) != 'string') { + $e.attr('data-original-title', $e.attr('title') || '').attr('title', '') + } + } + + Tooltip.prototype.hasContent = function () { + return this.getTitle() + } + + Tooltip.prototype.getPosition = function ($element) { + $element = $element || this.$element + + var el = $element[0] + var isBody = el.tagName == 'BODY' + + var elRect = el.getBoundingClientRect() + if (elRect.width == null) { + // width and height are missing in IE8, so compute them manually; see https://github.com/twbs/bootstrap/issues/14093 + elRect = $.extend({}, elRect, { width: elRect.right - elRect.left, height: elRect.bottom - elRect.top }) + } + var elOffset = isBody ? { top: 0, left: 0 } : $element.offset() + var scroll = { scroll: isBody ? document.documentElement.scrollTop || document.body.scrollTop : $element.scrollTop() } + var outerDims = isBody ? { width: $(window).width(), height: $(window).height() } : null + + return $.extend({}, elRect, scroll, outerDims, elOffset) + } + + Tooltip.prototype.getCalculatedOffset = function (placement, pos, actualWidth, actualHeight) { + return placement == 'bottom' ? { top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2 } : + placement == 'top' ? { top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2 } : + placement == 'left' ? { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth } : + /* placement == 'right' */ { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width } + + } + + Tooltip.prototype.getViewportAdjustedDelta = function (placement, pos, actualWidth, actualHeight) { + var delta = { top: 0, left: 0 } + if (!this.$viewport) return delta + + var viewportPadding = this.options.viewport && this.options.viewport.padding || 0 + var viewportDimensions = this.getPosition(this.$viewport) + + if (/right|left/.test(placement)) { + var topEdgeOffset = pos.top - viewportPadding - viewportDimensions.scroll + var bottomEdgeOffset = pos.top + viewportPadding - viewportDimensions.scroll + actualHeight + if (topEdgeOffset < viewportDimensions.top) { // top overflow + delta.top = viewportDimensions.top - topEdgeOffset + } else if (bottomEdgeOffset > viewportDimensions.top + viewportDimensions.height) { // bottom overflow + delta.top = viewportDimensions.top + viewportDimensions.height - bottomEdgeOffset + } + } else { + var leftEdgeOffset = pos.left - viewportPadding + var rightEdgeOffset = pos.left + viewportPadding + actualWidth + if (leftEdgeOffset < viewportDimensions.left) { // left overflow + delta.left = viewportDimensions.left - leftEdgeOffset + } else if (rightEdgeOffset > viewportDimensions.width) { // right overflow + delta.left = viewportDimensions.left + viewportDimensions.width - rightEdgeOffset + } + } + + return delta + } + + Tooltip.prototype.getTitle = function () { + var title + var $e = this.$element + var o = this.options + + title = $e.attr('data-original-title') + || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title) + + return title + } + + Tooltip.prototype.getUID = function (prefix) { + do prefix += ~~(Math.random() * 1000000) + while (document.getElementById(prefix)) + return prefix + } + + Tooltip.prototype.tip = function () { + return (this.$tip = this.$tip || $(this.options.template)) + } + + Tooltip.prototype.arrow = function () { + return (this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow')) + } + + Tooltip.prototype.enable = function () { + this.enabled = true + } + + Tooltip.prototype.disable = function () { + this.enabled = false + } + + Tooltip.prototype.toggleEnabled = function () { + this.enabled = !this.enabled + } + + Tooltip.prototype.toggle = function (e) { + var self = this + if (e) { + self = $(e.currentTarget).data('bs.' + this.type) + if (!self) { + self = new this.constructor(e.currentTarget, this.getDelegateOptions()) + $(e.currentTarget).data('bs.' + this.type, self) + } + } + + self.tip().hasClass('in') ? self.leave(self) : self.enter(self) + } + + Tooltip.prototype.destroy = function () { + var that = this + clearTimeout(this.timeout) + this.hide(function () { + that.$element.off('.' + that.type).removeData('bs.' + that.type) + }) + } + + + // TOOLTIP PLUGIN DEFINITION + // ========================= + + function Plugin(option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.tooltip') + var options = typeof option == 'object' && option + var selector = options && options.selector + + if (!data && option == 'destroy') return + if (selector) { + if (!data) $this.data('bs.tooltip', (data = {})) + if (!data[selector]) data[selector] = new Tooltip(this, options) + } else { + if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options))) + } + if (typeof option == 'string') data[option]() + }) + } + + var old = $.fn.tooltip + + $.fn.tooltip = Plugin + $.fn.tooltip.Constructor = Tooltip + + + // TOOLTIP NO CONFLICT + // =================== + + $.fn.tooltip.noConflict = function () { + $.fn.tooltip = old + return this + } + +}(jQuery); diff --git a/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/transition.js b/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/transition.js new file mode 100644 index 00000000..68c2bd60 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/transition.js @@ -0,0 +1,59 @@ +/* ======================================================================== + * Bootstrap: transition.js v3.3.1 + * http://getbootstrap.com/javascript/#transitions + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) + // ============================================================ + + function transitionEnd() { + var el = document.createElement('bootstrap') + + var transEndEventNames = { + WebkitTransition : 'webkitTransitionEnd', + MozTransition : 'transitionend', + OTransition : 'oTransitionEnd otransitionend', + transition : 'transitionend' + } + + for (var name in transEndEventNames) { + if (el.style[name] !== undefined) { + return { end: transEndEventNames[name] } + } + } + + return false // explicit for ie8 ( ._.) + } + + // http://blog.alexmaccaw.com/css-transitions + $.fn.emulateTransitionEnd = function (duration) { + var called = false + var $el = this + $(this).one('bsTransitionEnd', function () { called = true }) + var callback = function () { if (!called) $($el).trigger($.support.transition.end) } + setTimeout(callback, duration) + return this + } + + $(function () { + $.support.transition = transitionEnd() + + if (!$.support.transition) return + + $.event.special.bsTransitionEnd = { + bindType: $.support.transition.end, + delegateType: $.support.transition.end, + handle: function (e) { + if ($(e.target).is(this)) return e.handleObj.handler.apply(this, arguments) + } + } + }) + +}(jQuery); diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap-compass.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap-compass.scss new file mode 100644 index 00000000..82706c47 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap-compass.scss @@ -0,0 +1,7 @@ +@function twbs-font-path($path) { + @return font-url($path, true); +} + +@function twbs-image-path($path) { + @return image-url($path, true); +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap-mincer.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap-mincer.scss new file mode 100644 index 00000000..34132501 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap-mincer.scss @@ -0,0 +1,17 @@ +// Mincer asset helper functions +// +// This must be imported into a .css.ejs.scss file. +// Then, <% %>-interpolations will be parsed as strings by Sass, and evaluated by EJS after Sass compilation. + + +@function twbs-font-path($path) { + // do something like following + // from "path/to/font.ext#suffix" to "<%- asset_path(path/to/font.ext)) + #suffix %>" + // from "path/to/font.ext?#suffix" to "<%- asset_path(path/to/font.ext)) + ?#suffix %>" + // or from "path/to/font.ext" just "<%- asset_path(path/to/font.ext)) %>" + @return "<%- asset_path('#{$path}'.replace(/[#?].*$/, '')) + '#{$path}'.replace(/(^[^#?]*)([#?]?.*$)/, '$2') %>"; +} + +@function twbs-image-path($file) { + @return "<%- asset_path('#{$file}') %>"; +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap-sprockets.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap-sprockets.scss new file mode 100644 index 00000000..7d306928 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap-sprockets.scss @@ -0,0 +1,7 @@ +@function twbs-font-path($path) { + @return font-path($path); +} + +@function twbs-image-path($path) { + @return image-path($path); +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss new file mode 100644 index 00000000..65204aad --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss @@ -0,0 +1,50 @@ +// Core variables and mixins +@import "bootstrap/variables"; +@import "bootstrap/mixins"; + +// Reset and dependencies +@import "bootstrap/normalize"; +@import "bootstrap/print"; +@import "bootstrap/glyphicons"; + +// Core CSS +@import "bootstrap/scaffolding"; +@import "bootstrap/type"; +@import "bootstrap/code"; +@import "bootstrap/grid"; +@import "bootstrap/tables"; +@import "bootstrap/forms"; +@import "bootstrap/buttons"; + +// Components +@import "bootstrap/component-animations"; +@import "bootstrap/dropdowns"; +@import "bootstrap/button-groups"; +@import "bootstrap/input-groups"; +@import "bootstrap/navs"; +@import "bootstrap/navbar"; +@import "bootstrap/breadcrumbs"; +@import "bootstrap/pagination"; +@import "bootstrap/pager"; +@import "bootstrap/labels"; +@import "bootstrap/badges"; +@import "bootstrap/jumbotron"; +@import "bootstrap/thumbnails"; +@import "bootstrap/alerts"; +@import "bootstrap/progress-bars"; +@import "bootstrap/media"; +@import "bootstrap/list-group"; +@import "bootstrap/panels"; +@import "bootstrap/responsive-embed"; +@import "bootstrap/wells"; +@import "bootstrap/close"; + +// Components w/ JavaScript +@import "bootstrap/modals"; +@import "bootstrap/tooltip"; +@import "bootstrap/popovers"; +@import "bootstrap/carousel"; + +// Utility classes +@import "bootstrap/utilities"; +@import "bootstrap/responsive-utilities"; diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_alerts.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_alerts.scss new file mode 100644 index 00000000..e45de830 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_alerts.scss @@ -0,0 +1,68 @@ +// +// Alerts +// -------------------------------------------------- + + +// Base styles +// ------------------------- + +.alert { + padding: $alert-padding; + margin-bottom: $line-height-computed; + border: 1px solid transparent; + border-radius: $alert-border-radius; + + // Headings for larger alerts + h4 { + margin-top: 0; + // Specified for the h4 to prevent conflicts of changing $headings-color + color: inherit; + } + // Provide class for links that match alerts + .alert-link { + font-weight: $alert-link-font-weight; + } + + // Improve alignment and spacing of inner content + > p, + > ul { + margin-bottom: 0; + } + > p + p { + margin-top: 5px; + } +} + +// Dismissible alerts +// +// Expand the right padding and account for the close button's positioning. + +.alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0. +.alert-dismissible { + padding-right: ($alert-padding + 20); + + // Adjust close link position + .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; + } +} + +// Alternate styles +// +// Generate contextual modifier classes for colorizing the alert. + +.alert-success { + @include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text); +} +.alert-info { + @include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text); +} +.alert-warning { + @include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text); +} +.alert-danger { + @include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text); +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_badges.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_badges.scss new file mode 100644 index 00000000..c913f144 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_badges.scss @@ -0,0 +1,63 @@ +// +// Badges +// -------------------------------------------------- + + +// Base class +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: $font-size-small; + font-weight: $badge-font-weight; + color: $badge-color; + line-height: $badge-line-height; + vertical-align: baseline; + white-space: nowrap; + text-align: center; + background-color: $badge-bg; + border-radius: $badge-border-radius; + + // Empty badges collapse automatically (not available in IE8) + &:empty { + display: none; + } + + // Quick fix for badges in buttons + .btn & { + position: relative; + top: -1px; + } + .btn-xs & { + top: 0; + padding: 1px 5px; + } + + // [converter] extracted a& to a.badge + + // Account for badges in navs + .list-group-item.active > &, + .nav-pills > .active > a > & { + color: $badge-active-color; + background-color: $badge-active-bg; + } + .list-group-item > & { + float: right; + } + .list-group-item > & + & { + margin-right: 5px; + } + .nav-pills > li > a > & { + margin-left: 3px; + } +} + +// Hover state, but only for links +a.badge { + &:hover, + &:focus { + color: $badge-link-hover-color; + text-decoration: none; + cursor: pointer; + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_breadcrumbs.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_breadcrumbs.scss new file mode 100644 index 00000000..3641e333 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_breadcrumbs.scss @@ -0,0 +1,26 @@ +// +// Breadcrumbs +// -------------------------------------------------- + + +.breadcrumb { + padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal; + margin-bottom: $line-height-computed; + list-style: none; + background-color: $breadcrumb-bg; + border-radius: $border-radius-base; + + > li { + display: inline-block; + + + li:before { + content: "#{$breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space + padding: 0 5px; + color: $breadcrumb-color; + } + } + + > .active { + color: $breadcrumb-active-color; + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_button-groups.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_button-groups.scss new file mode 100644 index 00000000..e761daaf --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_button-groups.scss @@ -0,0 +1,243 @@ +// +// Button groups +// -------------------------------------------------- + +// Make the div behave like a button +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; // match .btn alignment given font-size hack above + > .btn { + position: relative; + float: left; + // Bring the "active" button to the front + &:hover, + &:focus, + &:active, + &.active { + z-index: 2; + } + } +} + +// Prevent double borders when buttons are next to each other +.btn-group { + .btn + .btn, + .btn + .btn-group, + .btn-group + .btn, + .btn-group + .btn-group { + margin-left: -1px; + } +} + +// Optional: Group multiple button groups together for a toolbar +.btn-toolbar { + margin-left: -5px; // Offset the first child's margin + @include clearfix; + + .btn-group, + .input-group { + float: left; + } + > .btn, + > .btn-group, + > .input-group { + margin-left: 5px; + } +} + +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; +} + +// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match +.btn-group > .btn:first-child { + margin-left: 0; + &:not(:last-child):not(.dropdown-toggle) { + @include border-right-radius(0); + } +} +// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + @include border-left-radius(0); +} + +// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group) +.btn-group > .btn-group { + float: left; +} +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group > .btn-group:first-child { + > .btn:last-child, + > .dropdown-toggle { + @include border-right-radius(0); + } +} +.btn-group > .btn-group:last-child > .btn:first-child { + @include border-left-radius(0); +} + +// On active and open, don't show outline +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} + + +// Sizing +// +// Remix the default button sizing classes into new ones for easier manipulation. + +.btn-group-xs > .btn { @extend .btn-xs; } +.btn-group-sm > .btn { @extend .btn-sm; } +.btn-group-lg > .btn { @extend .btn-lg; } + + +// Split button dropdowns +// ---------------------- + +// Give the line between buttons some depth +.btn-group > .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; +} +.btn-group > .btn-lg + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; +} + +// The clickable button for toggling the menu +// Remove the gradient and set the same inset shadow as the :active state +.btn-group.open .dropdown-toggle { + @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + + // Show no shadow for `.btn-link` since it has no other button styles. + &.btn-link { + @include box-shadow(none); + } +} + + +// Reposition the caret +.btn .caret { + margin-left: 0; +} +// Carets in other button sizes +.btn-lg .caret { + border-width: $caret-width-large $caret-width-large 0; + border-bottom-width: 0; +} +// Upside down carets for .dropup +.dropup .btn-lg .caret { + border-width: 0 $caret-width-large $caret-width-large; +} + + +// Vertical button groups +// ---------------------- + +.btn-group-vertical { + > .btn, + > .btn-group, + > .btn-group > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; + } + + // Clear floats so dropdown menus can be properly placed + > .btn-group { + @include clearfix; + > .btn { + float: none; + } + } + + > .btn + .btn, + > .btn + .btn-group, + > .btn-group + .btn, + > .btn-group + .btn-group { + margin-top: -1px; + margin-left: 0; + } +} + +.btn-group-vertical > .btn { + &:not(:first-child):not(:last-child) { + border-radius: 0; + } + &:first-child:not(:last-child) { + border-top-right-radius: $border-radius-base; + @include border-bottom-radius(0); + } + &:last-child:not(:first-child) { + border-bottom-left-radius: $border-radius-base; + @include border-top-radius(0); + } +} +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group-vertical > .btn-group:first-child:not(:last-child) { + > .btn:last-child, + > .dropdown-toggle { + @include border-bottom-radius(0); + } +} +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { + @include border-top-radius(0); +} + + +// Justified button groups +// ---------------------- + +.btn-group-justified { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: separate; + > .btn, + > .btn-group { + float: none; + display: table-cell; + width: 1%; + } + > .btn-group .btn { + width: 100%; + } + + > .btn-group .dropdown-menu { + left: auto; + } +} + + +// Checkbox and radio options +// +// In order to support the browser's form validation feedback, powered by the +// `required` attribute, we have to "hide" the inputs via `clip`. We cannot use +// `display: none;` or `visibility: hidden;` as that also hides the popover. +// Simply visually hiding the inputs via `opacity` would leave them clickable in +// certain cases which is prevented by using `clip` and `pointer-events`. +// This way, we ensure a DOM element is visible to position the popover from. +// +// See https://github.com/twbs/bootstrap/pull/12794 and +// https://github.com/twbs/bootstrap/pull/14559 for more information. + +[data-toggle="buttons"] { + > .btn, + > .btn-group > .btn { + input[type="radio"], + input[type="checkbox"] { + position: absolute; + clip: rect(0,0,0,0); + pointer-events: none; + } + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_buttons.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_buttons.scss new file mode 100644 index 00000000..37bf259e --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_buttons.scss @@ -0,0 +1,160 @@ +// +// Buttons +// -------------------------------------------------- + + +// Base styles +// -------------------------------------------------- + +.btn { + display: inline-block; + margin-bottom: 0; // For input.btn + font-weight: $btn-font-weight; + text-align: center; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 + border: 1px solid transparent; + white-space: nowrap; + @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $border-radius-base); + @include user-select(none); + + &, + &:active, + &.active { + &:focus, + &.focus { + @include tab-focus; + } + } + + &:hover, + &:focus, + &.focus { + color: $btn-default-color; + text-decoration: none; + } + + &:active, + &.active { + outline: 0; + background-image: none; + @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + } + + &.disabled, + &[disabled], + fieldset[disabled] & { + cursor: $cursor-disabled; + pointer-events: none; // Future-proof disabling of clicks + @include opacity(.65); + @include box-shadow(none); + } +} + + +// Alternate buttons +// -------------------------------------------------- + +.btn-default { + @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border); +} +.btn-primary { + @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border); +} +// Success appears as green +.btn-success { + @include button-variant($btn-success-color, $btn-success-bg, $btn-success-border); +} +// Info appears as blue-green +.btn-info { + @include button-variant($btn-info-color, $btn-info-bg, $btn-info-border); +} +// Warning appears as orange +.btn-warning { + @include button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border); +} +// Danger and error appear as red +.btn-danger { + @include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border); +} + + +// Link buttons +// ------------------------- + +// Make a button look and behave like a link +.btn-link { + color: $link-color; + font-weight: normal; + border-radius: 0; + + &, + &:active, + &.active, + &[disabled], + fieldset[disabled] & { + background-color: transparent; + @include box-shadow(none); + } + &, + &:hover, + &:focus, + &:active { + border-color: transparent; + } + &:hover, + &:focus { + color: $link-hover-color; + text-decoration: underline; + background-color: transparent; + } + &[disabled], + fieldset[disabled] & { + &:hover, + &:focus { + color: $btn-link-disabled-color; + text-decoration: none; + } + } +} + + +// Button Sizes +// -------------------------------------------------- + +.btn-lg { + // line-height: ensure even-numbered height of button next to large input + @include button-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large); +} +.btn-sm { + // line-height: ensure proper height of button next to small input + @include button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small); +} +.btn-xs { + @include button-size($padding-xs-vertical, $padding-xs-horizontal, $font-size-small, $line-height-small, $border-radius-small); +} + + +// Block button +// -------------------------------------------------- + +.btn-block { + display: block; + width: 100%; +} + +// Vertically space out multiple block buttons +.btn-block + .btn-block { + margin-top: 5px; +} + +// Specificity overrides +input[type="submit"], +input[type="reset"], +input[type="button"] { + &.btn-block { + width: 100%; + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_carousel.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_carousel.scss new file mode 100644 index 00000000..49db83fc --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_carousel.scss @@ -0,0 +1,267 @@ +// +// Carousel +// -------------------------------------------------- + + +// Wrapper for the slide container and indicators +.carousel { + position: relative; +} + +.carousel-inner { + position: relative; + overflow: hidden; + width: 100%; + + > .item { + display: none; + position: relative; + @include transition(.6s ease-in-out left); + + // Account for jankitude on images + > img, + > a > img { + @include img-responsive; + line-height: 1; + } + + // WebKit CSS3 transforms for supported devices + @media all and (transform-3d), (-webkit-transform-3d) { + transition: transform .6s ease-in-out; + backface-visibility: hidden; + perspective: 1000; + + &.next, + &.active.right { + transform: translate3d(100%, 0, 0); + left: 0; + } + &.prev, + &.active.left { + transform: translate3d(-100%, 0, 0); + left: 0; + } + &.next.left, + &.prev.right, + &.active { + transform: translate3d(0, 0, 0); + left: 0; + } + } + } + + > .active, + > .next, + > .prev { + display: block; + } + + > .active { + left: 0; + } + + > .next, + > .prev { + position: absolute; + top: 0; + width: 100%; + } + + > .next { + left: 100%; + } + > .prev { + left: -100%; + } + > .next.left, + > .prev.right { + left: 0; + } + + > .active.left { + left: -100%; + } + > .active.right { + left: 100%; + } + +} + +// Left/right controls for nav +// --------------------------- + +.carousel-control { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: $carousel-control-width; + @include opacity($carousel-control-opacity); + font-size: $carousel-control-font-size; + color: $carousel-control-color; + text-align: center; + text-shadow: $carousel-text-shadow; + // We can't have this transition here because WebKit cancels the carousel + // animation if you trip this while in the middle of another animation. + + // Set gradients for backgrounds + &.left { + @include gradient-horizontal($start-color: rgba(0,0,0,.5), $end-color: rgba(0,0,0,.0001)); + } + &.right { + left: auto; + right: 0; + @include gradient-horizontal($start-color: rgba(0,0,0,.0001), $end-color: rgba(0,0,0,.5)); + } + + // Hover/focus state + &:hover, + &:focus { + outline: 0; + color: $carousel-control-color; + text-decoration: none; + @include opacity(.9); + } + + // Toggles + .icon-prev, + .icon-next, + .glyphicon-chevron-left, + .glyphicon-chevron-right { + position: absolute; + top: 50%; + z-index: 5; + display: inline-block; + } + .icon-prev, + .glyphicon-chevron-left { + left: 50%; + margin-left: -10px; + } + .icon-next, + .glyphicon-chevron-right { + right: 50%; + margin-right: -10px; + } + .icon-prev, + .icon-next { + width: 20px; + height: 20px; + margin-top: -10px; + font-family: serif; + } + + + .icon-prev { + &:before { + content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039) + } + } + .icon-next { + &:before { + content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A) + } + } +} + +// Optional indicator pips +// +// Add an unordered list with the following class and add a list item for each +// slide your carousel holds. + +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + margin-left: -30%; + padding-left: 0; + list-style: none; + text-align: center; + + li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + border: 1px solid $carousel-indicator-border-color; + border-radius: 10px; + cursor: pointer; + + // IE8-9 hack for event handling + // + // Internet Explorer 8-9 does not support clicks on elements without a set + // `background-color`. We cannot use `filter` since that's not viewed as a + // background color by the browser. Thus, a hack is needed. + // + // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we + // set alpha transparency for the best results possible. + background-color: #000 \9; // IE8 + background-color: rgba(0,0,0,0); // IE9 + } + .active { + margin: 0; + width: 12px; + height: 12px; + background-color: $carousel-indicator-active-bg; + } +} + +// Optional captions +// ----------------------------- +// Hidden by default for smaller viewports +.carousel-caption { + position: absolute; + left: 15%; + right: 15%; + bottom: 20px; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: $carousel-caption-color; + text-align: center; + text-shadow: $carousel-text-shadow; + & .btn { + text-shadow: none; // No shadow for button elements in carousel-caption + } +} + + +// Scale up controls for tablets and up +@media screen and (min-width: $screen-sm-min) { + + // Scale up the controls a smidge + .carousel-control { + .glyphicon-chevron-left, + .glyphicon-chevron-right, + .icon-prev, + .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + font-size: 30px; + } + .glyphicon-chevron-left, + .icon-prev { + margin-left: -15px; + } + .glyphicon-chevron-right, + .icon-next { + margin-right: -15px; + } + } + + // Show and left align the captions + .carousel-caption { + left: 20%; + right: 20%; + padding-bottom: 30px; + } + + // Move up the indicators + .carousel-indicators { + bottom: 20px; + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_close.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_close.scss new file mode 100644 index 00000000..62ce30fa --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_close.scss @@ -0,0 +1,35 @@ +// +// Close icons +// -------------------------------------------------- + + +.close { + float: right; + font-size: ($font-size-base * 1.5); + font-weight: $close-font-weight; + line-height: 1; + color: $close-color; + text-shadow: $close-text-shadow; + @include opacity(.2); + + &:hover, + &:focus { + color: $close-color; + text-decoration: none; + cursor: pointer; + @include opacity(.5); + } + + // [converter] extracted button& to button.close +} + +// Additional properties for button version +// iOS requires the button element instead of an anchor tag. +// If you want the anchor version, it requires `href="#"`. +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_code.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_code.scss new file mode 100644 index 00000000..caa5f063 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_code.scss @@ -0,0 +1,69 @@ +// +// Code (inline and block) +// -------------------------------------------------- + + +// Inline and block code styles +code, +kbd, +pre, +samp { + font-family: $font-family-monospace; +} + +// Inline code +code { + padding: 2px 4px; + font-size: 90%; + color: $code-color; + background-color: $code-bg; + border-radius: $border-radius-base; +} + +// User input typically entered via keyboard +kbd { + padding: 2px 4px; + font-size: 90%; + color: $kbd-color; + background-color: $kbd-bg; + border-radius: $border-radius-small; + box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); + + kbd { + padding: 0; + font-size: 100%; + font-weight: bold; + box-shadow: none; + } +} + +// Blocks of code +pre { + display: block; + padding: (($line-height-computed - 1) / 2); + margin: 0 0 ($line-height-computed / 2); + font-size: ($font-size-base - 1); // 14px to 13px + line-height: $line-height-base; + word-break: break-all; + word-wrap: break-word; + color: $pre-color; + background-color: $pre-bg; + border: 1px solid $pre-border-color; + border-radius: $border-radius-base; + + // Account for some code outputs that place code tags in pre tags + code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; + } +} + +// Enable scrollable blocks of code +.pre-scrollable { + max-height: $pre-scrollable-max-height; + overflow-y: scroll; +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_component-animations.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_component-animations.scss new file mode 100644 index 00000000..1f76b8c0 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_component-animations.scss @@ -0,0 +1,38 @@ +// +// Component animations +// -------------------------------------------------- + +// Heads up! +// +// We don't use the `.opacity()` mixin here since it causes a bug with text +// fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552. + +.fade { + opacity: 0; + @include transition(opacity .15s linear); + &.in { + opacity: 1; + } +} + +.collapse { + display: none; + visibility: hidden; + + &.in { display: block; visibility: visible; } + // [converter] extracted tr&.in to tr.collapse.in + // [converter] extracted tbody&.in to tbody.collapse.in +} + +tr.collapse.in { display: table-row; } + +tbody.collapse.in { display: table-row-group; } + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + @include transition-property(height, visibility); + @include transition-duration(.35s); + @include transition-timing-function(ease); +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_dropdowns.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_dropdowns.scss new file mode 100644 index 00000000..c7256e10 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_dropdowns.scss @@ -0,0 +1,213 @@ +// +// Dropdown menus +// -------------------------------------------------- + + +// Dropdown arrow/caret +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: $caret-width-base solid; + border-right: $caret-width-base solid transparent; + border-left: $caret-width-base solid transparent; +} + +// The dropdown wrapper (div) +.dropdown { + position: relative; +} + +// Prevent the focus on the dropdown toggle when closing dropdowns +.dropdown-toggle:focus { + outline: 0; +} + +// The dropdown menu (ul) +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: $zindex-dropdown; + display: none; // none by default, but block on "open" of the menu + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; // override default ul + list-style: none; + font-size: $font-size-base; + text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer) + background-color: $dropdown-bg; + border: 1px solid $dropdown-fallback-border; // IE8 fallback + border: 1px solid $dropdown-border; + border-radius: $border-radius-base; + @include box-shadow(0 6px 12px rgba(0,0,0,.175)); + background-clip: padding-box; + + // Aligns the dropdown menu to right + // + // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]` + &.pull-right { + right: 0; + left: auto; + } + + // Dividers (basically an hr) within the dropdown + .divider { + @include nav-divider($dropdown-divider-bg); + } + + // Links within the dropdown menu + > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: $line-height-base; + color: $dropdown-link-color; + white-space: nowrap; // prevent links from randomly breaking onto new lines + } +} + +// Hover/Focus state +.dropdown-menu > li > a { + &:hover, + &:focus { + text-decoration: none; + color: $dropdown-link-hover-color; + background-color: $dropdown-link-hover-bg; + } +} + +// Active state +.dropdown-menu > .active > a { + &, + &:hover, + &:focus { + color: $dropdown-link-active-color; + text-decoration: none; + outline: 0; + background-color: $dropdown-link-active-bg; + } +} + +// Disabled state +// +// Gray out text and ensure the hover/focus state remains gray + +.dropdown-menu > .disabled > a { + &, + &:hover, + &:focus { + color: $dropdown-link-disabled-color; + } + + // Nuke hover/focus effects + &:hover, + &:focus { + text-decoration: none; + background-color: transparent; + background-image: none; // Remove CSS gradient + @include reset-filter; + cursor: $cursor-disabled; + } +} + +// Open state for the dropdown +.open { + // Show the menu + > .dropdown-menu { + display: block; + } + + // Remove the outline when :focus is triggered + > a { + outline: 0; + } +} + +// Menu positioning +// +// Add extra class to `.dropdown-menu` to flip the alignment of the dropdown +// menu with the parent. +.dropdown-menu-right { + left: auto; // Reset the default from `.dropdown-menu` + right: 0; +} +// With v3, we enabled auto-flipping if you have a dropdown within a right +// aligned nav component. To enable the undoing of that, we provide an override +// to restore the default dropdown menu alignment. +// +// This is only for left-aligning a dropdown menu within a `.navbar-right` or +// `.pull-right` nav component. +.dropdown-menu-left { + left: 0; + right: auto; +} + +// Dropdown section headers +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: $font-size-small; + line-height: $line-height-base; + color: $dropdown-header-color; + white-space: nowrap; // as with > li > a +} + +// Backdrop to catch body clicks on mobile, etc. +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: ($zindex-dropdown - 10); +} + +// Right aligned dropdowns +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} + +// Allow for dropdowns to go bottom up (aka, dropup-menu) +// +// Just add .dropup after the standard .dropdown class and you're set, bro. +// TODO: abstract this so that the navbar fixed styles are not placed here? + +.dropup, +.navbar-fixed-bottom .dropdown { + // Reverse the caret + .caret { + border-top: 0; + border-bottom: $caret-width-base solid; + content: ""; + } + // Different positioning for bottom up menu + .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; + } +} + + +// Component alignment +// +// Reiterate per navbar.less and the modified component alignment there. + +@media (min-width: $grid-float-breakpoint) { + .navbar-right { + .dropdown-menu { + right: 0; left: auto; + } + // Necessary for overrides of the default right aligned menu. + // Will remove come v4 in all likelihood. + .dropdown-menu-left { + left: 0; right: auto; + } + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_forms.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_forms.scss new file mode 100644 index 00000000..439657c0 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_forms.scss @@ -0,0 +1,548 @@ +// +// Forms +// -------------------------------------------------- + + +// Normalize non-controls +// +// Restyle and baseline non-control form elements. + +fieldset { + padding: 0; + margin: 0; + border: 0; + // Chrome and Firefox set a `min-width: min-content;` on fieldsets, + // so we reset that to ensure it behaves more like a standard block element. + // See https://github.com/twbs/bootstrap/issues/12359. + min-width: 0; +} + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: $line-height-computed; + font-size: ($font-size-base * 1.5); + line-height: inherit; + color: $legend-color; + border: 0; + border-bottom: 1px solid $legend-border-color; +} + +label { + display: inline-block; + max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141) + margin-bottom: 5px; + font-weight: bold; +} + + +// Normalize form controls +// +// While most of our form styles require extra classes, some basic normalization +// is required to ensure optimum display with or without those classes to better +// address browser inconsistencies. + +// Override content-box in Normalize (* isn't specific enough) +input[type="search"] { + @include box-sizing(border-box); +} + +// Position radios and checkboxes better +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; // IE8-9 + line-height: normal; +} + +// Set the height of file controls to match text inputs +input[type="file"] { + display: block; +} + +// Make range inputs behave like textual form controls +input[type="range"] { + display: block; + width: 100%; +} + +// Make multiple select elements height not fixed +select[multiple], +select[size] { + height: auto; +} + +// Focus for file, radio, and checkbox +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + @include tab-focus; +} + +// Adjust output element +output { + display: block; + padding-top: ($padding-base-vertical + 1); + font-size: $font-size-base; + line-height: $line-height-base; + color: $input-color; +} + + +// Common form controls +// +// Shared size and type resets for form controls. Apply `.form-control` to any +// of the following form controls: +// +// select +// textarea +// input[type="text"] +// input[type="password"] +// input[type="datetime"] +// input[type="datetime-local"] +// input[type="date"] +// input[type="month"] +// input[type="time"] +// input[type="week"] +// input[type="number"] +// input[type="email"] +// input[type="url"] +// input[type="search"] +// input[type="tel"] +// input[type="color"] + +.form-control { + display: block; + width: 100%; + height: $input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border) + padding: $padding-base-vertical $padding-base-horizontal; + font-size: $font-size-base; + line-height: $line-height-base; + color: $input-color; + background-color: $input-bg; + background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 + border: 1px solid $input-border; + border-radius: $input-border-radius; + @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); + @include transition(border-color ease-in-out .15s, box-shadow ease-in-out .15s); + + // Customize the `:focus` state to imitate native WebKit styles. + @include form-control-focus; + + // Placeholder + @include placeholder; + + // Disabled and read-only inputs + // + // HTML5 says that controls under a fieldset > legend:first-child won't be + // disabled if the fieldset is disabled. Due to implementation difficulty, we + // don't honor that edge case; we style them as disabled anyway. + &[disabled], + &[readonly], + fieldset[disabled] & { + cursor: $cursor-disabled; + background-color: $input-bg-disabled; + opacity: 1; // iOS fix for unreadable disabled content + } + + // [converter] extracted textarea& to textarea.form-control +} + +// Reset height for `textarea`s +textarea.form-control { + height: auto; +} + + +// Search inputs in iOS +// +// This overrides the extra rounded corners on search inputs in iOS so that our +// `.form-control` class can properly style them. Note that this cannot simply +// be added to `.form-control` as it's not specific enough. For details, see +// https://github.com/twbs/bootstrap/issues/11586. + +input[type="search"] { + -webkit-appearance: none; +} + + +// Special styles for iOS temporal inputs +// +// In Mobile Safari, setting `display: block` on temporal inputs causes the +// text within the input to become vertically misaligned. As a workaround, we +// set a pixel line-height that matches the given height of the input, but only +// for Safari. + +@media screen and (-webkit-min-device-pixel-ratio: 0) { + input[type="date"], + input[type="time"], + input[type="datetime-local"], + input[type="month"] { + line-height: $input-height-base; + } + input[type="date"].input-sm, + input[type="time"].input-sm, + input[type="datetime-local"].input-sm, + input[type="month"].input-sm { + line-height: $input-height-small; + } + input[type="date"].input-lg, + input[type="time"].input-lg, + input[type="datetime-local"].input-lg, + input[type="month"].input-lg { + line-height: $input-height-large; + } +} + + +// Form groups +// +// Designed to help with the organization and spacing of vertical forms. For +// horizontal forms, use the predefined grid classes. + +.form-group { + margin-bottom: 15px; +} + + +// Checkboxes and radios +// +// Indent the labels to position radios/checkboxes as hanging controls. + +.radio, +.checkbox { + position: relative; + display: block; + margin-top: 10px; + margin-bottom: 10px; + + label { + min-height: $line-height-computed; // Ensure the input doesn't jump when there is no text + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; + } +} +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: absolute; + margin-left: -20px; + margin-top: 4px \9; +} + +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing +} + +// Radios and checkboxes on same line +.radio-inline, +.checkbox-inline { + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; +} +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; // space out consecutive inline controls +} + +// Apply same disabled cursor tweak as for inputs +// Some special care is needed because <label>s don't inherit their parent's `cursor`. +// +// Note: Neither radios nor checkboxes can be readonly. +input[type="radio"], +input[type="checkbox"] { + &[disabled], + &.disabled, + fieldset[disabled] & { + cursor: $cursor-disabled; + } +} +// These classes are used directly on <label>s +.radio-inline, +.checkbox-inline { + &.disabled, + fieldset[disabled] & { + cursor: $cursor-disabled; + } +} +// These classes are used on elements with <label> descendants +.radio, +.checkbox { + &.disabled, + fieldset[disabled] & { + label { + cursor: $cursor-disabled; + } + } +} + + +// Static form control text +// +// Apply class to a `p` element to make any string of text align with labels in +// a horizontal form layout. + +.form-control-static { + // Size it appropriately next to real form controls + padding-top: ($padding-base-vertical + 1); + padding-bottom: ($padding-base-vertical + 1); + // Remove default margin from `p` + margin-bottom: 0; + + &.input-lg, + &.input-sm { + padding-left: 0; + padding-right: 0; + } +} + + +// Form control sizing +// +// Build on `.form-control` with modifier classes to decrease or increase the +// height and font-size of form controls. + +@include input-size('.input-sm, .form-group-sm .form-control', $input-height-small, $padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $input-border-radius-small); + +@include input-size('.input-lg, .form-group-lg .form-control', $input-height-large, $padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $input-border-radius-large); + + +// Form control feedback states +// +// Apply contextual and semantic states to individual form controls. + +.has-feedback { + // Enable absolute positioning + position: relative; + + // Ensure icons don't overlap text + .form-control { + padding-right: ($input-height-base * 1.25); + } +} +// Feedback icon (requires .glyphicon classes) +.form-control-feedback { + position: absolute; + top: 0; + right: 0; + z-index: 2; // Ensure icon is above input groups + display: block; + width: $input-height-base; + height: $input-height-base; + line-height: $input-height-base; + text-align: center; + pointer-events: none; +} +.input-lg + .form-control-feedback { + width: $input-height-large; + height: $input-height-large; + line-height: $input-height-large; +} +.input-sm + .form-control-feedback { + width: $input-height-small; + height: $input-height-small; + line-height: $input-height-small; +} + +// Feedback states +.has-success { + @include form-control-validation($state-success-text, $state-success-text, $state-success-bg); +} +.has-warning { + @include form-control-validation($state-warning-text, $state-warning-text, $state-warning-bg); +} +.has-error { + @include form-control-validation($state-danger-text, $state-danger-text, $state-danger-bg); +} + +// Reposition feedback icon if input has visible label above +.has-feedback label { + + & ~ .form-control-feedback { + top: ($line-height-computed + 5); // Height of the `label` and its margin + } + &.sr-only ~ .form-control-feedback { + top: 0; + } +} + + +// Help text +// +// Apply to any element you wish to create light text for placement immediately +// below a form control. Use for general help, formatting, or instructional text. + +.help-block { + display: block; // account for any element using help-block + margin-top: 5px; + margin-bottom: 10px; + color: lighten($text-color, 25%); // lighten the text some for contrast +} + + +// Inline forms +// +// Make forms appear inline(-block) by adding the `.form-inline` class. Inline +// forms begin stacked on extra small (mobile) devices and then go inline when +// viewports reach <768px. +// +// Requires wrapping inputs and labels with `.form-group` for proper display of +// default HTML form controls and our custom form controls (e.g., input groups). +// +// Heads up! This is mixin-ed into `.navbar-form` in navbars.less. + +// [converter] extracted from `.form-inline` for libsass compatibility +@mixin form-inline { + + // Kick in the inline + @media (min-width: $screen-sm-min) { + // Inline-block all the things for "inline" + .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + + // In navbar-form, allow folks to *not* use `.form-group` + .form-control { + display: inline-block; + width: auto; // Prevent labels from stacking above inputs in `.form-group` + vertical-align: middle; + } + + // Make static controls behave like regular ones + .form-control-static { + display: inline-block; + } + + .input-group { + display: inline-table; + vertical-align: middle; + + .input-group-addon, + .input-group-btn, + .form-control { + width: auto; + } + } + + // Input groups need that 100% width though + .input-group > .form-control { + width: 100%; + } + + .control-label { + margin-bottom: 0; + vertical-align: middle; + } + + // Remove default margin on radios/checkboxes that were used for stacking, and + // then undo the floating of radios and checkboxes to match (which also avoids + // a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969). + .radio, + .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; + + label { + padding-left: 0; + } + } + .radio input[type="radio"], + .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; + } + + // Re-override the feedback icon. + .has-feedback .form-control-feedback { + top: 0; + } + } +} +// [converter] extracted as `@mixin form-inline` for libsass compatibility +.form-inline { + @include form-inline; +} + + + +// Horizontal forms +// +// Horizontal forms are built on grid classes and allow you to create forms with +// labels on the left and inputs on the right. + +.form-horizontal { + + // Consistent vertical alignment of radios and checkboxes + // + // Labels also get some reset styles, but that is scoped to a media query below. + .radio, + .checkbox, + .radio-inline, + .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: ($padding-base-vertical + 1); // Default padding plus a border + } + // Account for padding we're adding to ensure the alignment and of help text + // and other content below items + .radio, + .checkbox { + min-height: ($line-height-computed + ($padding-base-vertical + 1)); + } + + // Make form groups behave like rows + .form-group { + @include make-row; + } + + // Reset spacing and right align labels, but scope to media queries so that + // labels on narrow viewports stack the same as a default form example. + @media (min-width: $screen-sm-min) { + .control-label { + text-align: right; + margin-bottom: 0; + padding-top: ($padding-base-vertical + 1); // Default padding plus a border + } + } + + // Validation states + // + // Reposition the icon because it's now within a grid column and columns have + // `position: relative;` on them. Also accounts for the grid gutter padding. + .has-feedback .form-control-feedback { + right: ($grid-gutter-width / 2); + } + + // Form group sizes + // + // Quick utility class for applying `.input-lg` and `.input-sm` styles to the + // inputs and labels within a `.form-group`. + .form-group-lg { + @media (min-width: $screen-sm-min) { + .control-label { + padding-top: (($padding-large-vertical * $line-height-large) + 1); + } + } + } + .form-group-sm { + @media (min-width: $screen-sm-min) { + .control-label { + padding-top: ($padding-small-vertical + 1); + } + } + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_glyphicons.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_glyphicons.scss new file mode 100644 index 00000000..5486eaa4 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_glyphicons.scss @@ -0,0 +1,234 @@ +// +// Glyphicons for Bootstrap +// +// Since icons are fonts, they can be placed anywhere text is placed and are +// thus automatically sized to match the surrounding child. To use, create an +// inline element with the appropriate classes, like so: +// +// <a href="#"><span class="glyphicon glyphicon-star"></span> Star</a> + +// Import the fonts +@font-face { + font-family: 'Glyphicons Halflings'; + src: url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.eot'), '#{$icon-font-path}#{$icon-font-name}.eot')); + src: url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.eot?#iefix'), '#{$icon-font-path}#{$icon-font-name}.eot?#iefix')) format('embedded-opentype'), + url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.woff'), '#{$icon-font-path}#{$icon-font-name}.woff')) format('woff'), + url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.ttf'), '#{$icon-font-path}#{$icon-font-name}.ttf')) format('truetype'), + url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.svg##{$icon-font-svg-id}'), '#{$icon-font-path}#{$icon-font-name}.svg##{$icon-font-svg-id}')) format('svg'); +} + +// Catchall baseclass +.glyphicon { + position: relative; + top: 1px; + display: inline-block; + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +// Individual icons +.glyphicon-asterisk { &:before { content: "\2a"; } } +.glyphicon-plus { &:before { content: "\2b"; } } +.glyphicon-euro, +.glyphicon-eur { &:before { content: "\20ac"; } } +.glyphicon-minus { &:before { content: "\2212"; } } +.glyphicon-cloud { &:before { content: "\2601"; } } +.glyphicon-envelope { &:before { content: "\2709"; } } +.glyphicon-pencil { &:before { content: "\270f"; } } +.glyphicon-glass { &:before { content: "\e001"; } } +.glyphicon-music { &:before { content: "\e002"; } } +.glyphicon-search { &:before { content: "\e003"; } } +.glyphicon-heart { &:before { content: "\e005"; } } +.glyphicon-star { &:before { content: "\e006"; } } +.glyphicon-star-empty { &:before { content: "\e007"; } } +.glyphicon-user { &:before { content: "\e008"; } } +.glyphicon-film { &:before { content: "\e009"; } } +.glyphicon-th-large { &:before { content: "\e010"; } } +.glyphicon-th { &:before { content: "\e011"; } } +.glyphicon-th-list { &:before { content: "\e012"; } } +.glyphicon-ok { &:before { content: "\e013"; } } +.glyphicon-remove { &:before { content: "\e014"; } } +.glyphicon-zoom-in { &:before { content: "\e015"; } } +.glyphicon-zoom-out { &:before { content: "\e016"; } } +.glyphicon-off { &:before { content: "\e017"; } } +.glyphicon-signal { &:before { content: "\e018"; } } +.glyphicon-cog { &:before { content: "\e019"; } } +.glyphicon-trash { &:before { content: "\e020"; } } +.glyphicon-home { &:before { content: "\e021"; } } +.glyphicon-file { &:before { content: "\e022"; } } +.glyphicon-time { &:before { content: "\e023"; } } +.glyphicon-road { &:before { content: "\e024"; } } +.glyphicon-download-alt { &:before { content: "\e025"; } } +.glyphicon-download { &:before { content: "\e026"; } } +.glyphicon-upload { &:before { content: "\e027"; } } +.glyphicon-inbox { &:before { content: "\e028"; } } +.glyphicon-play-circle { &:before { content: "\e029"; } } +.glyphicon-repeat { &:before { content: "\e030"; } } +.glyphicon-refresh { &:before { content: "\e031"; } } +.glyphicon-list-alt { &:before { content: "\e032"; } } +.glyphicon-lock { &:before { content: "\e033"; } } +.glyphicon-flag { &:before { content: "\e034"; } } +.glyphicon-headphones { &:before { content: "\e035"; } } +.glyphicon-volume-off { &:before { content: "\e036"; } } +.glyphicon-volume-down { &:before { content: "\e037"; } } +.glyphicon-volume-up { &:before { content: "\e038"; } } +.glyphicon-qrcode { &:before { content: "\e039"; } } +.glyphicon-barcode { &:before { content: "\e040"; } } +.glyphicon-tag { &:before { content: "\e041"; } } +.glyphicon-tags { &:before { content: "\e042"; } } +.glyphicon-book { &:before { content: "\e043"; } } +.glyphicon-bookmark { &:before { content: "\e044"; } } +.glyphicon-print { &:before { content: "\e045"; } } +.glyphicon-camera { &:before { content: "\e046"; } } +.glyphicon-font { &:before { content: "\e047"; } } +.glyphicon-bold { &:before { content: "\e048"; } } +.glyphicon-italic { &:before { content: "\e049"; } } +.glyphicon-text-height { &:before { content: "\e050"; } } +.glyphicon-text-width { &:before { content: "\e051"; } } +.glyphicon-align-left { &:before { content: "\e052"; } } +.glyphicon-align-center { &:before { content: "\e053"; } } +.glyphicon-align-right { &:before { content: "\e054"; } } +.glyphicon-align-justify { &:before { content: "\e055"; } } +.glyphicon-list { &:before { content: "\e056"; } } +.glyphicon-indent-left { &:before { content: "\e057"; } } +.glyphicon-indent-right { &:before { content: "\e058"; } } +.glyphicon-facetime-video { &:before { content: "\e059"; } } +.glyphicon-picture { &:before { content: "\e060"; } } +.glyphicon-map-marker { &:before { content: "\e062"; } } +.glyphicon-adjust { &:before { content: "\e063"; } } +.glyphicon-tint { &:before { content: "\e064"; } } +.glyphicon-edit { &:before { content: "\e065"; } } +.glyphicon-share { &:before { content: "\e066"; } } +.glyphicon-check { &:before { content: "\e067"; } } +.glyphicon-move { &:before { content: "\e068"; } } +.glyphicon-step-backward { &:before { content: "\e069"; } } +.glyphicon-fast-backward { &:before { content: "\e070"; } } +.glyphicon-backward { &:before { content: "\e071"; } } +.glyphicon-play { &:before { content: "\e072"; } } +.glyphicon-pause { &:before { content: "\e073"; } } +.glyphicon-stop { &:before { content: "\e074"; } } +.glyphicon-forward { &:before { content: "\e075"; } } +.glyphicon-fast-forward { &:before { content: "\e076"; } } +.glyphicon-step-forward { &:before { content: "\e077"; } } +.glyphicon-eject { &:before { content: "\e078"; } } +.glyphicon-chevron-left { &:before { content: "\e079"; } } +.glyphicon-chevron-right { &:before { content: "\e080"; } } +.glyphicon-plus-sign { &:before { content: "\e081"; } } +.glyphicon-minus-sign { &:before { content: "\e082"; } } +.glyphicon-remove-sign { &:before { content: "\e083"; } } +.glyphicon-ok-sign { &:before { content: "\e084"; } } +.glyphicon-question-sign { &:before { content: "\e085"; } } +.glyphicon-info-sign { &:before { content: "\e086"; } } +.glyphicon-screenshot { &:before { content: "\e087"; } } +.glyphicon-remove-circle { &:before { content: "\e088"; } } +.glyphicon-ok-circle { &:before { content: "\e089"; } } +.glyphicon-ban-circle { &:before { content: "\e090"; } } +.glyphicon-arrow-left { &:before { content: "\e091"; } } +.glyphicon-arrow-right { &:before { content: "\e092"; } } +.glyphicon-arrow-up { &:before { content: "\e093"; } } +.glyphicon-arrow-down { &:before { content: "\e094"; } } +.glyphicon-share-alt { &:before { content: "\e095"; } } +.glyphicon-resize-full { &:before { content: "\e096"; } } +.glyphicon-resize-small { &:before { content: "\e097"; } } +.glyphicon-exclamation-sign { &:before { content: "\e101"; } } +.glyphicon-gift { &:before { content: "\e102"; } } +.glyphicon-leaf { &:before { content: "\e103"; } } +.glyphicon-fire { &:before { content: "\e104"; } } +.glyphicon-eye-open { &:before { content: "\e105"; } } +.glyphicon-eye-close { &:before { content: "\e106"; } } +.glyphicon-warning-sign { &:before { content: "\e107"; } } +.glyphicon-plane { &:before { content: "\e108"; } } +.glyphicon-calendar { &:before { content: "\e109"; } } +.glyphicon-random { &:before { content: "\e110"; } } +.glyphicon-comment { &:before { content: "\e111"; } } +.glyphicon-magnet { &:before { content: "\e112"; } } +.glyphicon-chevron-up { &:before { content: "\e113"; } } +.glyphicon-chevron-down { &:before { content: "\e114"; } } +.glyphicon-retweet { &:before { content: "\e115"; } } +.glyphicon-shopping-cart { &:before { content: "\e116"; } } +.glyphicon-folder-close { &:before { content: "\e117"; } } +.glyphicon-folder-open { &:before { content: "\e118"; } } +.glyphicon-resize-vertical { &:before { content: "\e119"; } } +.glyphicon-resize-horizontal { &:before { content: "\e120"; } } +.glyphicon-hdd { &:before { content: "\e121"; } } +.glyphicon-bullhorn { &:before { content: "\e122"; } } +.glyphicon-bell { &:before { content: "\e123"; } } +.glyphicon-certificate { &:before { content: "\e124"; } } +.glyphicon-thumbs-up { &:before { content: "\e125"; } } +.glyphicon-thumbs-down { &:before { content: "\e126"; } } +.glyphicon-hand-right { &:before { content: "\e127"; } } +.glyphicon-hand-left { &:before { content: "\e128"; } } +.glyphicon-hand-up { &:before { content: "\e129"; } } +.glyphicon-hand-down { &:before { content: "\e130"; } } +.glyphicon-circle-arrow-right { &:before { content: "\e131"; } } +.glyphicon-circle-arrow-left { &:before { content: "\e132"; } } +.glyphicon-circle-arrow-up { &:before { content: "\e133"; } } +.glyphicon-circle-arrow-down { &:before { content: "\e134"; } } +.glyphicon-globe { &:before { content: "\e135"; } } +.glyphicon-wrench { &:before { content: "\e136"; } } +.glyphicon-tasks { &:before { content: "\e137"; } } +.glyphicon-filter { &:before { content: "\e138"; } } +.glyphicon-briefcase { &:before { content: "\e139"; } } +.glyphicon-fullscreen { &:before { content: "\e140"; } } +.glyphicon-dashboard { &:before { content: "\e141"; } } +.glyphicon-paperclip { &:before { content: "\e142"; } } +.glyphicon-heart-empty { &:before { content: "\e143"; } } +.glyphicon-link { &:before { content: "\e144"; } } +.glyphicon-phone { &:before { content: "\e145"; } } +.glyphicon-pushpin { &:before { content: "\e146"; } } +.glyphicon-usd { &:before { content: "\e148"; } } +.glyphicon-gbp { &:before { content: "\e149"; } } +.glyphicon-sort { &:before { content: "\e150"; } } +.glyphicon-sort-by-alphabet { &:before { content: "\e151"; } } +.glyphicon-sort-by-alphabet-alt { &:before { content: "\e152"; } } +.glyphicon-sort-by-order { &:before { content: "\e153"; } } +.glyphicon-sort-by-order-alt { &:before { content: "\e154"; } } +.glyphicon-sort-by-attributes { &:before { content: "\e155"; } } +.glyphicon-sort-by-attributes-alt { &:before { content: "\e156"; } } +.glyphicon-unchecked { &:before { content: "\e157"; } } +.glyphicon-expand { &:before { content: "\e158"; } } +.glyphicon-collapse-down { &:before { content: "\e159"; } } +.glyphicon-collapse-up { &:before { content: "\e160"; } } +.glyphicon-log-in { &:before { content: "\e161"; } } +.glyphicon-flash { &:before { content: "\e162"; } } +.glyphicon-log-out { &:before { content: "\e163"; } } +.glyphicon-new-window { &:before { content: "\e164"; } } +.glyphicon-record { &:before { content: "\e165"; } } +.glyphicon-save { &:before { content: "\e166"; } } +.glyphicon-open { &:before { content: "\e167"; } } +.glyphicon-saved { &:before { content: "\e168"; } } +.glyphicon-import { &:before { content: "\e169"; } } +.glyphicon-export { &:before { content: "\e170"; } } +.glyphicon-send { &:before { content: "\e171"; } } +.glyphicon-floppy-disk { &:before { content: "\e172"; } } +.glyphicon-floppy-saved { &:before { content: "\e173"; } } +.glyphicon-floppy-remove { &:before { content: "\e174"; } } +.glyphicon-floppy-save { &:before { content: "\e175"; } } +.glyphicon-floppy-open { &:before { content: "\e176"; } } +.glyphicon-credit-card { &:before { content: "\e177"; } } +.glyphicon-transfer { &:before { content: "\e178"; } } +.glyphicon-cutlery { &:before { content: "\e179"; } } +.glyphicon-header { &:before { content: "\e180"; } } +.glyphicon-compressed { &:before { content: "\e181"; } } +.glyphicon-earphone { &:before { content: "\e182"; } } +.glyphicon-phone-alt { &:before { content: "\e183"; } } +.glyphicon-tower { &:before { content: "\e184"; } } +.glyphicon-stats { &:before { content: "\e185"; } } +.glyphicon-sd-video { &:before { content: "\e186"; } } +.glyphicon-hd-video { &:before { content: "\e187"; } } +.glyphicon-subtitles { &:before { content: "\e188"; } } +.glyphicon-sound-stereo { &:before { content: "\e189"; } } +.glyphicon-sound-dolby { &:before { content: "\e190"; } } +.glyphicon-sound-5-1 { &:before { content: "\e191"; } } +.glyphicon-sound-6-1 { &:before { content: "\e192"; } } +.glyphicon-sound-7-1 { &:before { content: "\e193"; } } +.glyphicon-copyright-mark { &:before { content: "\e194"; } } +.glyphicon-registration-mark { &:before { content: "\e195"; } } +.glyphicon-cloud-download { &:before { content: "\e197"; } } +.glyphicon-cloud-upload { &:before { content: "\e198"; } } +.glyphicon-tree-conifer { &:before { content: "\e199"; } } +.glyphicon-tree-deciduous { &:before { content: "\e200"; } } diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_grid.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_grid.scss new file mode 100644 index 00000000..b15ca27b --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_grid.scss @@ -0,0 +1,84 @@ +// +// Grid system +// -------------------------------------------------- + + +// Container widths +// +// Set the container width, and override it for fixed navbars in media queries. + +.container { + @include container-fixed; + + @media (min-width: $screen-sm-min) { + width: $container-sm; + } + @media (min-width: $screen-md-min) { + width: $container-md; + } + @media (min-width: $screen-lg-min) { + width: $container-lg; + } +} + + +// Fluid container +// +// Utilizes the mixin meant for fixed width containers, but without any defined +// width for fluid, full width layouts. + +.container-fluid { + @include container-fixed; +} + + +// Row +// +// Rows contain and clear the floats of your columns. + +.row { + @include make-row; +} + + +// Columns +// +// Common styles for small and large grid columns + +@include make-grid-columns; + + +// Extra small grid +// +// Columns, offsets, pushes, and pulls for extra small devices like +// smartphones. + +@include make-grid(xs); + + +// Small grid +// +// Columns, offsets, pushes, and pulls for the small device range, from phones +// to tablets. + +@media (min-width: $screen-sm-min) { + @include make-grid(sm); +} + + +// Medium grid +// +// Columns, offsets, pushes, and pulls for the desktop device range. + +@media (min-width: $screen-md-min) { + @include make-grid(md); +} + + +// Large grid +// +// Columns, offsets, pushes, and pulls for the large desktop device range. + +@media (min-width: $screen-lg-min) { + @include make-grid(lg); +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_input-groups.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_input-groups.scss new file mode 100644 index 00000000..ae0e921b --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_input-groups.scss @@ -0,0 +1,166 @@ +// +// Input groups +// -------------------------------------------------- + +// Base styles +// ------------------------- +.input-group { + position: relative; // For dropdowns + display: table; + border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table + + // Undo padding and float of grid classes + &[class*="col-"] { + float: none; + padding-left: 0; + padding-right: 0; + } + + .form-control { + // Ensure that the input is always above the *appended* addon button for + // proper border colors. + position: relative; + z-index: 2; + + // IE9 fubars the placeholder attribute in text inputs and the arrows on + // select elements in input groups. To fix it, we float the input. Details: + // https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855 + float: left; + + width: 100%; + margin-bottom: 0; + } +} + +// Sizing options +// +// Remix the default form control sizing classes into new ones for easier +// manipulation. + +.input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { + @extend .input-lg; +} +.input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { + @extend .input-sm; +} + + +// Display as table-cell +// ------------------------- +.input-group-addon, +.input-group-btn, +.input-group .form-control { + display: table-cell; + + &:not(:first-child):not(:last-child) { + border-radius: 0; + } +} +// Addon and addon wrapper for buttons +.input-group-addon, +.input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; // Match the inputs +} + +// Text input groups +// ------------------------- +.input-group-addon { + padding: $padding-base-vertical $padding-base-horizontal; + font-size: $font-size-base; + font-weight: normal; + line-height: 1; + color: $input-color; + text-align: center; + background-color: $input-group-addon-bg; + border: 1px solid $input-group-addon-border-color; + border-radius: $border-radius-base; + + // Sizing + &.input-sm { + padding: $padding-small-vertical $padding-small-horizontal; + font-size: $font-size-small; + border-radius: $border-radius-small; + } + &.input-lg { + padding: $padding-large-vertical $padding-large-horizontal; + font-size: $font-size-large; + border-radius: $border-radius-large; + } + + // Nuke default margins from checkboxes and radios to vertically center within. + input[type="radio"], + input[type="checkbox"] { + margin-top: 0; + } +} + +// Reset rounded corners +.input-group .form-control:first-child, +.input-group-addon:first-child, +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { + @include border-right-radius(0); +} +.input-group-addon:first-child { + border-right: 0; +} +.input-group .form-control:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child), +.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { + @include border-left-radius(0); +} +.input-group-addon:last-child { + border-left: 0; +} + +// Button input groups +// ------------------------- +.input-group-btn { + position: relative; + // Jankily prevent input button groups from wrapping with `white-space` and + // `font-size` in combination with `inline-block` on buttons. + font-size: 0; + white-space: nowrap; + + // Negative margin for spacing, position for bringing hovered/focused/actived + // element above the siblings. + > .btn { + position: relative; + + .btn { + margin-left: -1px; + } + // Bring the "active" button to the front + &:hover, + &:focus, + &:active { + z-index: 2; + } + } + + // Negative margin to only have a 1px border between the two + &:first-child { + > .btn, + > .btn-group { + margin-right: -1px; + } + } + &:last-child { + > .btn, + > .btn-group { + margin-left: -1px; + } + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_jumbotron.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_jumbotron.scss new file mode 100644 index 00000000..ed4c6c99 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_jumbotron.scss @@ -0,0 +1,49 @@ +// +// Jumbotron +// -------------------------------------------------- + + +.jumbotron { + padding: $jumbotron-padding ($jumbotron-padding / 2); + margin-bottom: $jumbotron-padding; + color: $jumbotron-color; + background-color: $jumbotron-bg; + + h1, + .h1 { + color: $jumbotron-heading-color; + } + p { + margin-bottom: ($jumbotron-padding / 2); + font-size: $jumbotron-font-size; + font-weight: 200; + } + + > hr { + border-top-color: darken($jumbotron-bg, 10%); + } + + .container &, + .container-fluid & { + border-radius: $border-radius-large; // Only round corners at higher resolutions if contained in a container + } + + .container { + max-width: 100%; + } + + @media screen and (min-width: $screen-sm-min) { + padding: ($jumbotron-padding * 1.6) 0; + + .container &, + .container-fluid & { + padding-left: ($jumbotron-padding * 2); + padding-right: ($jumbotron-padding * 2); + } + + h1, + .h1 { + font-size: ($font-size-base * 4.5); + } + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_labels.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_labels.scss new file mode 100644 index 00000000..42ed6ea1 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_labels.scss @@ -0,0 +1,66 @@ +// +// Labels +// -------------------------------------------------- + +.label { + display: inline; + padding: .2em .6em .3em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: $label-color; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25em; + + // [converter] extracted a& to a.label + + // Empty labels collapse automatically (not available in IE8) + &:empty { + display: none; + } + + // Quick fix for labels in buttons + .btn & { + position: relative; + top: -1px; + } +} + +// Add hover effects, but only for links +a.label { + &:hover, + &:focus { + color: $label-link-hover-color; + text-decoration: none; + cursor: pointer; + } +} + +// Colors +// Contextual variations (linked labels get darker on :hover) + +.label-default { + @include label-variant($label-default-bg); +} + +.label-primary { + @include label-variant($label-primary-bg); +} + +.label-success { + @include label-variant($label-success-bg); +} + +.label-info { + @include label-variant($label-info-bg); +} + +.label-warning { + @include label-variant($label-warning-bg); +} + +.label-danger { + @include label-variant($label-danger-bg); +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_list-group.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_list-group.scss new file mode 100644 index 00000000..26b23ff8 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_list-group.scss @@ -0,0 +1,124 @@ +// +// List groups +// -------------------------------------------------- + + +// Base class +// +// Easily usable on <ul>, <ol>, or <div>. + +.list-group { + // No need to set list-style: none; since .list-group-item is block level + margin-bottom: 20px; + padding-left: 0; // reset padding because ul and ol +} + + +// Individual list items +// +// Use on `li`s or `div`s within the `.list-group` parent. + +.list-group-item { + position: relative; + display: block; + padding: 10px 15px; + // Place the border on the list items and negative margin up for better styling + margin-bottom: -1px; + background-color: $list-group-bg; + border: 1px solid $list-group-border; + + // Round the first and last items + &:first-child { + @include border-top-radius($list-group-border-radius); + } + &:last-child { + margin-bottom: 0; + @include border-bottom-radius($list-group-border-radius); + } +} + + +// Linked list items +// +// Use anchor elements instead of `li`s or `div`s to create linked list items. +// Includes an extra `.active` modifier class for showing selected items. + +a.list-group-item { + color: $list-group-link-color; + + .list-group-item-heading { + color: $list-group-link-heading-color; + } + + // Hover state + &:hover, + &:focus { + text-decoration: none; + color: $list-group-link-hover-color; + background-color: $list-group-hover-bg; + } +} + +.list-group-item { + // Disabled state + &.disabled, + &.disabled:hover, + &.disabled:focus { + background-color: $list-group-disabled-bg; + color: $list-group-disabled-color; + cursor: $cursor-disabled; + + // Force color to inherit for custom content + .list-group-item-heading { + color: inherit; + } + .list-group-item-text { + color: $list-group-disabled-text-color; + } + } + + // Active class on item itself, not parent + &.active, + &.active:hover, + &.active:focus { + z-index: 2; // Place active items above their siblings for proper border styling + color: $list-group-active-color; + background-color: $list-group-active-bg; + border-color: $list-group-active-border; + + // Force color to inherit for custom content + .list-group-item-heading, + .list-group-item-heading > small, + .list-group-item-heading > .small { + color: inherit; + } + .list-group-item-text { + color: $list-group-active-text-color; + } + } +} + + +// Contextual variants +// +// Add modifier classes to change text and background color on individual items. +// Organizationally, this must come after the `:hover` states. + +@include list-group-item-variant(success, $state-success-bg, $state-success-text); +@include list-group-item-variant(info, $state-info-bg, $state-info-text); +@include list-group-item-variant(warning, $state-warning-bg, $state-warning-text); +@include list-group-item-variant(danger, $state-danger-bg, $state-danger-text); + + +// Custom content options +// +// Extra classes for creating well-formatted content within `.list-group-item`s. + +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; +} +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_media.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_media.scss new file mode 100644 index 00000000..292e98db --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_media.scss @@ -0,0 +1,47 @@ +.media { + // Proper spacing between instances of .media + margin-top: 15px; + + &:first-child { + margin-top: 0; + } +} + +.media-right, +.media > .pull-right { + padding-left: 10px; +} + +.media-left, +.media > .pull-left { + padding-right: 10px; +} + +.media-left, +.media-right, +.media-body { + display: table-cell; + vertical-align: top; +} + +.media-middle { + vertical-align: middle; +} + +.media-bottom { + vertical-align: bottom; +} + +// Reset margins on headings for tighter default spacing +.media-heading { + margin-top: 0; + margin-bottom: 5px; +} + +// Media list variation +// +// Undo default ul/ol styles +.media-list { + padding-left: 0; + list-style: none; +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_mixins.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_mixins.scss new file mode 100644 index 00000000..b565f013 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_mixins.scss @@ -0,0 +1,39 @@ +// Mixins +// -------------------------------------------------- + +// Utilities +@import "mixins/hide-text"; +@import "mixins/opacity"; +@import "mixins/image"; +@import "mixins/labels"; +@import "mixins/reset-filter"; +@import "mixins/resize"; +@import "mixins/responsive-visibility"; +@import "mixins/size"; +@import "mixins/tab-focus"; +@import "mixins/text-emphasis"; +@import "mixins/text-overflow"; +@import "mixins/vendor-prefixes"; + +// Components +@import "mixins/alerts"; +@import "mixins/buttons"; +@import "mixins/panels"; +@import "mixins/pagination"; +@import "mixins/list-group"; +@import "mixins/nav-divider"; +@import "mixins/forms"; +@import "mixins/progress-bar"; +@import "mixins/table-row"; + +// Skins +@import "mixins/background-variant"; +@import "mixins/border-radius"; +@import "mixins/gradients"; + +// Layout +@import "mixins/clearfix"; +@import "mixins/center-block"; +@import "mixins/nav-vertical-align"; +@import "mixins/grid-framework"; +@import "mixins/grid"; diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_modals.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_modals.scss new file mode 100644 index 00000000..2fd097ca --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_modals.scss @@ -0,0 +1,148 @@ +// +// Modals +// -------------------------------------------------- + +// .modal-open - body class for killing the scroll +// .modal - container to scroll within +// .modal-dialog - positioning shell for the actual modal +// .modal-content - actual modal w/ bg and corners and shit + +// Kill the scroll on the body +.modal-open { + overflow: hidden; +} + +// Container that the modal scrolls within +.modal { + display: none; + overflow: hidden; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: $zindex-modal; + -webkit-overflow-scrolling: touch; + + // Prevent Chrome on Windows from adding a focus outline. For details, see + // https://github.com/twbs/bootstrap/pull/10951. + outline: 0; + + // When fading in the modal, animate it to slide down + &.fade .modal-dialog { + @include translate(0, -25%); + @include transition-transform(0.3s ease-out); + } + &.in .modal-dialog { @include translate(0, 0) } +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +// Shell div to position the modal with bottom padding +.modal-dialog { + position: relative; + width: auto; + margin: 10px; +} + +// Actual modal +.modal-content { + position: relative; + background-color: $modal-content-bg; + border: 1px solid $modal-content-fallback-border-color; //old browsers fallback (ie8 etc) + border: 1px solid $modal-content-border-color; + border-radius: $border-radius-large; + @include box-shadow(0 3px 9px rgba(0,0,0,.5)); + background-clip: padding-box; + // Remove focus outline from opened modal + outline: 0; +} + +// Modal background +.modal-backdrop { + position: absolute; + top: 0; + right: 0; + left: 0; + background-color: $modal-backdrop-bg; + // Fade for backdrop + &.fade { @include opacity(0); } + &.in { @include opacity($modal-backdrop-opacity); } +} + +// Modal header +// Top section of the modal w/ title and dismiss +.modal-header { + padding: $modal-title-padding; + border-bottom: 1px solid $modal-header-border-color; + min-height: ($modal-title-padding + $modal-title-line-height); +} +// Close icon +.modal-header .close { + margin-top: -2px; +} + +// Title text within header +.modal-title { + margin: 0; + line-height: $modal-title-line-height; +} + +// Modal body +// Where all modal content resides (sibling of .modal-header and .modal-footer) +.modal-body { + position: relative; + padding: $modal-inner-padding; +} + +// Footer (for actions) +.modal-footer { + padding: $modal-inner-padding; + text-align: right; // right align buttons + border-top: 1px solid $modal-footer-border-color; + @include clearfix; // clear it in case folks use .pull-* classes on buttons + + // Properly space out buttons + .btn + .btn { + margin-left: 5px; + margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs + } + // but override that for button groups + .btn-group .btn + .btn { + margin-left: -1px; + } + // and override it for block buttons as well + .btn-block + .btn-block { + margin-left: 0; + } +} + +// Measure scrollbar width for padding body during modal show/hide +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +// Scale up the modal +@media (min-width: $screen-sm-min) { + // Automatically set modal's width for larger viewports + .modal-dialog { + width: $modal-md; + margin: 30px auto; + } + .modal-content { + @include box-shadow(0 5px 15px rgba(0,0,0,.5)); + } + + // Modal sizes + .modal-sm { width: $modal-sm; } +} + +@media (min-width: $screen-md-min) { + .modal-lg { width: $modal-lg; } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss new file mode 100644 index 00000000..73b8587b --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navbar.scss @@ -0,0 +1,662 @@ +// +// Navbars +// -------------------------------------------------- + + +// Wrapper and base class +// +// Provide a static navbar from which we expand to create full-width, fixed, and +// other navbar variations. + +.navbar { + position: relative; + min-height: $navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode) + margin-bottom: $navbar-margin-bottom; + border: 1px solid transparent; + + // Prevent floats from breaking the navbar + @include clearfix; + + @media (min-width: $grid-float-breakpoint) { + border-radius: $navbar-border-radius; + } +} + + +// Navbar heading +// +// Groups `.navbar-brand` and `.navbar-toggle` into a single component for easy +// styling of responsive aspects. + +.navbar-header { + @include clearfix; + + @media (min-width: $grid-float-breakpoint) { + float: left; + } +} + + +// Navbar collapse (body) +// +// Group your navbar content into this for easy collapsing and expanding across +// various device sizes. By default, this content is collapsed when <768px, but +// will expand past that for a horizontal display. +// +// To start (on mobile devices) the navbar links, forms, and buttons are stacked +// vertically and include a `max-height` to overflow in case you have too much +// content for the user's viewport. + +.navbar-collapse { + overflow-x: visible; + padding-right: $navbar-padding-horizontal; + padding-left: $navbar-padding-horizontal; + border-top: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255,255,255,.1); + @include clearfix; + -webkit-overflow-scrolling: touch; + + &.in { + overflow-y: auto; + } + + @media (min-width: $grid-float-breakpoint) { + width: auto; + border-top: 0; + box-shadow: none; + + &.collapse { + display: block !important; + visibility: visible !important; + height: auto !important; + padding-bottom: 0; // Override default setting + overflow: visible !important; + } + + &.in { + overflow-y: visible; + } + + // Undo the collapse side padding for navbars with containers to ensure + // alignment of right-aligned contents. + .navbar-fixed-top &, + .navbar-static-top &, + .navbar-fixed-bottom & { + padding-left: 0; + padding-right: 0; + } + } +} + +.navbar-fixed-top, +.navbar-fixed-bottom { + .navbar-collapse { + max-height: $navbar-collapse-max-height; + + @media (max-device-width: $screen-xs-min) and (orientation: landscape) { + max-height: 200px; + } + } +} + + +// Both navbar header and collapse +// +// When a container is present, change the behavior of the header and collapse. + +.container, +.container-fluid { + > .navbar-header, + > .navbar-collapse { + margin-right: -$navbar-padding-horizontal; + margin-left: -$navbar-padding-horizontal; + + @media (min-width: $grid-float-breakpoint) { + margin-right: 0; + margin-left: 0; + } + } +} + + +// +// Navbar alignment options +// +// Display the navbar across the entirety of the page or fixed it to the top or +// bottom of the page. + +// Static top (unfixed, but 100% wide) navbar +.navbar-static-top { + z-index: $zindex-navbar; + border-width: 0 0 1px; + + @media (min-width: $grid-float-breakpoint) { + border-radius: 0; + } +} + +// Fix the top/bottom navbars when screen real estate supports it +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: $zindex-navbar-fixed; + + // Undo the rounded corners + @media (min-width: $grid-float-breakpoint) { + border-radius: 0; + } +} +.navbar-fixed-top { + top: 0; + border-width: 0 0 1px; +} +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; // override .navbar defaults + border-width: 1px 0 0; +} + + +// Brand/project name + +.navbar-brand { + float: left; + padding: $navbar-padding-vertical $navbar-padding-horizontal; + font-size: $font-size-large; + line-height: $line-height-computed; + height: $navbar-height; + + &:hover, + &:focus { + text-decoration: none; + } + + > img { + display: block; + } + + @media (min-width: $grid-float-breakpoint) { + .navbar > .container &, + .navbar > .container-fluid & { + margin-left: -$navbar-padding-horizontal; + } + } +} + + +// Navbar toggle +// +// Custom button for toggling the `.navbar-collapse`, powered by the collapse +// JavaScript plugin. + +.navbar-toggle { + position: relative; + float: right; + margin-right: $navbar-padding-horizontal; + padding: 9px 10px; + @include navbar-vertical-align(34px); + background-color: transparent; + background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 + border: 1px solid transparent; + border-radius: $border-radius-base; + + // We remove the `outline` here, but later compensate by attaching `:hover` + // styles to `:focus`. + &:focus { + outline: 0; + } + + // Bars + .icon-bar { + display: block; + width: 22px; + height: 2px; + border-radius: 1px; + } + .icon-bar + .icon-bar { + margin-top: 4px; + } + + @media (min-width: $grid-float-breakpoint) { + display: none; + } +} + + +// Navbar nav links +// +// Builds on top of the `.nav` components with its own modifier class to make +// the nav the full height of the horizontal nav (above 768px). + +.navbar-nav { + margin: ($navbar-padding-vertical / 2) (-$navbar-padding-horizontal); + + > li > a { + padding-top: 10px; + padding-bottom: 10px; + line-height: $line-height-computed; + } + + @media (max-width: $grid-float-breakpoint-max) { + // Dropdowns get custom display when collapsed + .open .dropdown-menu { + position: static; + float: none; + width: auto; + margin-top: 0; + background-color: transparent; + border: 0; + box-shadow: none; + > li > a, + .dropdown-header { + padding: 5px 15px 5px 25px; + } + > li > a { + line-height: $line-height-computed; + &:hover, + &:focus { + background-image: none; + } + } + } + } + + // Uncollapse the nav + @media (min-width: $grid-float-breakpoint) { + float: left; + margin: 0; + + > li { + float: left; + > a { + padding-top: $navbar-padding-vertical; + padding-bottom: $navbar-padding-vertical; + } + } + } +} + + +// Navbar form +// +// Extension of the `.form-inline` with some extra flavor for optimum display in +// our navbars. + +.navbar-form { + margin-left: -$navbar-padding-horizontal; + margin-right: -$navbar-padding-horizontal; + padding: 10px $navbar-padding-horizontal; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + $shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); + @include box-shadow($shadow); + + // Mixin behavior for optimum display + @include form-inline; + + .form-group { + @media (max-width: $grid-float-breakpoint-max) { + margin-bottom: 5px; + + &:last-child { + margin-bottom: 0; + } + } + } + + // Vertically center in expanded, horizontal navbar + @include navbar-vertical-align($input-height-base); + + // Undo 100% width for pull classes + @media (min-width: $grid-float-breakpoint) { + width: auto; + border: 0; + margin-left: 0; + margin-right: 0; + padding-top: 0; + padding-bottom: 0; + @include box-shadow(none); + } +} + + +// Dropdown menus + +// Menu position and menu carets +.navbar-nav > li > .dropdown-menu { + margin-top: 0; + @include border-top-radius(0); +} +// Menu position and menu caret support for dropups via extra dropup class +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + @include border-top-radius($navbar-border-radius); + @include border-bottom-radius(0); +} + + +// Buttons in navbars +// +// Vertically center a button within a navbar (when *not* in a form). + +.navbar-btn { + @include navbar-vertical-align($input-height-base); + + &.btn-sm { + @include navbar-vertical-align($input-height-small); + } + &.btn-xs { + @include navbar-vertical-align(22); + } +} + + +// Text in navbars +// +// Add a class to make any element properly align itself vertically within the navbars. + +.navbar-text { + @include navbar-vertical-align($line-height-computed); + + @media (min-width: $grid-float-breakpoint) { + float: left; + margin-left: $navbar-padding-horizontal; + margin-right: $navbar-padding-horizontal; + } +} + + +// Component alignment +// +// Repurpose the pull utilities as their own navbar utilities to avoid specificity +// issues with parents and chaining. Only do this when the navbar is uncollapsed +// though so that navbar contents properly stack and align in mobile. +// +// Declared after the navbar components to ensure more specificity on the margins. + +@media (min-width: $grid-float-breakpoint) { + .navbar-left { + float: left !important; + } + .navbar-right { + float: right !important; + margin-right: -$navbar-padding-horizontal; + + ~ .navbar-right { + margin-right: 0; + } + } +} + + +// Alternate navbars +// -------------------------------------------------- + +// Default navbar +.navbar-default { + background-color: $navbar-default-bg; + border-color: $navbar-default-border; + + .navbar-brand { + color: $navbar-default-brand-color; + &:hover, + &:focus { + color: $navbar-default-brand-hover-color; + background-color: $navbar-default-brand-hover-bg; + } + } + + .navbar-text { + color: $navbar-default-color; + } + + .navbar-nav { + > li > a { + color: $navbar-default-link-color; + + &:hover, + &:focus { + color: $navbar-default-link-hover-color; + background-color: $navbar-default-link-hover-bg; + } + } + > .active > a { + &, + &:hover, + &:focus { + color: $navbar-default-link-active-color; + background-color: $navbar-default-link-active-bg; + } + } + > .disabled > a { + &, + &:hover, + &:focus { + color: $navbar-default-link-disabled-color; + background-color: $navbar-default-link-disabled-bg; + } + } + } + + .navbar-toggle { + border-color: $navbar-default-toggle-border-color; + &:hover, + &:focus { + background-color: $navbar-default-toggle-hover-bg; + } + .icon-bar { + background-color: $navbar-default-toggle-icon-bar-bg; + } + } + + .navbar-collapse, + .navbar-form { + border-color: $navbar-default-border; + } + + // Dropdown menu items + .navbar-nav { + // Remove background color from open dropdown + > .open > a { + &, + &:hover, + &:focus { + background-color: $navbar-default-link-active-bg; + color: $navbar-default-link-active-color; + } + } + + @media (max-width: $grid-float-breakpoint-max) { + // Dropdowns get custom display when collapsed + .open .dropdown-menu { + > li > a { + color: $navbar-default-link-color; + &:hover, + &:focus { + color: $navbar-default-link-hover-color; + background-color: $navbar-default-link-hover-bg; + } + } + > .active > a { + &, + &:hover, + &:focus { + color: $navbar-default-link-active-color; + background-color: $navbar-default-link-active-bg; + } + } + > .disabled > a { + &, + &:hover, + &:focus { + color: $navbar-default-link-disabled-color; + background-color: $navbar-default-link-disabled-bg; + } + } + } + } + } + + + // Links in navbars + // + // Add a class to ensure links outside the navbar nav are colored correctly. + + .navbar-link { + color: $navbar-default-link-color; + &:hover { + color: $navbar-default-link-hover-color; + } + } + + .btn-link { + color: $navbar-default-link-color; + &:hover, + &:focus { + color: $navbar-default-link-hover-color; + } + &[disabled], + fieldset[disabled] & { + &:hover, + &:focus { + color: $navbar-default-link-disabled-color; + } + } + } +} + +// Inverse navbar + +.navbar-inverse { + background-color: $navbar-inverse-bg; + border-color: $navbar-inverse-border; + + .navbar-brand { + color: $navbar-inverse-brand-color; + &:hover, + &:focus { + color: $navbar-inverse-brand-hover-color; + background-color: $navbar-inverse-brand-hover-bg; + } + } + + .navbar-text { + color: $navbar-inverse-color; + } + + .navbar-nav { + > li > a { + color: $navbar-inverse-link-color; + + &:hover, + &:focus { + color: $navbar-inverse-link-hover-color; + background-color: $navbar-inverse-link-hover-bg; + } + } + > .active > a { + &, + &:hover, + &:focus { + color: $navbar-inverse-link-active-color; + background-color: $navbar-inverse-link-active-bg; + } + } + > .disabled > a { + &, + &:hover, + &:focus { + color: $navbar-inverse-link-disabled-color; + background-color: $navbar-inverse-link-disabled-bg; + } + } + } + + // Darken the responsive nav toggle + .navbar-toggle { + border-color: $navbar-inverse-toggle-border-color; + &:hover, + &:focus { + background-color: $navbar-inverse-toggle-hover-bg; + } + .icon-bar { + background-color: $navbar-inverse-toggle-icon-bar-bg; + } + } + + .navbar-collapse, + .navbar-form { + border-color: darken($navbar-inverse-bg, 7%); + } + + // Dropdowns + .navbar-nav { + > .open > a { + &, + &:hover, + &:focus { + background-color: $navbar-inverse-link-active-bg; + color: $navbar-inverse-link-active-color; + } + } + + @media (max-width: $grid-float-breakpoint-max) { + // Dropdowns get custom display + .open .dropdown-menu { + > .dropdown-header { + border-color: $navbar-inverse-border; + } + .divider { + background-color: $navbar-inverse-border; + } + > li > a { + color: $navbar-inverse-link-color; + &:hover, + &:focus { + color: $navbar-inverse-link-hover-color; + background-color: $navbar-inverse-link-hover-bg; + } + } + > .active > a { + &, + &:hover, + &:focus { + color: $navbar-inverse-link-active-color; + background-color: $navbar-inverse-link-active-bg; + } + } + > .disabled > a { + &, + &:hover, + &:focus { + color: $navbar-inverse-link-disabled-color; + background-color: $navbar-inverse-link-disabled-bg; + } + } + } + } + } + + .navbar-link { + color: $navbar-inverse-link-color; + &:hover { + color: $navbar-inverse-link-hover-color; + } + } + + .btn-link { + color: $navbar-inverse-link-color; + &:hover, + &:focus { + color: $navbar-inverse-link-hover-color; + } + &[disabled], + fieldset[disabled] & { + &:hover, + &:focus { + color: $navbar-inverse-link-disabled-color; + } + } + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navs.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navs.scss new file mode 100644 index 00000000..ce0b9178 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_navs.scss @@ -0,0 +1,244 @@ +// +// Navs +// -------------------------------------------------- + + +// Base class +// -------------------------------------------------- + +.nav { + margin-bottom: 0; + padding-left: 0; // Override default ul/ol + list-style: none; + @include clearfix; + + > li { + position: relative; + display: block; + + > a { + position: relative; + display: block; + padding: $nav-link-padding; + &:hover, + &:focus { + text-decoration: none; + background-color: $nav-link-hover-bg; + } + } + + // Disabled state sets text to gray and nukes hover/tab effects + &.disabled > a { + color: $nav-disabled-link-color; + + &:hover, + &:focus { + color: $nav-disabled-link-hover-color; + text-decoration: none; + background-color: transparent; + cursor: $cursor-disabled; + } + } + } + + // Open dropdowns + .open > a { + &, + &:hover, + &:focus { + background-color: $nav-link-hover-bg; + border-color: $link-color; + } + } + + // Nav dividers (deprecated with v3.0.1) + // + // This should have been removed in v3 with the dropping of `.nav-list`, but + // we missed it. We don't currently support this anywhere, but in the interest + // of maintaining backward compatibility in case you use it, it's deprecated. + .nav-divider { + @include nav-divider; + } + + // Prevent IE8 from misplacing imgs + // + // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 + > li > a > img { + max-width: none; + } +} + + +// Tabs +// ------------------------- + +// Give the tabs something to sit on +.nav-tabs { + border-bottom: 1px solid $nav-tabs-border-color; + > li { + float: left; + // Make the list-items overlay the bottom border + margin-bottom: -1px; + + // Actual tabs (as links) + > a { + margin-right: 2px; + line-height: $line-height-base; + border: 1px solid transparent; + border-radius: $border-radius-base $border-radius-base 0 0; + &:hover { + border-color: $nav-tabs-link-hover-border-color $nav-tabs-link-hover-border-color $nav-tabs-border-color; + } + } + + // Active state, and its :hover to override normal :hover + &.active > a { + &, + &:hover, + &:focus { + color: $nav-tabs-active-link-hover-color; + background-color: $nav-tabs-active-link-hover-bg; + border: 1px solid $nav-tabs-active-link-hover-border-color; + border-bottom-color: transparent; + cursor: default; + } + } + } + // pulling this in mainly for less shorthand + &.nav-justified { + @extend .nav-justified; + @extend .nav-tabs-justified; + } +} + + +// Pills +// ------------------------- +.nav-pills { + > li { + float: left; + + // Links rendered as pills + > a { + border-radius: $nav-pills-border-radius; + } + + li { + margin-left: 2px; + } + + // Active state + &.active > a { + &, + &:hover, + &:focus { + color: $nav-pills-active-link-hover-color; + background-color: $nav-pills-active-link-hover-bg; + } + } + } +} + + +// Stacked pills +.nav-stacked { + > li { + float: none; + + li { + margin-top: 2px; + margin-left: 0; // no need for this gap between nav items + } + } +} + + +// Nav variations +// -------------------------------------------------- + +// Justified nav links +// ------------------------- + +.nav-justified { + width: 100%; + + > li { + float: none; + > a { + text-align: center; + margin-bottom: 5px; + } + } + + > .dropdown .dropdown-menu { + top: auto; + left: auto; + } + + @media (min-width: $screen-sm-min) { + > li { + display: table-cell; + width: 1%; + > a { + margin-bottom: 0; + } + } + } +} + +// Move borders to anchors instead of bottom of list +// +// Mixin for adding on top the shared `.nav-justified` styles for our tabs +.nav-tabs-justified { + border-bottom: 0; + + > li > a { + // Override margin from .nav-tabs + margin-right: 0; + border-radius: $border-radius-base; + } + + > .active > a, + > .active > a:hover, + > .active > a:focus { + border: 1px solid $nav-tabs-justified-link-border-color; + } + + @media (min-width: $screen-sm-min) { + > li > a { + border-bottom: 1px solid $nav-tabs-justified-link-border-color; + border-radius: $border-radius-base $border-radius-base 0 0; + } + > .active > a, + > .active > a:hover, + > .active > a:focus { + border-bottom-color: $nav-tabs-justified-active-link-border-color; + } + } +} + + +// Tabbable tabs +// ------------------------- + +// Hide tabbable panes to start, show them when `.active` +.tab-content { + > .tab-pane { + display: none; + visibility: hidden; + } + > .active { + display: block; + visibility: visible; + } +} + + +// Dropdowns +// ------------------------- + +// Specific dropdowns +.nav-tabs .dropdown-menu { + // make dropdown border overlap tab border + margin-top: -1px; + // Remove the top rounded corners here since there is a hard edge above the menu + @include border-top-radius(0); +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_normalize.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_normalize.scss new file mode 100644 index 00000000..62a085a4 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_normalize.scss @@ -0,0 +1,427 @@ +/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ + +// +// 1. Set default font family to sans-serif. +// 2. Prevent iOS text size adjust after orientation change, without disabling +// user zoom. +// + +html { + font-family: sans-serif; // 1 + -ms-text-size-adjust: 100%; // 2 + -webkit-text-size-adjust: 100%; // 2 +} + +// +// Remove default margin. +// + +body { + margin: 0; +} + +// HTML5 display definitions +// ========================================================================== + +// +// Correct `block` display not defined for any HTML5 element in IE 8/9. +// Correct `block` display not defined for `details` or `summary` in IE 10/11 +// and Firefox. +// Correct `block` display not defined for `main` in IE 11. +// + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; +} + +// +// 1. Correct `inline-block` display not defined in IE 8/9. +// 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. +// + +audio, +canvas, +progress, +video { + display: inline-block; // 1 + vertical-align: baseline; // 2 +} + +// +// Prevent modern browsers from displaying `audio` without controls. +// Remove excess height in iOS 5 devices. +// + +audio:not([controls]) { + display: none; + height: 0; +} + +// +// Address `[hidden]` styling not present in IE 8/9/10. +// Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. +// + +[hidden], +template { + display: none; +} + +// Links +// ========================================================================== + +// +// Remove the gray background color from active links in IE 10. +// + +a { + background-color: transparent; +} + +// +// Improve readability when focused and also mouse hovered in all browsers. +// + +a:active, +a:hover { + outline: 0; +} + +// Text-level semantics +// ========================================================================== + +// +// Address styling not present in IE 8/9/10/11, Safari, and Chrome. +// + +abbr[title] { + border-bottom: 1px dotted; +} + +// +// Address style set to `bolder` in Firefox 4+, Safari, and Chrome. +// + +b, +strong { + font-weight: bold; +} + +// +// Address styling not present in Safari and Chrome. +// + +dfn { + font-style: italic; +} + +// +// Address variable `h1` font-size and margin within `section` and `article` +// contexts in Firefox 4+, Safari, and Chrome. +// + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +// +// Address styling not present in IE 8/9. +// + +mark { + background: #ff0; + color: #000; +} + +// +// Address inconsistent and variable font size in all browsers. +// + +small { + font-size: 80%; +} + +// +// Prevent `sub` and `sup` affecting `line-height` in all browsers. +// + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +// Embedded content +// ========================================================================== + +// +// Remove border when inside `a` element in IE 8/9/10. +// + +img { + border: 0; +} + +// +// Correct overflow not hidden in IE 9/10/11. +// + +svg:not(:root) { + overflow: hidden; +} + +// Grouping content +// ========================================================================== + +// +// Address margin not present in IE 8/9 and Safari. +// + +figure { + margin: 1em 40px; +} + +// +// Address differences between Firefox and other browsers. +// + +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} + +// +// Contain overflow in all browsers. +// + +pre { + overflow: auto; +} + +// +// Address odd `em`-unit font size rendering in all browsers. +// + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +// Forms +// ========================================================================== + +// +// Known limitation: by default, Chrome and Safari on OS X allow very limited +// styling of `select`, unless a `border` property is set. +// + +// +// 1. Correct color not being inherited. +// Known issue: affects color of disabled elements. +// 2. Correct font properties not being inherited. +// 3. Address margins set differently in Firefox 4+, Safari, and Chrome. +// + +button, +input, +optgroup, +select, +textarea { + color: inherit; // 1 + font: inherit; // 2 + margin: 0; // 3 +} + +// +// Address `overflow` set to `hidden` in IE 8/9/10/11. +// + +button { + overflow: visible; +} + +// +// Address inconsistent `text-transform` inheritance for `button` and `select`. +// All other form control elements do not inherit `text-transform` values. +// Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. +// Correct `select` style inheritance in Firefox. +// + +button, +select { + text-transform: none; +} + +// +// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` +// and `video` controls. +// 2. Correct inability to style clickable `input` types in iOS. +// 3. Improve usability and consistency of cursor style between image-type +// `input` and others. +// + +button, +html input[type="button"], // 1 +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; // 2 + cursor: pointer; // 3 +} + +// +// Re-set default cursor for disabled elements. +// + +button[disabled], +html input[disabled] { + cursor: default; +} + +// +// Remove inner padding and border in Firefox 4+. +// + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +// +// Address Firefox 4+ setting `line-height` on `input` using `!important` in +// the UA stylesheet. +// + +input { + line-height: normal; +} + +// +// It's recommended that you don't attempt to style these elements. +// Firefox's implementation doesn't respect box-sizing, padding, or width. +// +// 1. Address box sizing set to `content-box` in IE 8/9/10. +// 2. Remove excess padding in IE 8/9/10. +// + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; // 1 + padding: 0; // 2 +} + +// +// Fix the cursor style for Chrome's increment/decrement buttons. For certain +// `font-size` values of the `input`, it causes the cursor style of the +// decrement button to change from `default` to `text`. +// + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +// +// 1. Address `appearance` set to `searchfield` in Safari and Chrome. +// 2. Address `box-sizing` set to `border-box` in Safari and Chrome +// (include `-moz` to future-proof). +// + +input[type="search"] { + -webkit-appearance: textfield; // 1 + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; // 2 + box-sizing: content-box; +} + +// +// Remove inner padding and search cancel button in Safari and Chrome on OS X. +// Safari (but not Chrome) clips the cancel button when the search input has +// padding (and `textfield` appearance). +// + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +// +// Define consistent border, margin, and padding. +// + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +// +// 1. Correct `color` not being inherited in IE 8/9/10/11. +// 2. Remove padding so people aren't caught out if they zero out fieldsets. +// + +legend { + border: 0; // 1 + padding: 0; // 2 +} + +// +// Remove default vertical scrollbar in IE 8/9/10/11. +// + +textarea { + overflow: auto; +} + +// +// Don't inherit the `font-weight` (applied by a rule above). +// NOTE: the default cannot safely be changed in Chrome and Safari on OS X. +// + +optgroup { + font-weight: bold; +} + +// Tables +// ========================================================================== + +// +// Remove most spacing between table cells. +// + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_pager.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_pager.scss new file mode 100644 index 00000000..c2342174 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_pager.scss @@ -0,0 +1,54 @@ +// +// Pager pagination +// -------------------------------------------------- + + +.pager { + padding-left: 0; + margin: $line-height-computed 0; + list-style: none; + text-align: center; + @include clearfix; + li { + display: inline; + > a, + > span { + display: inline-block; + padding: 5px 14px; + background-color: $pager-bg; + border: 1px solid $pager-border; + border-radius: $pager-border-radius; + } + + > a:hover, + > a:focus { + text-decoration: none; + background-color: $pager-hover-bg; + } + } + + .next { + > a, + > span { + float: right; + } + } + + .previous { + > a, + > span { + float: left; + } + } + + .disabled { + > a, + > a:hover, + > a:focus, + > span { + color: $pager-disabled-color; + background-color: $pager-bg; + cursor: $cursor-disabled; + } + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_pagination.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_pagination.scss new file mode 100644 index 00000000..323ec727 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_pagination.scss @@ -0,0 +1,88 @@ +// +// Pagination (multiple pages) +// -------------------------------------------------- +.pagination { + display: inline-block; + padding-left: 0; + margin: $line-height-computed 0; + border-radius: $border-radius-base; + + > li { + display: inline; // Remove list-style and block-level defaults + > a, + > span { + position: relative; + float: left; // Collapse white-space + padding: $padding-base-vertical $padding-base-horizontal; + line-height: $line-height-base; + text-decoration: none; + color: $pagination-color; + background-color: $pagination-bg; + border: 1px solid $pagination-border; + margin-left: -1px; + } + &:first-child { + > a, + > span { + margin-left: 0; + @include border-left-radius($border-radius-base); + } + } + &:last-child { + > a, + > span { + @include border-right-radius($border-radius-base); + } + } + } + + > li > a, + > li > span { + &:hover, + &:focus { + color: $pagination-hover-color; + background-color: $pagination-hover-bg; + border-color: $pagination-hover-border; + } + } + + > .active > a, + > .active > span { + &, + &:hover, + &:focus { + z-index: 2; + color: $pagination-active-color; + background-color: $pagination-active-bg; + border-color: $pagination-active-border; + cursor: default; + } + } + + > .disabled { + > span, + > span:hover, + > span:focus, + > a, + > a:hover, + > a:focus { + color: $pagination-disabled-color; + background-color: $pagination-disabled-bg; + border-color: $pagination-disabled-border; + cursor: $cursor-disabled; + } + } +} + +// Sizing +// -------------------------------------------------- + +// Large +.pagination-lg { + @include pagination-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $border-radius-large); +} + +// Small +.pagination-sm { + @include pagination-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $border-radius-small); +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_panels.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_panels.scss new file mode 100644 index 00000000..6c323d90 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_panels.scss @@ -0,0 +1,261 @@ +// +// Panels +// -------------------------------------------------- + + +// Base class +.panel { + margin-bottom: $line-height-computed; + background-color: $panel-bg; + border: 1px solid transparent; + border-radius: $panel-border-radius; + @include box-shadow(0 1px 1px rgba(0,0,0,.05)); +} + +// Panel contents +.panel-body { + padding: $panel-body-padding; + @include clearfix; +} + +// Optional heading +.panel-heading { + padding: $panel-heading-padding; + border-bottom: 1px solid transparent; + @include border-top-radius(($panel-border-radius - 1)); + + > .dropdown .dropdown-toggle { + color: inherit; + } +} + +// Within heading, strip any `h*` tag of its default margins for spacing. +.panel-title { + margin-top: 0; + margin-bottom: 0; + font-size: ceil(($font-size-base * 1.125)); + color: inherit; + + > a { + color: inherit; + } +} + +// Optional footer (stays gray in every modifier class) +.panel-footer { + padding: $panel-footer-padding; + background-color: $panel-footer-bg; + border-top: 1px solid $panel-inner-border; + @include border-bottom-radius(($panel-border-radius - 1)); +} + + +// List groups in panels +// +// By default, space out list group content from panel headings to account for +// any kind of custom content between the two. + +.panel { + > .list-group, + > .panel-collapse > .list-group { + margin-bottom: 0; + + .list-group-item { + border-width: 1px 0; + border-radius: 0; + } + + // Add border top radius for first one + &:first-child { + .list-group-item:first-child { + border-top: 0; + @include border-top-radius(($panel-border-radius - 1)); + } + } + // Add border bottom radius for last one + &:last-child { + .list-group-item:last-child { + border-bottom: 0; + @include border-bottom-radius(($panel-border-radius - 1)); + } + } + } +} +// Collapse space between when there's no additional content. +.panel-heading + .list-group { + .list-group-item:first-child { + border-top-width: 0; + } +} +.list-group + .panel-footer { + border-top-width: 0; +} + +// Tables in panels +// +// Place a non-bordered `.table` within a panel (not within a `.panel-body`) and +// watch it go full width. + +.panel { + > .table, + > .table-responsive > .table, + > .panel-collapse > .table { + margin-bottom: 0; + + caption { + padding-left: $panel-body-padding; + padding-right: $panel-body-padding; + } + } + // Add border top radius for first one + > .table:first-child, + > .table-responsive:first-child > .table:first-child { + @include border-top-radius(($panel-border-radius - 1)); + + > thead:first-child, + > tbody:first-child { + > tr:first-child { + border-top-left-radius: ($panel-border-radius - 1); + border-top-right-radius: ($panel-border-radius - 1); + + td:first-child, + th:first-child { + border-top-left-radius: ($panel-border-radius - 1); + } + td:last-child, + th:last-child { + border-top-right-radius: ($panel-border-radius - 1); + } + } + } + } + // Add border bottom radius for last one + > .table:last-child, + > .table-responsive:last-child > .table:last-child { + @include border-bottom-radius(($panel-border-radius - 1)); + + > tbody:last-child, + > tfoot:last-child { + > tr:last-child { + border-bottom-left-radius: ($panel-border-radius - 1); + border-bottom-right-radius: ($panel-border-radius - 1); + + td:first-child, + th:first-child { + border-bottom-left-radius: ($panel-border-radius - 1); + } + td:last-child, + th:last-child { + border-bottom-right-radius: ($panel-border-radius - 1); + } + } + } + } + > .panel-body + .table, + > .panel-body + .table-responsive, + > .table + .panel-body, + > .table-responsive + .panel-body { + border-top: 1px solid $table-border-color; + } + > .table > tbody:first-child > tr:first-child th, + > .table > tbody:first-child > tr:first-child td { + border-top: 0; + } + > .table-bordered, + > .table-responsive > .table-bordered { + border: 0; + > thead, + > tbody, + > tfoot { + > tr { + > th:first-child, + > td:first-child { + border-left: 0; + } + > th:last-child, + > td:last-child { + border-right: 0; + } + } + } + > thead, + > tbody { + > tr:first-child { + > td, + > th { + border-bottom: 0; + } + } + } + > tbody, + > tfoot { + > tr:last-child { + > td, + > th { + border-bottom: 0; + } + } + } + } + > .table-responsive { + border: 0; + margin-bottom: 0; + } +} + + +// Collapsable panels (aka, accordion) +// +// Wrap a series of panels in `.panel-group` to turn them into an accordion with +// the help of our collapse JavaScript plugin. + +.panel-group { + margin-bottom: $line-height-computed; + + // Tighten up margin so it's only between panels + .panel { + margin-bottom: 0; + border-radius: $panel-border-radius; + + + .panel { + margin-top: 5px; + } + } + + .panel-heading { + border-bottom: 0; + + + .panel-collapse > .panel-body, + + .panel-collapse > .list-group { + border-top: 1px solid $panel-inner-border; + } + } + + .panel-footer { + border-top: 0; + + .panel-collapse .panel-body { + border-bottom: 1px solid $panel-inner-border; + } + } +} + + +// Contextual variations +.panel-default { + @include panel-variant($panel-default-border, $panel-default-text, $panel-default-heading-bg, $panel-default-border); +} +.panel-primary { + @include panel-variant($panel-primary-border, $panel-primary-text, $panel-primary-heading-bg, $panel-primary-border); +} +.panel-success { + @include panel-variant($panel-success-border, $panel-success-text, $panel-success-heading-bg, $panel-success-border); +} +.panel-info { + @include panel-variant($panel-info-border, $panel-info-text, $panel-info-heading-bg, $panel-info-border); +} +.panel-warning { + @include panel-variant($panel-warning-border, $panel-warning-text, $panel-warning-heading-bg, $panel-warning-border); +} +.panel-danger { + @include panel-variant($panel-danger-border, $panel-danger-text, $panel-danger-heading-bg, $panel-danger-border); +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_popovers.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_popovers.scss new file mode 100644 index 00000000..46c45f50 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_popovers.scss @@ -0,0 +1,135 @@ +// +// Popovers +// -------------------------------------------------- + + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: $zindex-popover; + display: none; + max-width: $popover-max-width; + padding: 1px; + // Reset font and text propertes given new insertion method + font-family: $font-family-base; + font-size: $font-size-base; + font-weight: normal; + line-height: $line-height-base; + text-align: left; + background-color: $popover-bg; + background-clip: padding-box; + border: 1px solid $popover-fallback-border-color; + border: 1px solid $popover-border-color; + border-radius: $border-radius-large; + @include box-shadow(0 5px 10px rgba(0,0,0,.2)); + + // Overrides for proper insertion + white-space: normal; + + // Offset the popover to account for the popover arrow + &.top { margin-top: -$popover-arrow-width; } + &.right { margin-left: $popover-arrow-width; } + &.bottom { margin-top: $popover-arrow-width; } + &.left { margin-left: -$popover-arrow-width; } +} + +.popover-title { + margin: 0; // reset heading margin + padding: 8px 14px; + font-size: $font-size-base; + background-color: $popover-title-bg; + border-bottom: 1px solid darken($popover-title-bg, 5%); + border-radius: ($border-radius-large - 1) ($border-radius-large - 1) 0 0; +} + +.popover-content { + padding: 9px 14px; +} + +// Arrows +// +// .arrow is outer, .arrow:after is inner + +.popover > .arrow { + &, + &:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + } +} +.popover > .arrow { + border-width: $popover-arrow-outer-width; +} +.popover > .arrow:after { + border-width: $popover-arrow-width; + content: ""; +} + +.popover { + &.top > .arrow { + left: 50%; + margin-left: -$popover-arrow-outer-width; + border-bottom-width: 0; + border-top-color: $popover-arrow-outer-fallback-color; // IE8 fallback + border-top-color: $popover-arrow-outer-color; + bottom: -$popover-arrow-outer-width; + &:after { + content: " "; + bottom: 1px; + margin-left: -$popover-arrow-width; + border-bottom-width: 0; + border-top-color: $popover-arrow-color; + } + } + &.right > .arrow { + top: 50%; + left: -$popover-arrow-outer-width; + margin-top: -$popover-arrow-outer-width; + border-left-width: 0; + border-right-color: $popover-arrow-outer-fallback-color; // IE8 fallback + border-right-color: $popover-arrow-outer-color; + &:after { + content: " "; + left: 1px; + bottom: -$popover-arrow-width; + border-left-width: 0; + border-right-color: $popover-arrow-color; + } + } + &.bottom > .arrow { + left: 50%; + margin-left: -$popover-arrow-outer-width; + border-top-width: 0; + border-bottom-color: $popover-arrow-outer-fallback-color; // IE8 fallback + border-bottom-color: $popover-arrow-outer-color; + top: -$popover-arrow-outer-width; + &:after { + content: " "; + top: 1px; + margin-left: -$popover-arrow-width; + border-top-width: 0; + border-bottom-color: $popover-arrow-color; + } + } + + &.left > .arrow { + top: 50%; + right: -$popover-arrow-outer-width; + margin-top: -$popover-arrow-outer-width; + border-right-width: 0; + border-left-color: $popover-arrow-outer-fallback-color; // IE8 fallback + border-left-color: $popover-arrow-outer-color; + &:after { + content: " "; + right: 1px; + border-right-width: 0; + border-left-color: $popover-arrow-color; + bottom: -$popover-arrow-width; + } + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_print.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_print.scss new file mode 100644 index 00000000..94ca58f1 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_print.scss @@ -0,0 +1,107 @@ +/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ + +// ========================================================================== +// Print styles. +// Inlined to avoid the additional HTTP request: h5bp.com/r +// ========================================================================== + +@media print { + *, + *:before, + *:after { + background: transparent !important; + color: #000 !important; // Black prints faster: h5bp.com/s + box-shadow: none !important; + text-shadow: none !important; + } + + a, + a:visited { + text-decoration: underline; + } + + a[href]:after { + content: " (" attr(href) ")"; + } + + abbr[title]:after { + content: " (" attr(title) ")"; + } + + // Don't show links that are fragment identifiers, + // or use the `javascript:` pseudo protocol + a[href^="#"]:after, + a[href^="javascript:"]:after { + content: ""; + } + + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + + thead { + display: table-header-group; // h5bp.com/t + } + + tr, + img { + page-break-inside: avoid; + } + + img { + max-width: 100% !important; + } + + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + + h2, + h3 { + page-break-after: avoid; + } + + // Bootstrap specific changes start + // + // Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245 + // Once fixed, we can just straight up remove this. + select { + background: #fff !important; + } + + // Bootstrap components + .navbar { + display: none; + } + .btn, + .dropup > .btn { + > .caret { + border-top-color: #000 !important; + } + } + .label { + border: 1px solid #000; + } + + .table { + border-collapse: collapse !important; + + td, + th { + background-color: #fff !important; + } + } + .table-bordered { + th, + td { + border: 1px solid #ddd !important; + } + } + + // Bootstrap specific changes end +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_progress-bars.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_progress-bars.scss new file mode 100644 index 00000000..343df632 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_progress-bars.scss @@ -0,0 +1,87 @@ +// +// Progress bars +// -------------------------------------------------- + + +// Bar animations +// ------------------------- + +// WebKit +@-webkit-keyframes progress-bar-stripes { + from { background-position: 40px 0; } + to { background-position: 0 0; } +} + +// Spec and IE10+ +@keyframes progress-bar-stripes { + from { background-position: 40px 0; } + to { background-position: 0 0; } +} + + +// Bar itself +// ------------------------- + +// Outer container +.progress { + overflow: hidden; + height: $line-height-computed; + margin-bottom: $line-height-computed; + background-color: $progress-bg; + border-radius: $progress-border-radius; + @include box-shadow(inset 0 1px 2px rgba(0,0,0,.1)); +} + +// Bar of progress +.progress-bar { + float: left; + width: 0%; + height: 100%; + font-size: $font-size-small; + line-height: $line-height-computed; + color: $progress-bar-color; + text-align: center; + background-color: $progress-bar-bg; + @include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15)); + @include transition(width .6s ease); +} + +// Striped bars +// +// `.progress-striped .progress-bar` is deprecated as of v3.2.0 in favor of the +// `.progress-bar-striped` class, which you just add to an existing +// `.progress-bar`. +.progress-striped .progress-bar, +.progress-bar-striped { + @include gradient-striped; + background-size: 40px 40px; +} + +// Call animation for the active one +// +// `.progress.active .progress-bar` is deprecated as of v3.2.0 in favor of the +// `.progress-bar.active` approach. +.progress.active .progress-bar, +.progress-bar.active { + @include animation(progress-bar-stripes 2s linear infinite); +} + + +// Variations +// ------------------------- + +.progress-bar-success { + @include progress-bar-variant($progress-bar-success-bg); +} + +.progress-bar-info { + @include progress-bar-variant($progress-bar-info-bg); +} + +.progress-bar-warning { + @include progress-bar-variant($progress-bar-warning-bg); +} + +.progress-bar-danger { + @include progress-bar-variant($progress-bar-danger-bg); +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_responsive-embed.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_responsive-embed.scss new file mode 100644 index 00000000..c1fa8f84 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_responsive-embed.scss @@ -0,0 +1,35 @@ +// Embeds responsive +// +// Credit: Nicolas Gallagher and SUIT CSS. + +.embed-responsive { + position: relative; + display: block; + height: 0; + padding: 0; + overflow: hidden; + + .embed-responsive-item, + iframe, + embed, + object, + video { + position: absolute; + top: 0; + left: 0; + bottom: 0; + height: 100%; + width: 100%; + border: 0; + } + + // Modifier class for 16:9 aspect ratio + &.embed-responsive-16by9 { + padding-bottom: 56.25%; + } + + // Modifier class for 4:3 aspect ratio + &.embed-responsive-4by3 { + padding-bottom: 75%; + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_responsive-utilities.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_responsive-utilities.scss new file mode 100644 index 00000000..4d9e13b5 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_responsive-utilities.scss @@ -0,0 +1,174 @@ +// +// Responsive: Utility classes +// -------------------------------------------------- + + +// IE10 in Windows (Phone) 8 +// +// Support for responsive views via media queries is kind of borked in IE10, for +// Surface/desktop in split view and for Windows Phone 8. This particular fix +// must be accompanied by a snippet of JavaScript to sniff the user agent and +// apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at +// our Getting Started page for more information on this bug. +// +// For more information, see the following: +// +// Issue: https://github.com/twbs/bootstrap/issues/10497 +// Docs: http://getbootstrap.com/getting-started/#support-ie10-width +// Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ +// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ + +@-ms-viewport { + width: device-width; +} + + +// Visibility utilities +// Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0 + +@include responsive-invisibility('.visible-xs, .visible-sm, .visible-md, .visible-lg'); + +.visible-xs-block, +.visible-xs-inline, +.visible-xs-inline-block, +.visible-sm-block, +.visible-sm-inline, +.visible-sm-inline-block, +.visible-md-block, +.visible-md-inline, +.visible-md-inline-block, +.visible-lg-block, +.visible-lg-inline, +.visible-lg-inline-block { + display: none !important; +} + +@media (max-width: $screen-xs-max) { + @include responsive-visibility('.visible-xs'); +} +.visible-xs-block { + @media (max-width: $screen-xs-max) { + display: block !important; + } +} +.visible-xs-inline { + @media (max-width: $screen-xs-max) { + display: inline !important; + } +} +.visible-xs-inline-block { + @media (max-width: $screen-xs-max) { + display: inline-block !important; + } +} + +@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { + @include responsive-visibility('.visible-sm'); +} +.visible-sm-block { + @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { + display: block !important; + } +} +.visible-sm-inline { + @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { + display: inline !important; + } +} +.visible-sm-inline-block { + @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { + display: inline-block !important; + } +} + +@media (min-width: $screen-md-min) and (max-width: $screen-md-max) { + @include responsive-visibility('.visible-md'); +} +.visible-md-block { + @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { + display: block !important; + } +} +.visible-md-inline { + @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { + display: inline !important; + } +} +.visible-md-inline-block { + @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { + display: inline-block !important; + } +} + +@media (min-width: $screen-lg-min) { + @include responsive-visibility('.visible-lg'); +} +.visible-lg-block { + @media (min-width: $screen-lg-min) { + display: block !important; + } +} +.visible-lg-inline { + @media (min-width: $screen-lg-min) { + display: inline !important; + } +} +.visible-lg-inline-block { + @media (min-width: $screen-lg-min) { + display: inline-block !important; + } +} + +@media (max-width: $screen-xs-max) { + @include responsive-invisibility('.hidden-xs'); +} + +@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { + @include responsive-invisibility('.hidden-sm'); +} + +@media (min-width: $screen-md-min) and (max-width: $screen-md-max) { + @include responsive-invisibility('.hidden-md'); +} + +@media (min-width: $screen-lg-min) { + @include responsive-invisibility('.hidden-lg'); +} + + +// Print utilities +// +// Media queries are placed on the inside to be mixin-friendly. + +// Note: Deprecated .visible-print as of v3.2.0 + +@include responsive-invisibility('.visible-print'); + +@media print { + @include responsive-visibility('.visible-print'); +} +.visible-print-block { + display: none !important; + + @media print { + display: block !important; + } +} +.visible-print-inline { + display: none !important; + + @media print { + display: inline !important; + } +} +.visible-print-inline-block { + display: none !important; + + @media print { + display: inline-block !important; + } +} + +@media print { + @include responsive-invisibility('.hidden-print'); +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_scaffolding.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_scaffolding.scss new file mode 100644 index 00000000..626e5eba --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_scaffolding.scss @@ -0,0 +1,150 @@ +// +// Scaffolding +// -------------------------------------------------- + + +// Reset the box-sizing +// +// Heads up! This reset may cause conflicts with some third-party widgets. +// For recommendations on resolving such conflicts, see +// http://getbootstrap.com/getting-started/#third-box-sizing +* { + @include box-sizing(border-box); +} +*:before, +*:after { + @include box-sizing(border-box); +} + + +// Body reset + +html { + font-size: 10px; + -webkit-tap-highlight-color: rgba(0,0,0,0); +} + +body { + font-family: $font-family-base; + font-size: $font-size-base; + line-height: $line-height-base; + color: $text-color; + background-color: $body-bg; +} + +// Reset fonts for relevant elements +input, +button, +select, +textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + + +// Links + +a { + color: $link-color; + text-decoration: none; + + &:hover, + &:focus { + color: $link-hover-color; + text-decoration: $link-hover-decoration; + } + + &:focus { + @include tab-focus; + } +} + + +// Figures +// +// We reset this here because previously Normalize had no `figure` margins. This +// ensures we don't break anyone's use of the element. + +figure { + margin: 0; +} + + +// Images + +img { + vertical-align: middle; +} + +// Responsive images (ensure images don't scale beyond their parents) +.img-responsive { + @include img-responsive; +} + +// Rounded corners +.img-rounded { + border-radius: $border-radius-large; +} + +// Image thumbnails +// +// Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`. +.img-thumbnail { + padding: $thumbnail-padding; + line-height: $line-height-base; + background-color: $thumbnail-bg; + border: 1px solid $thumbnail-border; + border-radius: $thumbnail-border-radius; + @include transition(all .2s ease-in-out); + + // Keep them at most 100% wide + @include img-responsive(inline-block); +} + +// Perfect circle +.img-circle { + border-radius: 50%; // set radius in percents +} + + +// Horizontal rules + +hr { + margin-top: $line-height-computed; + margin-bottom: $line-height-computed; + border: 0; + border-top: 1px solid $hr-border; +} + + +// Only display content to screen readers +// +// See: http://a11yproject.com/posts/how-to-hide-content/ + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0,0,0,0); + border: 0; +} + +// Use in conjunction with .sr-only to only display content when it's focused. +// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 +// Credit: HTML5 Boilerplate + +.sr-only-focusable { + &:active, + &:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_tables.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_tables.scss new file mode 100644 index 00000000..a575ff1b --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_tables.scss @@ -0,0 +1,234 @@ +// +// Tables +// -------------------------------------------------- + + +table { + background-color: $table-bg; +} +caption { + padding-top: $table-cell-padding; + padding-bottom: $table-cell-padding; + color: $text-muted; + text-align: left; +} +th { + text-align: left; +} + + +// Baseline styles + +.table { + width: 100%; + max-width: 100%; + margin-bottom: $line-height-computed; + // Cells + > thead, + > tbody, + > tfoot { + > tr { + > th, + > td { + padding: $table-cell-padding; + line-height: $line-height-base; + vertical-align: top; + border-top: 1px solid $table-border-color; + } + } + } + // Bottom align for column headings + > thead > tr > th { + vertical-align: bottom; + border-bottom: 2px solid $table-border-color; + } + // Remove top border from thead by default + > caption + thead, + > colgroup + thead, + > thead:first-child { + > tr:first-child { + > th, + > td { + border-top: 0; + } + } + } + // Account for multiple tbody instances + > tbody + tbody { + border-top: 2px solid $table-border-color; + } + + // Nesting + .table { + background-color: $body-bg; + } +} + + +// Condensed table w/ half padding + +.table-condensed { + > thead, + > tbody, + > tfoot { + > tr { + > th, + > td { + padding: $table-condensed-cell-padding; + } + } + } +} + + +// Bordered version +// +// Add borders all around the table and between all the columns. + +.table-bordered { + border: 1px solid $table-border-color; + > thead, + > tbody, + > tfoot { + > tr { + > th, + > td { + border: 1px solid $table-border-color; + } + } + } + > thead > tr { + > th, + > td { + border-bottom-width: 2px; + } + } +} + + +// Zebra-striping +// +// Default zebra-stripe styles (alternating gray and transparent backgrounds) + +.table-striped { + > tbody > tr:nth-child(odd) { + background-color: $table-bg-accent; + } +} + + +// Hover effect +// +// Placed here since it has to come after the potential zebra striping + +.table-hover { + > tbody > tr:hover { + background-color: $table-bg-hover; + } +} + + +// Table cell sizing +// +// Reset default table behavior + +table col[class*="col-"] { + position: static; // Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/bootstrap/issues/11623) + float: none; + display: table-column; +} +table { + td, + th { + &[class*="col-"] { + position: static; // Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/bootstrap/issues/11623) + float: none; + display: table-cell; + } + } +} + + +// Table backgrounds +// +// Exact selectors below required to override `.table-striped` and prevent +// inheritance to nested tables. + +// Generate the contextual variants +@include table-row-variant('active', $table-bg-active); +@include table-row-variant('success', $state-success-bg); +@include table-row-variant('info', $state-info-bg); +@include table-row-variant('warning', $state-warning-bg); +@include table-row-variant('danger', $state-danger-bg); + + +// Responsive tables +// +// Wrap your tables in `.table-responsive` and we'll make them mobile friendly +// by enabling horizontal scrolling. Only applies <768px. Everything above that +// will display normally. + +.table-responsive { + overflow-x: auto; + min-height: 0.01%; // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837) + + @media screen and (max-width: $screen-xs-max) { + width: 100%; + margin-bottom: ($line-height-computed * 0.75); + overflow-y: hidden; + -ms-overflow-style: -ms-autohiding-scrollbar; + border: 1px solid $table-border-color; + + // Tighten up spacing + > .table { + margin-bottom: 0; + + // Ensure the content doesn't wrap + > thead, + > tbody, + > tfoot { + > tr { + > th, + > td { + white-space: nowrap; + } + } + } + } + + // Special overrides for the bordered tables + > .table-bordered { + border: 0; + + // Nuke the appropriate borders so that the parent can handle them + > thead, + > tbody, + > tfoot { + > tr { + > th:first-child, + > td:first-child { + border-left: 0; + } + > th:last-child, + > td:last-child { + border-right: 0; + } + } + } + + // Only nuke the last row's bottom-border in `tbody` and `tfoot` since + // chances are there will be only one `tr` in a `thead` and that would + // remove the border altogether. + > tbody, + > tfoot { + > tr:last-child { + > th, + > td { + border-bottom: 0; + } + } + } + + } + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_theme.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_theme.scss new file mode 100644 index 00000000..51534fe7 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_theme.scss @@ -0,0 +1,272 @@ + +// +// Load core variables and mixins +// -------------------------------------------------- + +@import "variables"; +@import "mixins"; + + +// +// Buttons +// -------------------------------------------------- + +// Common styles +.btn-default, +.btn-primary, +.btn-success, +.btn-info, +.btn-warning, +.btn-danger { + text-shadow: 0 -1px 0 rgba(0,0,0,.2); + $shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075); + @include box-shadow($shadow); + + // Reset the shadow + &:active, + &.active { + @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + } + + .badge { + text-shadow: none; + } +} + +// Mixin for generating new styles +@mixin btn-styles($btn-color: #555) { + @include gradient-vertical($start-color: $btn-color, $end-color: darken($btn-color, 12%)); + @include reset-filter; // Disable gradients for IE9 because filter bleeds through rounded corners + background-repeat: repeat-x; + border-color: darken($btn-color, 14%); + + &:hover, + &:focus { + background-color: darken($btn-color, 12%); + background-position: 0 -15px; + } + + &:active, + &.active { + background-color: darken($btn-color, 12%); + border-color: darken($btn-color, 14%); + } + + &:disabled, + &[disabled] { + background-color: darken($btn-color, 12%); + background-image: none; + } +} + +// Common styles +.btn { + // Remove the gradient for the pressed/active state + &:active, + &.active { + background-image: none; + } +} + +// Apply the mixin to the buttons +.btn-default { @include btn-styles($btn-default-bg); text-shadow: 0 1px 0 #fff; border-color: #ccc; } +.btn-primary { @include btn-styles($btn-primary-bg); } +.btn-success { @include btn-styles($btn-success-bg); } +.btn-info { @include btn-styles($btn-info-bg); } +.btn-warning { @include btn-styles($btn-warning-bg); } +.btn-danger { @include btn-styles($btn-danger-bg); } + + +// +// Images +// -------------------------------------------------- + +.thumbnail, +.img-thumbnail { + @include box-shadow(0 1px 2px rgba(0,0,0,.075)); +} + + +// +// Dropdowns +// -------------------------------------------------- + +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus { + @include gradient-vertical($start-color: $dropdown-link-hover-bg, $end-color: darken($dropdown-link-hover-bg, 5%)); + background-color: darken($dropdown-link-hover-bg, 5%); +} +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + @include gradient-vertical($start-color: $dropdown-link-active-bg, $end-color: darken($dropdown-link-active-bg, 5%)); + background-color: darken($dropdown-link-active-bg, 5%); +} + + +// +// Navbar +// -------------------------------------------------- + +// Default navbar +.navbar-default { + @include gradient-vertical($start-color: lighten($navbar-default-bg, 10%), $end-color: $navbar-default-bg); + @include reset-filter; // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered + border-radius: $navbar-border-radius; + $shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075); + @include box-shadow($shadow); + + .navbar-nav > .open > a, + .navbar-nav > .active > a { + @include gradient-vertical($start-color: darken($navbar-default-link-active-bg, 5%), $end-color: darken($navbar-default-link-active-bg, 2%)); + @include box-shadow(inset 0 3px 9px rgba(0,0,0,.075)); + } +} +.navbar-brand, +.navbar-nav > li > a { + text-shadow: 0 1px 0 rgba(255,255,255,.25); +} + +// Inverted navbar +.navbar-inverse { + @include gradient-vertical($start-color: lighten($navbar-inverse-bg, 10%), $end-color: $navbar-inverse-bg); + @include reset-filter; // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered + + .navbar-nav > .open > a, + .navbar-nav > .active > a { + @include gradient-vertical($start-color: $navbar-inverse-link-active-bg, $end-color: lighten($navbar-inverse-link-active-bg, 2.5%)); + @include box-shadow(inset 0 3px 9px rgba(0,0,0,.25)); + } + + .navbar-brand, + .navbar-nav > li > a { + text-shadow: 0 -1px 0 rgba(0,0,0,.25); + } +} + +// Undo rounded corners in static and fixed navbars +.navbar-static-top, +.navbar-fixed-top, +.navbar-fixed-bottom { + border-radius: 0; +} + +// Fix active state of dropdown items in collapsed mode +@media (max-width: $grid-float-breakpoint-max) { + .navbar .navbar-nav .open .dropdown-menu > .active > a { + &, + &:hover, + &:focus { + color: #fff; + @include gradient-vertical($start-color: $dropdown-link-active-bg, $end-color: darken($dropdown-link-active-bg, 5%)); + } + } +} + + +// +// Alerts +// -------------------------------------------------- + +// Common styles +.alert { + text-shadow: 0 1px 0 rgba(255,255,255,.2); + $shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05); + @include box-shadow($shadow); +} + +// Mixin for generating new styles +@mixin alert-styles($color) { + @include gradient-vertical($start-color: $color, $end-color: darken($color, 7.5%)); + border-color: darken($color, 15%); +} + +// Apply the mixin to the alerts +.alert-success { @include alert-styles($alert-success-bg); } +.alert-info { @include alert-styles($alert-info-bg); } +.alert-warning { @include alert-styles($alert-warning-bg); } +.alert-danger { @include alert-styles($alert-danger-bg); } + + +// +// Progress bars +// -------------------------------------------------- + +// Give the progress background some depth +.progress { + @include gradient-vertical($start-color: darken($progress-bg, 4%), $end-color: $progress-bg) +} + +// Mixin for generating new styles +@mixin progress-bar-styles($color) { + @include gradient-vertical($start-color: $color, $end-color: darken($color, 10%)); +} + +// Apply the mixin to the progress bars +.progress-bar { @include progress-bar-styles($progress-bar-bg); } +.progress-bar-success { @include progress-bar-styles($progress-bar-success-bg); } +.progress-bar-info { @include progress-bar-styles($progress-bar-info-bg); } +.progress-bar-warning { @include progress-bar-styles($progress-bar-warning-bg); } +.progress-bar-danger { @include progress-bar-styles($progress-bar-danger-bg); } + +// Reset the striped class because our mixins don't do multiple gradients and +// the above custom styles override the new `.progress-bar-striped` in v3.2.0. +.progress-bar-striped { + @include gradient-striped; +} + + +// +// List groups +// -------------------------------------------------- + +.list-group { + border-radius: $border-radius-base; + @include box-shadow(0 1px 2px rgba(0,0,0,.075)); +} +.list-group-item.active, +.list-group-item.active:hover, +.list-group-item.active:focus { + text-shadow: 0 -1px 0 darken($list-group-active-bg, 10%); + @include gradient-vertical($start-color: $list-group-active-bg, $end-color: darken($list-group-active-bg, 7.5%)); + border-color: darken($list-group-active-border, 7.5%); + + .badge { + text-shadow: none; + } +} + + +// +// Panels +// -------------------------------------------------- + +// Common styles +.panel { + @include box-shadow(0 1px 2px rgba(0,0,0,.05)); +} + +// Mixin for generating new styles +@mixin panel-heading-styles($color) { + @include gradient-vertical($start-color: $color, $end-color: darken($color, 5%)); +} + +// Apply the mixin to the panel headings only +.panel-default > .panel-heading { @include panel-heading-styles($panel-default-heading-bg); } +.panel-primary > .panel-heading { @include panel-heading-styles($panel-primary-heading-bg); } +.panel-success > .panel-heading { @include panel-heading-styles($panel-success-heading-bg); } +.panel-info > .panel-heading { @include panel-heading-styles($panel-info-heading-bg); } +.panel-warning > .panel-heading { @include panel-heading-styles($panel-warning-heading-bg); } +.panel-danger > .panel-heading { @include panel-heading-styles($panel-danger-heading-bg); } + + +// +// Wells +// -------------------------------------------------- + +.well { + @include gradient-vertical($start-color: darken($well-bg, 5%), $end-color: $well-bg); + border-color: darken($well-bg, 10%); + $shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1); + @include box-shadow($shadow); +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_thumbnails.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_thumbnails.scss new file mode 100644 index 00000000..da0e1e76 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_thumbnails.scss @@ -0,0 +1,38 @@ +// +// Thumbnails +// -------------------------------------------------- + + +// Mixin and adjust the regular image class +.thumbnail { + display: block; + padding: $thumbnail-padding; + margin-bottom: $line-height-computed; + line-height: $line-height-base; + background-color: $thumbnail-bg; + border: 1px solid $thumbnail-border; + border-radius: $thumbnail-border-radius; + @include transition(border .2s ease-in-out); + + > img, + a > img { + @include img-responsive; + margin-left: auto; + margin-right: auto; + } + + // [converter] extracted a&:hover, a&:focus, a&.active to a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active + + // Image captions + .caption { + padding: $thumbnail-caption-padding; + color: $thumbnail-caption-color; + } +} + +// Add a hover state for linked versions only +a.thumbnail:hover, +a.thumbnail:focus, +a.thumbnail.active { + border-color: $link-color; +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_tooltip.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_tooltip.scss new file mode 100644 index 00000000..c6e43287 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_tooltip.scss @@ -0,0 +1,103 @@ +// +// Tooltips +// -------------------------------------------------- + + +// Base class +.tooltip { + position: absolute; + z-index: $zindex-tooltip; + display: block; + visibility: visible; + // Reset font and text propertes given new insertion method + font-family: $font-family-base; + font-size: $font-size-small; + font-weight: normal; + line-height: 1.4; + @include opacity(0); + + &.in { @include opacity($tooltip-opacity); } + &.top { margin-top: -3px; padding: $tooltip-arrow-width 0; } + &.right { margin-left: 3px; padding: 0 $tooltip-arrow-width; } + &.bottom { margin-top: 3px; padding: $tooltip-arrow-width 0; } + &.left { margin-left: -3px; padding: 0 $tooltip-arrow-width; } +} + +// Wrapper for the tooltip content +.tooltip-inner { + max-width: $tooltip-max-width; + padding: 3px 8px; + color: $tooltip-color; + text-align: center; + text-decoration: none; + background-color: $tooltip-bg; + border-radius: $border-radius-base; +} + +// Arrows +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +// Note: Deprecated .top-left, .top-right, .bottom-left, and .bottom-right as of v3.3.1 +.tooltip { + &.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -$tooltip-arrow-width; + border-width: $tooltip-arrow-width $tooltip-arrow-width 0; + border-top-color: $tooltip-arrow-color; + } + &.top-left .tooltip-arrow { + bottom: 0; + right: $tooltip-arrow-width; + margin-bottom: -$tooltip-arrow-width; + border-width: $tooltip-arrow-width $tooltip-arrow-width 0; + border-top-color: $tooltip-arrow-color; + } + &.top-right .tooltip-arrow { + bottom: 0; + left: $tooltip-arrow-width; + margin-bottom: -$tooltip-arrow-width; + border-width: $tooltip-arrow-width $tooltip-arrow-width 0; + border-top-color: $tooltip-arrow-color; + } + &.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -$tooltip-arrow-width; + border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0; + border-right-color: $tooltip-arrow-color; + } + &.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -$tooltip-arrow-width; + border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width; + border-left-color: $tooltip-arrow-color; + } + &.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -$tooltip-arrow-width; + border-width: 0 $tooltip-arrow-width $tooltip-arrow-width; + border-bottom-color: $tooltip-arrow-color; + } + &.bottom-left .tooltip-arrow { + top: 0; + right: $tooltip-arrow-width; + margin-top: -$tooltip-arrow-width; + border-width: 0 $tooltip-arrow-width $tooltip-arrow-width; + border-bottom-color: $tooltip-arrow-color; + } + &.bottom-right .tooltip-arrow { + top: 0; + left: $tooltip-arrow-width; + margin-top: -$tooltip-arrow-width; + border-width: 0 $tooltip-arrow-width $tooltip-arrow-width; + border-bottom-color: $tooltip-arrow-color; + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_type.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_type.scss new file mode 100644 index 00000000..62d685cf --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_type.scss @@ -0,0 +1,298 @@ +// +// Typography +// -------------------------------------------------- + + +// Headings +// ------------------------- + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + font-family: $headings-font-family; + font-weight: $headings-font-weight; + line-height: $headings-line-height; + color: $headings-color; + + small, + .small { + font-weight: normal; + line-height: 1; + color: $headings-small-color; + } +} + +h1, .h1, +h2, .h2, +h3, .h3 { + margin-top: $line-height-computed; + margin-bottom: ($line-height-computed / 2); + + small, + .small { + font-size: 65%; + } +} +h4, .h4, +h5, .h5, +h6, .h6 { + margin-top: ($line-height-computed / 2); + margin-bottom: ($line-height-computed / 2); + + small, + .small { + font-size: 75%; + } +} + +h1, .h1 { font-size: $font-size-h1; } +h2, .h2 { font-size: $font-size-h2; } +h3, .h3 { font-size: $font-size-h3; } +h4, .h4 { font-size: $font-size-h4; } +h5, .h5 { font-size: $font-size-h5; } +h6, .h6 { font-size: $font-size-h6; } + + +// Body text +// ------------------------- + +p { + margin: 0 0 ($line-height-computed / 2); +} + +.lead { + margin-bottom: $line-height-computed; + font-size: floor(($font-size-base * 1.15)); + font-weight: 300; + line-height: 1.4; + + @media (min-width: $screen-sm-min) { + font-size: ($font-size-base * 1.5); + } +} + + +// Emphasis & misc +// ------------------------- + +// Ex: (12px small font / 14px base font) * 100% = about 85% +small, +.small { + font-size: floor((100% * $font-size-small / $font-size-base)); +} + +mark, +.mark { + background-color: $state-warning-bg; + padding: .2em; +} + +// Alignment +.text-left { text-align: left; } +.text-right { text-align: right; } +.text-center { text-align: center; } +.text-justify { text-align: justify; } +.text-nowrap { white-space: nowrap; } + +// Transformation +.text-lowercase { text-transform: lowercase; } +.text-uppercase { text-transform: uppercase; } +.text-capitalize { text-transform: capitalize; } + +// Contextual colors +.text-muted { + color: $text-muted; +} + +@include text-emphasis-variant('.text-primary', $brand-primary); + +@include text-emphasis-variant('.text-success', $state-success-text); + +@include text-emphasis-variant('.text-info', $state-info-text); + +@include text-emphasis-variant('.text-warning', $state-warning-text); + +@include text-emphasis-variant('.text-danger', $state-danger-text); + +// Contextual backgrounds +// For now we'll leave these alongside the text classes until v4 when we can +// safely shift things around (per SemVer rules). +.bg-primary { + // Given the contrast here, this is the only class to have its color inverted + // automatically. + color: #fff; +} +@include bg-variant('.bg-primary', $brand-primary); + +@include bg-variant('.bg-success', $state-success-bg); + +@include bg-variant('.bg-info', $state-info-bg); + +@include bg-variant('.bg-warning', $state-warning-bg); + +@include bg-variant('.bg-danger', $state-danger-bg); + + +// Page header +// ------------------------- + +.page-header { + padding-bottom: (($line-height-computed / 2) - 1); + margin: ($line-height-computed * 2) 0 $line-height-computed; + border-bottom: 1px solid $page-header-border-color; +} + + +// Lists +// ------------------------- + +// Unordered and Ordered lists +ul, +ol { + margin-top: 0; + margin-bottom: ($line-height-computed / 2); + ul, + ol { + margin-bottom: 0; + } +} + +// List options + +// [converter] extracted from `.list-unstyled` for libsass compatibility +@mixin list-unstyled { + padding-left: 0; + list-style: none; +} +// [converter] extracted as `@mixin list-unstyled` for libsass compatibility +.list-unstyled { + @include list-unstyled; +} + + +// Inline turns list items into inline-block +.list-inline { + @include list-unstyled; + margin-left: -5px; + + > li { + display: inline-block; + padding-left: 5px; + padding-right: 5px; + } +} + +// Description Lists +dl { + margin-top: 0; // Remove browser default + margin-bottom: $line-height-computed; +} +dt, +dd { + line-height: $line-height-base; +} +dt { + font-weight: bold; +} +dd { + margin-left: 0; // Undo browser default +} + +// Horizontal description lists +// +// Defaults to being stacked without any of the below styles applied, until the +// grid breakpoint is reached (default of ~768px). + +.dl-horizontal { + dd { + @include clearfix; // Clear the floated `dt` if an empty `dd` is present + } + + @media (min-width: $grid-float-breakpoint) { + dt { + float: left; + width: ($dl-horizontal-offset - 20); + clear: left; + text-align: right; + @include text-overflow; + } + dd { + margin-left: $dl-horizontal-offset; + } + } +} + + +// Misc +// ------------------------- + +// Abbreviations and acronyms +abbr[title], +// Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257 +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted $abbr-border-color; +} +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +// Blockquotes +blockquote { + padding: ($line-height-computed / 2) $line-height-computed; + margin: 0 0 $line-height-computed; + font-size: $blockquote-font-size; + border-left: 5px solid $blockquote-border-color; + + p, + ul, + ol { + &:last-child { + margin-bottom: 0; + } + } + + // Note: Deprecated small and .small as of v3.1.0 + // Context: https://github.com/twbs/bootstrap/issues/11660 + footer, + small, + .small { + display: block; + font-size: 80%; // back to default font-size + line-height: $line-height-base; + color: $blockquote-small-color; + + &:before { + content: '\2014 \00A0'; // em dash, nbsp + } + } +} + +// Opposite alignment of blockquote +// +// Heads up: `blockquote.pull-right` has been deprecated as of v3.1.0. +.blockquote-reverse, +blockquote.pull-right { + padding-right: 15px; + padding-left: 0; + border-right: 5px solid $blockquote-border-color; + border-left: 0; + text-align: right; + + // Account for citation + footer, + small, + .small { + &:before { content: ''; } + &:after { + content: '\00A0 \2014'; // nbsp, em dash + } + } +} + +// Addresses +address { + margin-bottom: $line-height-computed; + font-style: normal; + line-height: $line-height-base; +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_utilities.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_utilities.scss new file mode 100644 index 00000000..386c5240 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_utilities.scss @@ -0,0 +1,56 @@ +// +// Utility classes +// -------------------------------------------------- + + +// Floats +// ------------------------- + +.clearfix { + @include clearfix; +} +.center-block { + @include center-block; +} +.pull-right { + float: right !important; +} +.pull-left { + float: left !important; +} + + +// Toggling content +// ------------------------- + +// Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1 +.hide { + display: none !important; +} +.show { + display: block !important; +} +.invisible { + visibility: hidden; +} +.text-hide { + @include text-hide; +} + + +// Hide from screenreaders and browsers +// +// Credit: HTML5 Boilerplate + +.hidden { + display: none !important; + visibility: hidden !important; +} + + +// For Affix plugin +// ------------------------- + +.affix { + position: fixed; +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_variables.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_variables.scss new file mode 100644 index 00000000..7d190f26 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_variables.scss @@ -0,0 +1,864 @@ +// When true, asset path helpers are used, otherwise the regular CSS `url()` is used. +// When there no function is defined, `fn('')` is parsed as string that equals the right hand side +// NB: in Sass 3.3 there is a native function: function-exists(twbs-font-path) +$bootstrap-sass-asset-helper: (twbs-font-path("") != unquote('twbs-font-path("")')) !default; + +// +// Variables +// -------------------------------------------------- + + +//== Colors +// +//## Gray and brand colors for use across Bootstrap. + +$gray-base: #000 !default; +$gray-darker: lighten($gray-base, 13.5%) !default; // #222 +$gray-dark: lighten($gray-base, 20%) !default; // #333 +$gray: lighten($gray-base, 33.5%) !default; // #555 +$gray-light: lighten($gray-base, 46.7%) !default; // #777 +$gray-lighter: lighten($gray-base, 93.5%) !default; // #eee + +$brand-primary: darken(#428bca, 6.5%) !default; +$brand-success: #5cb85c !default; +$brand-info: #5bc0de !default; +$brand-warning: #f0ad4e !default; +$brand-danger: #d9534f !default; + + +//== Scaffolding +// +//## Settings for some of the most global styles. + +//** Background color for `<body>`. +$body-bg: #fff !default; +//** Global text color on `<body>`. +$text-color: $gray-dark !default; + +//** Global textual link color. +$link-color: $brand-primary !default; +//** Link hover color set via `darken()` function. +$link-hover-color: darken($link-color, 15%) !default; +//** Link hover decoration. +$link-hover-decoration: underline !default; + + +//== Typography +// +//## Font, line-height, and color for body text, headings, and more. + +$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif !default; +$font-family-serif: Georgia, "Times New Roman", Times, serif !default; +//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. +$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default; +$font-family-base: $font-family-sans-serif !default; + +$font-size-base: 14px !default; +$font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px +$font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px + +$font-size-h1: floor(($font-size-base * 2.6)) !default; // ~36px +$font-size-h2: floor(($font-size-base * 2.15)) !default; // ~30px +$font-size-h3: ceil(($font-size-base * 1.7)) !default; // ~24px +$font-size-h4: ceil(($font-size-base * 1.25)) !default; // ~18px +$font-size-h5: $font-size-base !default; +$font-size-h6: ceil(($font-size-base * 0.85)) !default; // ~12px + +//** Unit-less `line-height` for use in components like buttons. +$line-height-base: 1.428571429 !default; // 20/14 +//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. +$line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px + +//** By default, this inherits from the `<body>`. +$headings-font-family: inherit !default; +$headings-font-weight: 500 !default; +$headings-line-height: 1.1 !default; +$headings-color: inherit !default; + + +//== Iconography +// +//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. + +//** Load fonts from this directory. + +// [converter] Asset helpers such as Sprockets and Node.js Mincer do not resolve relative paths +$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default; + +//** File name for all font files. +$icon-font-name: "glyphicons-halflings-regular" !default; +//** Element ID within SVG icon file. +$icon-font-svg-id: "glyphicons_halflingsregular" !default; + + +//== Components +// +//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). + +$padding-base-vertical: 6px !default; +$padding-base-horizontal: 12px !default; + +$padding-large-vertical: 10px !default; +$padding-large-horizontal: 16px !default; + +$padding-small-vertical: 5px !default; +$padding-small-horizontal: 10px !default; + +$padding-xs-vertical: 1px !default; +$padding-xs-horizontal: 5px !default; + +$line-height-large: 1.33 !default; +$line-height-small: 1.5 !default; + +$border-radius-base: 4px !default; +$border-radius-large: 6px !default; +$border-radius-small: 3px !default; + +//** Global color for active items (e.g., navs or dropdowns). +$component-active-color: #fff !default; +//** Global background color for active items (e.g., navs or dropdowns). +$component-active-bg: $brand-primary !default; + +//** Width of the `border` for generating carets that indicator dropdowns. +$caret-width-base: 4px !default; +//** Carets increase slightly in size for larger components. +$caret-width-large: 5px !default; + + +//== Tables +// +//## Customizes the `.table` component with basic values, each used across all table variations. + +//** Padding for `<th>`s and `<td>`s. +$table-cell-padding: 8px !default; +//** Padding for cells in `.table-condensed`. +$table-condensed-cell-padding: 5px !default; + +//** Default background color used for all tables. +$table-bg: transparent !default; +//** Background color used for `.table-striped`. +$table-bg-accent: #f9f9f9 !default; +//** Background color used for `.table-hover`. +$table-bg-hover: #f5f5f5 !default; +$table-bg-active: $table-bg-hover !default; + +//** Border color for table and cell borders. +$table-border-color: #ddd !default; + + +//== Buttons +// +//## For each of Bootstrap's buttons, define text, background and border color. + +$btn-font-weight: normal !default; + +$btn-default-color: #333 !default; +$btn-default-bg: #fff !default; +$btn-default-border: #ccc !default; + +$btn-primary-color: #fff !default; +$btn-primary-bg: $brand-primary !default; +$btn-primary-border: darken($btn-primary-bg, 5%) !default; + +$btn-success-color: #fff !default; +$btn-success-bg: $brand-success !default; +$btn-success-border: darken($btn-success-bg, 5%) !default; + +$btn-info-color: #fff !default; +$btn-info-bg: $brand-info !default; +$btn-info-border: darken($btn-info-bg, 5%) !default; + +$btn-warning-color: #fff !default; +$btn-warning-bg: $brand-warning !default; +$btn-warning-border: darken($btn-warning-bg, 5%) !default; + +$btn-danger-color: #fff !default; +$btn-danger-bg: $brand-danger !default; +$btn-danger-border: darken($btn-danger-bg, 5%) !default; + +$btn-link-disabled-color: $gray-light !default; + + +//== Forms +// +//## + +//** `<input>` background color +$input-bg: #fff !default; +//** `<input disabled>` background color +$input-bg-disabled: $gray-lighter !default; + +//** Text color for `<input>`s +$input-color: $gray !default; +//** `<input>` border color +$input-border: #ccc !default; + +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 +//** Default `.form-control` border radius +$input-border-radius: $border-radius-base !default; +//** Large `.form-control` border radius +$input-border-radius-large: $border-radius-large !default; +//** Small `.form-control` border radius +$input-border-radius-small: $border-radius-small !default; + +//** Border color for inputs on focus +$input-border-focus: #66afe9 !default; + +//** Placeholder text color +$input-color-placeholder: #999 !default; + +//** Default `.form-control` height +$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2) !default; +//** Large `.form-control` height +$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default; +//** Small `.form-control` height +$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default; + +$legend-color: $gray-dark !default; +$legend-border-color: #e5e5e5 !default; + +//** Background color for textual input addons +$input-group-addon-bg: $gray-lighter !default; +//** Border color for textual input addons +$input-group-addon-border-color: $input-border !default; + +//** Disabled cursor for form controls and buttons. +$cursor-disabled: not-allowed !default; + + +//== Dropdowns +// +//## Dropdown menu container and contents. + +//** Background for the dropdown menu. +$dropdown-bg: #fff !default; +//** Dropdown menu `border-color`. +$dropdown-border: rgba(0,0,0,.15) !default; +//** Dropdown menu `border-color` **for IE8**. +$dropdown-fallback-border: #ccc !default; +//** Divider color for between dropdown items. +$dropdown-divider-bg: #e5e5e5 !default; + +//** Dropdown link text color. +$dropdown-link-color: $gray-dark !default; +//** Hover color for dropdown links. +$dropdown-link-hover-color: darken($gray-dark, 5%) !default; +//** Hover background for dropdown links. +$dropdown-link-hover-bg: #f5f5f5 !default; + +//** Active dropdown menu item text color. +$dropdown-link-active-color: $component-active-color !default; +//** Active dropdown menu item background color. +$dropdown-link-active-bg: $component-active-bg !default; + +//** Disabled dropdown menu item background color. +$dropdown-link-disabled-color: $gray-light !default; + +//** Text color for headers within dropdown menus. +$dropdown-header-color: $gray-light !default; + +//** Deprecated `$dropdown-caret-color` as of v3.1.0 +$dropdown-caret-color: #000 !default; + + +//-- Z-index master list +// +// Warning: Avoid customizing these values. They're used for a bird's eye view +// of components dependent on the z-axis and are designed to all work together. +// +// Note: These variables are not generated into the Customizer. + +$zindex-navbar: 1000 !default; +$zindex-dropdown: 1000 !default; +$zindex-popover: 1060 !default; +$zindex-tooltip: 1070 !default; +$zindex-navbar-fixed: 1030 !default; +$zindex-modal: 1040 !default; + + +//== Media queries breakpoints +// +//## Define the breakpoints at which your layout will change, adapting to different screen sizes. + +// Extra small screen / phone +//** Deprecated `$screen-xs` as of v3.0.1 +$screen-xs: 480px !default; +//** Deprecated `$screen-xs-min` as of v3.2.0 +$screen-xs-min: $screen-xs !default; +//** Deprecated `$screen-phone` as of v3.0.1 +$screen-phone: $screen-xs-min !default; + +// Small screen / tablet +//** Deprecated `$screen-sm` as of v3.0.1 +$screen-sm: 768px !default; +$screen-sm-min: $screen-sm !default; +//** Deprecated `$screen-tablet` as of v3.0.1 +$screen-tablet: $screen-sm-min !default; + +// Medium screen / desktop +//** Deprecated `$screen-md` as of v3.0.1 +$screen-md: 992px !default; +$screen-md-min: $screen-md !default; +//** Deprecated `$screen-desktop` as of v3.0.1 +$screen-desktop: $screen-md-min !default; + +// Large screen / wide desktop +//** Deprecated `$screen-lg` as of v3.0.1 +$screen-lg: 1200px !default; +$screen-lg-min: $screen-lg !default; +//** Deprecated `$screen-lg-desktop` as of v3.0.1 +$screen-lg-desktop: $screen-lg-min !default; + +// So media queries don't overlap when required, provide a maximum +$screen-xs-max: ($screen-sm-min - 1) !default; +$screen-sm-max: ($screen-md-min - 1) !default; +$screen-md-max: ($screen-lg-min - 1) !default; + + +//== Grid system +// +//## Define your custom responsive grid. + +//** Number of columns in the grid. +$grid-columns: 12 !default; +//** Padding between columns. Gets divided in half for the left and right. +$grid-gutter-width: 30px !default; +// Navbar collapse +//** Point at which the navbar becomes uncollapsed. +$grid-float-breakpoint: $screen-sm-min !default; +//** Point at which the navbar begins collapsing. +$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default; + + +//== Container sizes +// +//## Define the maximum width of `.container` for different screen sizes. + +// Small screen / tablet +$container-tablet: (720px + $grid-gutter-width) !default; +//** For `$screen-sm-min` and up. +$container-sm: $container-tablet !default; + +// Medium screen / desktop +$container-desktop: (940px + $grid-gutter-width) !default; +//** For `$screen-md-min` and up. +$container-md: $container-desktop !default; + +// Large screen / wide desktop +$container-large-desktop: (1140px + $grid-gutter-width) !default; +//** For `$screen-lg-min` and up. +$container-lg: $container-large-desktop !default; + + +//== Navbar +// +//## + +// Basics of a navbar +$navbar-height: 50px !default; +$navbar-margin-bottom: $line-height-computed !default; +$navbar-border-radius: $border-radius-base !default; +$navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default; +$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2) !default; +$navbar-collapse-max-height: 340px !default; + +$navbar-default-color: #777 !default; +$navbar-default-bg: #f8f8f8 !default; +$navbar-default-border: darken($navbar-default-bg, 6.5%) !default; + +// Navbar links +$navbar-default-link-color: #777 !default; +$navbar-default-link-hover-color: #333 !default; +$navbar-default-link-hover-bg: transparent !default; +$navbar-default-link-active-color: #555 !default; +$navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%) !default; +$navbar-default-link-disabled-color: #ccc !default; +$navbar-default-link-disabled-bg: transparent !default; + +// Navbar brand label +$navbar-default-brand-color: $navbar-default-link-color !default; +$navbar-default-brand-hover-color: darken($navbar-default-brand-color, 10%) !default; +$navbar-default-brand-hover-bg: transparent !default; + +// Navbar toggle +$navbar-default-toggle-hover-bg: #ddd !default; +$navbar-default-toggle-icon-bar-bg: #888 !default; +$navbar-default-toggle-border-color: #ddd !default; + + +// Inverted navbar +// Reset inverted navbar basics +$navbar-inverse-color: lighten($gray-light, 15%) !default; +$navbar-inverse-bg: #222 !default; +$navbar-inverse-border: darken($navbar-inverse-bg, 10%) !default; + +// Inverted navbar links +$navbar-inverse-link-color: lighten($gray-light, 15%) !default; +$navbar-inverse-link-hover-color: #fff !default; +$navbar-inverse-link-hover-bg: transparent !default; +$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color !default; +$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%) !default; +$navbar-inverse-link-disabled-color: #444 !default; +$navbar-inverse-link-disabled-bg: transparent !default; + +// Inverted navbar brand label +$navbar-inverse-brand-color: $navbar-inverse-link-color !default; +$navbar-inverse-brand-hover-color: #fff !default; +$navbar-inverse-brand-hover-bg: transparent !default; + +// Inverted navbar toggle +$navbar-inverse-toggle-hover-bg: #333 !default; +$navbar-inverse-toggle-icon-bar-bg: #fff !default; +$navbar-inverse-toggle-border-color: #333 !default; + + +//== Navs +// +//## + +//=== Shared nav styles +$nav-link-padding: 10px 15px !default; +$nav-link-hover-bg: $gray-lighter !default; + +$nav-disabled-link-color: $gray-light !default; +$nav-disabled-link-hover-color: $gray-light !default; + +//== Tabs +$nav-tabs-border-color: #ddd !default; + +$nav-tabs-link-hover-border-color: $gray-lighter !default; + +$nav-tabs-active-link-hover-bg: $body-bg !default; +$nav-tabs-active-link-hover-color: $gray !default; +$nav-tabs-active-link-hover-border-color: #ddd !default; + +$nav-tabs-justified-link-border-color: #ddd !default; +$nav-tabs-justified-active-link-border-color: $body-bg !default; + +//== Pills +$nav-pills-border-radius: $border-radius-base !default; +$nav-pills-active-link-hover-bg: $component-active-bg !default; +$nav-pills-active-link-hover-color: $component-active-color !default; + + +//== Pagination +// +//## + +$pagination-color: $link-color !default; +$pagination-bg: #fff !default; +$pagination-border: #ddd !default; + +$pagination-hover-color: $link-hover-color !default; +$pagination-hover-bg: $gray-lighter !default; +$pagination-hover-border: #ddd !default; + +$pagination-active-color: #fff !default; +$pagination-active-bg: $brand-primary !default; +$pagination-active-border: $brand-primary !default; + +$pagination-disabled-color: $gray-light !default; +$pagination-disabled-bg: #fff !default; +$pagination-disabled-border: #ddd !default; + + +//== Pager +// +//## + +$pager-bg: $pagination-bg !default; +$pager-border: $pagination-border !default; +$pager-border-radius: 15px !default; + +$pager-hover-bg: $pagination-hover-bg !default; + +$pager-active-bg: $pagination-active-bg !default; +$pager-active-color: $pagination-active-color !default; + +$pager-disabled-color: $pagination-disabled-color !default; + + +//== Jumbotron +// +//## + +$jumbotron-padding: 30px !default; +$jumbotron-color: inherit !default; +$jumbotron-bg: $gray-lighter !default; +$jumbotron-heading-color: inherit !default; +$jumbotron-font-size: ceil(($font-size-base * 1.5)) !default; + + +//== Form states and alerts +// +//## Define colors for form feedback states and, by default, alerts. + +$state-success-text: #3c763d !default; +$state-success-bg: #dff0d8 !default; +$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default; + +$state-info-text: #31708f !default; +$state-info-bg: #d9edf7 !default; +$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default; + +$state-warning-text: #8a6d3b !default; +$state-warning-bg: #fcf8e3 !default; +$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default; + +$state-danger-text: #a94442 !default; +$state-danger-bg: #f2dede !default; +$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default; + + +//== Tooltips +// +//## + +//** Tooltip max width +$tooltip-max-width: 200px !default; +//** Tooltip text color +$tooltip-color: #fff !default; +//** Tooltip background color +$tooltip-bg: #000 !default; +$tooltip-opacity: .9 !default; + +//** Tooltip arrow width +$tooltip-arrow-width: 5px !default; +//** Tooltip arrow color +$tooltip-arrow-color: $tooltip-bg !default; + + +//== Popovers +// +//## + +//** Popover body background color +$popover-bg: #fff !default; +//** Popover maximum width +$popover-max-width: 276px !default; +//** Popover border color +$popover-border-color: rgba(0,0,0,.2) !default; +//** Popover fallback border color +$popover-fallback-border-color: #ccc !default; + +//** Popover title background color +$popover-title-bg: darken($popover-bg, 3%) !default; + +//** Popover arrow width +$popover-arrow-width: 10px !default; +//** Popover arrow color +$popover-arrow-color: $popover-bg !default; + +//** Popover outer arrow width +$popover-arrow-outer-width: ($popover-arrow-width + 1) !default; +//** Popover outer arrow color +$popover-arrow-outer-color: fade_in($popover-border-color, 0.05) !default; +//** Popover outer arrow fallback color +$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%) !default; + + +//== Labels +// +//## + +//** Default label background color +$label-default-bg: $gray-light !default; +//** Primary label background color +$label-primary-bg: $brand-primary !default; +//** Success label background color +$label-success-bg: $brand-success !default; +//** Info label background color +$label-info-bg: $brand-info !default; +//** Warning label background color +$label-warning-bg: $brand-warning !default; +//** Danger label background color +$label-danger-bg: $brand-danger !default; + +//** Default label text color +$label-color: #fff !default; +//** Default text color of a linked label +$label-link-hover-color: #fff !default; + + +//== Modals +// +//## + +//** Padding applied to the modal body +$modal-inner-padding: 15px !default; + +//** Padding applied to the modal title +$modal-title-padding: 15px !default; +//** Modal title line-height +$modal-title-line-height: $line-height-base !default; + +//** Background color of modal content area +$modal-content-bg: #fff !default; +//** Modal content border color +$modal-content-border-color: rgba(0,0,0,.2) !default; +//** Modal content border color **for IE8** +$modal-content-fallback-border-color: #999 !default; + +//** Modal backdrop background color +$modal-backdrop-bg: #000 !default; +//** Modal backdrop opacity +$modal-backdrop-opacity: .5 !default; +//** Modal header border color +$modal-header-border-color: #e5e5e5 !default; +//** Modal footer border color +$modal-footer-border-color: $modal-header-border-color !default; + +$modal-lg: 900px !default; +$modal-md: 600px !default; +$modal-sm: 300px !default; + + +//== Alerts +// +//## Define alert colors, border radius, and padding. + +$alert-padding: 15px !default; +$alert-border-radius: $border-radius-base !default; +$alert-link-font-weight: bold !default; + +$alert-success-bg: $state-success-bg !default; +$alert-success-text: $state-success-text !default; +$alert-success-border: $state-success-border !default; + +$alert-info-bg: $state-info-bg !default; +$alert-info-text: $state-info-text !default; +$alert-info-border: $state-info-border !default; + +$alert-warning-bg: $state-warning-bg !default; +$alert-warning-text: $state-warning-text !default; +$alert-warning-border: $state-warning-border !default; + +$alert-danger-bg: $state-danger-bg !default; +$alert-danger-text: $state-danger-text !default; +$alert-danger-border: $state-danger-border !default; + + +//== Progress bars +// +//## + +//** Background color of the whole progress component +$progress-bg: #f5f5f5 !default; +//** Progress bar text color +$progress-bar-color: #fff !default; +//** Variable for setting rounded corners on progress bar. +$progress-border-radius: $border-radius-base !default; + +//** Default progress bar color +$progress-bar-bg: $brand-primary !default; +//** Success progress bar color +$progress-bar-success-bg: $brand-success !default; +//** Warning progress bar color +$progress-bar-warning-bg: $brand-warning !default; +//** Danger progress bar color +$progress-bar-danger-bg: $brand-danger !default; +//** Info progress bar color +$progress-bar-info-bg: $brand-info !default; + + +//== List group +// +//## + +//** Background color on `.list-group-item` +$list-group-bg: #fff !default; +//** `.list-group-item` border color +$list-group-border: #ddd !default; +//** List group border radius +$list-group-border-radius: $border-radius-base !default; + +//** Background color of single list items on hover +$list-group-hover-bg: #f5f5f5 !default; +//** Text color of active list items +$list-group-active-color: $component-active-color !default; +//** Background color of active list items +$list-group-active-bg: $component-active-bg !default; +//** Border color of active list elements +$list-group-active-border: $list-group-active-bg !default; +//** Text color for content within active list items +$list-group-active-text-color: lighten($list-group-active-bg, 40%) !default; + +//** Text color of disabled list items +$list-group-disabled-color: $gray-light !default; +//** Background color of disabled list items +$list-group-disabled-bg: $gray-lighter !default; +//** Text color for content within disabled list items +$list-group-disabled-text-color: $list-group-disabled-color !default; + +$list-group-link-color: #555 !default; +$list-group-link-hover-color: $list-group-link-color !default; +$list-group-link-heading-color: #333 !default; + + +//== Panels +// +//## + +$panel-bg: #fff !default; +$panel-body-padding: 15px !default; +$panel-heading-padding: 10px 15px !default; +$panel-footer-padding: $panel-heading-padding !default; +$panel-border-radius: $border-radius-base !default; + +//** Border color for elements within panels +$panel-inner-border: #ddd !default; +$panel-footer-bg: #f5f5f5 !default; + +$panel-default-text: $gray-dark !default; +$panel-default-border: #ddd !default; +$panel-default-heading-bg: #f5f5f5 !default; + +$panel-primary-text: #fff !default; +$panel-primary-border: $brand-primary !default; +$panel-primary-heading-bg: $brand-primary !default; + +$panel-success-text: $state-success-text !default; +$panel-success-border: $state-success-border !default; +$panel-success-heading-bg: $state-success-bg !default; + +$panel-info-text: $state-info-text !default; +$panel-info-border: $state-info-border !default; +$panel-info-heading-bg: $state-info-bg !default; + +$panel-warning-text: $state-warning-text !default; +$panel-warning-border: $state-warning-border !default; +$panel-warning-heading-bg: $state-warning-bg !default; + +$panel-danger-text: $state-danger-text !default; +$panel-danger-border: $state-danger-border !default; +$panel-danger-heading-bg: $state-danger-bg !default; + + +//== Thumbnails +// +//## + +//** Padding around the thumbnail image +$thumbnail-padding: 4px !default; +//** Thumbnail background color +$thumbnail-bg: $body-bg !default; +//** Thumbnail border color +$thumbnail-border: #ddd !default; +//** Thumbnail border radius +$thumbnail-border-radius: $border-radius-base !default; + +//** Custom text color for thumbnail captions +$thumbnail-caption-color: $text-color !default; +//** Padding around the thumbnail caption +$thumbnail-caption-padding: 9px !default; + + +//== Wells +// +//## + +$well-bg: #f5f5f5 !default; +$well-border: darken($well-bg, 7%) !default; + + +//== Badges +// +//## + +$badge-color: #fff !default; +//** Linked badge text color on hover +$badge-link-hover-color: #fff !default; +$badge-bg: $gray-light !default; + +//** Badge text color in active nav link +$badge-active-color: $link-color !default; +//** Badge background color in active nav link +$badge-active-bg: #fff !default; + +$badge-font-weight: bold !default; +$badge-line-height: 1 !default; +$badge-border-radius: 10px !default; + + +//== Breadcrumbs +// +//## + +$breadcrumb-padding-vertical: 8px !default; +$breadcrumb-padding-horizontal: 15px !default; +//** Breadcrumb background color +$breadcrumb-bg: #f5f5f5 !default; +//** Breadcrumb text color +$breadcrumb-color: #ccc !default; +//** Text color of current page in the breadcrumb +$breadcrumb-active-color: $gray-light !default; +//** Textual separator for between breadcrumb elements +$breadcrumb-separator: "/" !default; + + +//== Carousel +// +//## + +$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6) !default; + +$carousel-control-color: #fff !default; +$carousel-control-width: 15% !default; +$carousel-control-opacity: .5 !default; +$carousel-control-font-size: 20px !default; + +$carousel-indicator-active-bg: #fff !default; +$carousel-indicator-border-color: #fff !default; + +$carousel-caption-color: #fff !default; + + +//== Close +// +//## + +$close-font-weight: bold !default; +$close-color: #000 !default; +$close-text-shadow: 0 1px 0 #fff !default; + + +//== Code +// +//## + +$code-color: #c7254e !default; +$code-bg: #f9f2f4 !default; + +$kbd-color: #fff !default; +$kbd-bg: #333 !default; + +$pre-bg: #f5f5f5 !default; +$pre-color: $gray-dark !default; +$pre-border-color: #ccc !default; +$pre-scrollable-max-height: 340px !default; + + +//== Type +// +//## + +//** Horizontal offset for forms and lists. +$component-offset-horizontal: 180px !default; +//** Text muted color +$text-muted: $gray-light !default; +//** Abbreviations and acronyms border color +$abbr-border-color: $gray-light !default; +//** Headings small color +$headings-small-color: $gray-light !default; +//** Blockquote small color +$blockquote-small-color: $gray-light !default; +//** Blockquote font size +$blockquote-font-size: ($font-size-base * 1.25) !default; +//** Blockquote border color +$blockquote-border-color: $gray-lighter !default; +//** Page header border color +$page-header-border-color: $gray-lighter !default; +//** Width of horizontal description list titles +$dl-horizontal-offset: $component-offset-horizontal !default; +//** Horizontal line color. +$hr-border: $gray-lighter !default; diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_wells.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_wells.scss new file mode 100644 index 00000000..b8657118 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_wells.scss @@ -0,0 +1,29 @@ +// +// Wells +// -------------------------------------------------- + + +// Base class +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: $well-bg; + border: 1px solid $well-border; + border-radius: $border-radius-base; + @include box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); + blockquote { + border-color: #ddd; + border-color: rgba(0,0,0,.15); + } +} + +// Sizes +.well-lg { + padding: 24px; + border-radius: $border-radius-large; +} +.well-sm { + padding: 9px; + border-radius: $border-radius-small; +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_alerts.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_alerts.scss new file mode 100644 index 00000000..3faf0b5a --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_alerts.scss @@ -0,0 +1,14 @@ +// Alerts + +@mixin alert-variant($background, $border, $text-color) { + background-color: $background; + border-color: $border; + color: $text-color; + + hr { + border-top-color: darken($border, 5%); + } + .alert-link { + color: darken($text-color, 10%); + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_background-variant.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_background-variant.scss new file mode 100644 index 00000000..4993bd2b --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_background-variant.scss @@ -0,0 +1,11 @@ +// Contextual backgrounds + +// [converter] $parent hack +@mixin bg-variant($parent, $color) { + #{$parent} { + background-color: $color; + } + a#{$parent}:hover { + background-color: darken($color, 10%); + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_border-radius.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_border-radius.scss new file mode 100644 index 00000000..ce194998 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_border-radius.scss @@ -0,0 +1,18 @@ +// Single side border-radius + +@mixin border-top-radius($radius) { + border-top-right-radius: $radius; + border-top-left-radius: $radius; +} +@mixin border-right-radius($radius) { + border-bottom-right-radius: $radius; + border-top-right-radius: $radius; +} +@mixin border-bottom-radius($radius) { + border-bottom-right-radius: $radius; + border-bottom-left-radius: $radius; +} +@mixin border-left-radius($radius) { + border-bottom-left-radius: $radius; + border-top-left-radius: $radius; +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_buttons.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_buttons.scss new file mode 100644 index 00000000..74a4ffc5 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_buttons.scss @@ -0,0 +1,52 @@ +// Button variants +// +// Easily pump out default styles, as well as :hover, :focus, :active, +// and disabled options for all buttons + +@mixin button-variant($color, $background, $border) { + color: $color; + background-color: $background; + border-color: $border; + + &:hover, + &:focus, + &.focus, + &:active, + &.active, + .open > &.dropdown-toggle { + color: $color; + background-color: darken($background, 10%); + border-color: darken($border, 12%); + } + &:active, + &.active, + .open > &.dropdown-toggle { + background-image: none; + } + &.disabled, + &[disabled], + fieldset[disabled] & { + &, + &:hover, + &:focus, + &.focus, + &:active, + &.active { + background-color: $background; + border-color: $border; + } + } + + .badge { + color: $background; + background-color: $color; + } +} + +// Button sizes +@mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) { + padding: $padding-vertical $padding-horizontal; + font-size: $font-size; + line-height: $line-height; + border-radius: $border-radius; +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_center-block.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_center-block.scss new file mode 100644 index 00000000..e06fb5e2 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_center-block.scss @@ -0,0 +1,7 @@ +// Center-align a block level element + +@mixin center-block() { + display: block; + margin-left: auto; + margin-right: auto; +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_clearfix.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_clearfix.scss new file mode 100644 index 00000000..dc3e2ab4 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_clearfix.scss @@ -0,0 +1,22 @@ +// Clearfix +// +// For modern browsers +// 1. The space content is one way to avoid an Opera bug when the +// contenteditable attribute is included anywhere else in the document. +// Otherwise it causes space to appear at the top and bottom of elements +// that are clearfixed. +// 2. The use of `table` rather than `block` is only necessary if using +// `:before` to contain the top-margins of child elements. +// +// Source: http://nicolasgallagher.com/micro-clearfix-hack/ + +@mixin clearfix() { + &:before, + &:after { + content: " "; // 1 + display: table; // 2 + } + &:after { + clear: both; + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_forms.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_forms.scss new file mode 100644 index 00000000..277aa5f8 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_forms.scss @@ -0,0 +1,88 @@ +// Form validation states +// +// Used in forms.less to generate the form validation CSS for warnings, errors, +// and successes. + +@mixin form-control-validation($text-color: #555, $border-color: #ccc, $background-color: #f5f5f5) { + // Color the label and help text + .help-block, + .control-label, + .radio, + .checkbox, + .radio-inline, + .checkbox-inline, + &.radio label, + &.checkbox label, + &.radio-inline label, + &.checkbox-inline label { + color: $text-color; + } + // Set the border and box shadow on specific inputs to match + .form-control { + border-color: $border-color; + @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work + &:focus { + border-color: darken($border-color, 10%); + $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($border-color, 20%); + @include box-shadow($shadow); + } + } + // Set validation states also for addons + .input-group-addon { + color: $text-color; + border-color: $border-color; + background-color: $background-color; + } + // Optional feedback icon + .form-control-feedback { + color: $text-color; + } +} + + +// Form control focus state +// +// Generate a customized focus state and for any input with the specified color, +// which defaults to the `$input-border-focus` variable. +// +// We highly encourage you to not customize the default value, but instead use +// this to tweak colors on an as-needed basis. This aesthetic change is based on +// WebKit's default styles, but applicable to a wider range of browsers. Its +// usability and accessibility should be taken into account with any change. +// +// Example usage: change the default blue border and shadow to white for better +// contrast against a dark gray background. +@mixin form-control-focus($color: $input-border-focus) { + $color-rgba: rgba(red($color), green($color), blue($color), .6); + &:focus { + border-color: $color; + outline: 0; + @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px $color-rgba); + } +} + +// Form control sizing +// +// Relative text size, padding, and border-radii changes for form controls. For +// horizontal sizing, wrap controls in the predefined grid classes. `<select>` +// element gets special love because it's special, and that's a fact! +// [converter] $parent hack +@mixin input-size($parent, $input-height, $padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) { + #{$parent} { + height: $input-height; + padding: $padding-vertical $padding-horizontal; + font-size: $font-size; + line-height: $line-height; + border-radius: $border-radius; + } + + select#{$parent} { + height: $input-height; + line-height: $input-height; + } + + textarea#{$parent}, + select[multiple]#{$parent} { + height: auto; + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_gradients.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_gradients.scss new file mode 100644 index 00000000..a8939f5a --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_gradients.scss @@ -0,0 +1,58 @@ +// Gradients + + + +// Horizontal gradient, from left to right +// +// Creates two color stops, start and end, by specifying a color and position for each color stop. +// Color stops are not available in IE9 and below. +@mixin gradient-horizontal($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) { + background-image: -webkit-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+ + background-image: -o-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Opera 12 + background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down +} + +// Vertical gradient, from top to bottom +// +// Creates two color stops, start and end, by specifying a color and position for each color stop. +// Color stops are not available in IE9 and below. +@mixin gradient-vertical($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) { + background-image: -webkit-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+ + background-image: -o-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Opera 12 + background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down +} + +@mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) { + background-repeat: repeat-x; + background-image: -webkit-linear-gradient($deg, $start-color, $end-color); // Safari 5.1-6, Chrome 10+ + background-image: -o-linear-gradient($deg, $start-color, $end-color); // Opera 12 + background-image: linear-gradient($deg, $start-color, $end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ +} +@mixin gradient-horizontal-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) { + background-image: -webkit-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color); + background-image: -o-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color); + background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color); + background-repeat: no-repeat; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down, gets no color-stop at all for proper fallback +} +@mixin gradient-vertical-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) { + background-image: -webkit-linear-gradient($start-color, $mid-color $color-stop, $end-color); + background-image: -o-linear-gradient($start-color, $mid-color $color-stop, $end-color); + background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color); + background-repeat: no-repeat; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback +} +@mixin gradient-radial($inner-color: #555, $outer-color: #333) { + background-image: -webkit-radial-gradient(circle, $inner-color, $outer-color); + background-image: radial-gradient(circle, $inner-color, $outer-color); + background-repeat: no-repeat; +} +@mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 45deg) { + background-image: -webkit-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent); + background-image: -o-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent); + background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent); +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_grid-framework.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_grid-framework.scss new file mode 100644 index 00000000..fb28cb47 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_grid-framework.scss @@ -0,0 +1,81 @@ +// Framework grid generation +// +// Used only by Bootstrap to generate the correct number of grid classes given +// any value of `$grid-columns`. + +// [converter] This is defined recursively in LESS, but Sass supports real loops +@mixin make-grid-columns($i: 1, $list: ".col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}") { + @for $i from (1 + 1) through $grid-columns { + $list: "#{$list}, .col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}"; + } + #{$list} { + position: relative; + // Prevent columns from collapsing when empty + min-height: 1px; + // Inner gutter via padding + padding-left: ($grid-gutter-width / 2); + padding-right: ($grid-gutter-width / 2); + } +} + + +// [converter] This is defined recursively in LESS, but Sass supports real loops +@mixin float-grid-columns($class, $i: 1, $list: ".col-#{$class}-#{$i}") { + @for $i from (1 + 1) through $grid-columns { + $list: "#{$list}, .col-#{$class}-#{$i}"; + } + #{$list} { + float: left; + } +} + + +@mixin calc-grid-column($index, $class, $type) { + @if ($type == width) and ($index > 0) { + .col-#{$class}-#{$index} { + width: percentage(($index / $grid-columns)); + } + } + @if ($type == push) and ($index > 0) { + .col-#{$class}-push-#{$index} { + left: percentage(($index / $grid-columns)); + } + } + @if ($type == push) and ($index == 0) { + .col-#{$class}-push-0 { + left: auto; + } + } + @if ($type == pull) and ($index > 0) { + .col-#{$class}-pull-#{$index} { + right: percentage(($index / $grid-columns)); + } + } + @if ($type == pull) and ($index == 0) { + .col-#{$class}-pull-0 { + right: auto; + } + } + @if ($type == offset) { + .col-#{$class}-offset-#{$index} { + margin-left: percentage(($index / $grid-columns)); + } + } +} + +// [converter] This is defined recursively in LESS, but Sass supports real loops +@mixin loop-grid-columns($columns, $class, $type) { + @for $i from 0 through $columns { + @include calc-grid-column($i, $class, $type); + } +} + + +// Create grid for specific class +@mixin make-grid($class) { + @include float-grid-columns($class); + @include loop-grid-columns($grid-columns, $class, width); + @include loop-grid-columns($grid-columns, $class, pull); + @include loop-grid-columns($grid-columns, $class, push); + @include loop-grid-columns($grid-columns, $class, offset); +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_grid.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_grid.scss new file mode 100644 index 00000000..ae164338 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_grid.scss @@ -0,0 +1,122 @@ +// Grid system +// +// Generate semantic grid columns with these mixins. + +// Centered container element +@mixin container-fixed($gutter: $grid-gutter-width) { + margin-right: auto; + margin-left: auto; + padding-left: ($gutter / 2); + padding-right: ($gutter / 2); + @include clearfix; +} + +// Creates a wrapper for a series of columns +@mixin make-row($gutter: $grid-gutter-width) { + margin-left: ($gutter / -2); + margin-right: ($gutter / -2); + @include clearfix; +} + +// Generate the extra small columns +@mixin make-xs-column($columns, $gutter: $grid-gutter-width) { + position: relative; + float: left; + width: percentage(($columns / $grid-columns)); + min-height: 1px; + padding-left: ($gutter / 2); + padding-right: ($gutter / 2); +} +@mixin make-xs-column-offset($columns) { + margin-left: percentage(($columns / $grid-columns)); +} +@mixin make-xs-column-push($columns) { + left: percentage(($columns / $grid-columns)); +} +@mixin make-xs-column-pull($columns) { + right: percentage(($columns / $grid-columns)); +} + +// Generate the small columns +@mixin make-sm-column($columns, $gutter: $grid-gutter-width) { + position: relative; + min-height: 1px; + padding-left: ($gutter / 2); + padding-right: ($gutter / 2); + + @media (min-width: $screen-sm-min) { + float: left; + width: percentage(($columns / $grid-columns)); + } +} +@mixin make-sm-column-offset($columns) { + @media (min-width: $screen-sm-min) { + margin-left: percentage(($columns / $grid-columns)); + } +} +@mixin make-sm-column-push($columns) { + @media (min-width: $screen-sm-min) { + left: percentage(($columns / $grid-columns)); + } +} +@mixin make-sm-column-pull($columns) { + @media (min-width: $screen-sm-min) { + right: percentage(($columns / $grid-columns)); + } +} + +// Generate the medium columns +@mixin make-md-column($columns, $gutter: $grid-gutter-width) { + position: relative; + min-height: 1px; + padding-left: ($gutter / 2); + padding-right: ($gutter / 2); + + @media (min-width: $screen-md-min) { + float: left; + width: percentage(($columns / $grid-columns)); + } +} +@mixin make-md-column-offset($columns) { + @media (min-width: $screen-md-min) { + margin-left: percentage(($columns / $grid-columns)); + } +} +@mixin make-md-column-push($columns) { + @media (min-width: $screen-md-min) { + left: percentage(($columns / $grid-columns)); + } +} +@mixin make-md-column-pull($columns) { + @media (min-width: $screen-md-min) { + right: percentage(($columns / $grid-columns)); + } +} + +// Generate the large columns +@mixin make-lg-column($columns, $gutter: $grid-gutter-width) { + position: relative; + min-height: 1px; + padding-left: ($gutter / 2); + padding-right: ($gutter / 2); + + @media (min-width: $screen-lg-min) { + float: left; + width: percentage(($columns / $grid-columns)); + } +} +@mixin make-lg-column-offset($columns) { + @media (min-width: $screen-lg-min) { + margin-left: percentage(($columns / $grid-columns)); + } +} +@mixin make-lg-column-push($columns) { + @media (min-width: $screen-lg-min) { + left: percentage(($columns / $grid-columns)); + } +} +@mixin make-lg-column-pull($columns) { + @media (min-width: $screen-lg-min) { + right: percentage(($columns / $grid-columns)); + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_hide-text.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_hide-text.scss new file mode 100644 index 00000000..45db6385 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_hide-text.scss @@ -0,0 +1,21 @@ +// CSS image replacement +// +// Heads up! v3 launched with with only `.hide-text()`, but per our pattern for +// mixins being reused as classes with the same name, this doesn't hold up. As +// of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`. +// +// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 + +// Deprecated as of v3.0.1 (will be removed in v4) +@mixin hide-text() { + font: #{0/0} a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +// New mixin to use as of v3.0.1 +@mixin text-hide() { + @include hide-text; +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_image.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_image.scss new file mode 100644 index 00000000..c8dcf5e9 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_image.scss @@ -0,0 +1,33 @@ +// Image Mixins +// - Responsive image +// - Retina image + + +// Responsive image +// +// Keep images from scaling beyond the width of their parents. +@mixin img-responsive($display: block) { + display: $display; + max-width: 100%; // Part 1: Set a maximum relative to the parent + height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching +} + + +// Retina image +// +// Short retina mixin for setting background-image and -size. Note that the +// spelling of `min--moz-device-pixel-ratio` is intentional. +@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) { + background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-1x}"), "#{$file-1x}")); + + @media + only screen and (-webkit-min-device-pixel-ratio: 2), + only screen and ( min--moz-device-pixel-ratio: 2), + only screen and ( -o-min-device-pixel-ratio: 2/1), + only screen and ( min-device-pixel-ratio: 2), + only screen and ( min-resolution: 192dpi), + only screen and ( min-resolution: 2dppx) { + background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-2x}"), "#{$file-2x}")); + background-size: $width-1x $height-1x; + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_labels.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_labels.scss new file mode 100644 index 00000000..eda6dfd2 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_labels.scss @@ -0,0 +1,12 @@ +// Labels + +@mixin label-variant($color) { + background-color: $color; + + &[href] { + &:hover, + &:focus { + background-color: darken($color, 10%); + } + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_list-group.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_list-group.scss new file mode 100644 index 00000000..5f05e7ba --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_list-group.scss @@ -0,0 +1,31 @@ +// List Groups + +@mixin list-group-item-variant($state, $background, $color) { + .list-group-item-#{$state} { + color: $color; + background-color: $background; + + // [converter] extracted a& to a.list-group-item-#{$state} + } + + a.list-group-item-#{$state} { + color: $color; + + .list-group-item-heading { + color: inherit; + } + + &:hover, + &:focus { + color: $color; + background-color: darken($background, 5%); + } + &.active, + &.active:hover, + &.active:focus { + color: #fff; + background-color: $color; + border-color: $color; + } + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_nav-divider.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_nav-divider.scss new file mode 100644 index 00000000..2e6da02a --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_nav-divider.scss @@ -0,0 +1,10 @@ +// Horizontal dividers +// +// Dividers (basically an hr) within dropdowns and nav lists + +@mixin nav-divider($color: #e5e5e5) { + height: 1px; + margin: (($line-height-computed / 2) - 1) 0; + overflow: hidden; + background-color: $color; +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_nav-vertical-align.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_nav-vertical-align.scss new file mode 100644 index 00000000..c8fbf1a7 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_nav-vertical-align.scss @@ -0,0 +1,9 @@ +// Navbar vertical align +// +// Vertically center elements in the navbar. +// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin. + +@mixin navbar-vertical-align($element-height) { + margin-top: (($navbar-height - $element-height) / 2); + margin-bottom: (($navbar-height - $element-height) / 2); +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_opacity.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_opacity.scss new file mode 100644 index 00000000..df088adf --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_opacity.scss @@ -0,0 +1,8 @@ +// Opacity + +@mixin opacity($opacity) { + opacity: $opacity; + // IE8 filter + $opacity-ie: ($opacity * 100); + filter: #{alpha(opacity=$opacity-ie)}; +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_pagination.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_pagination.scss new file mode 100644 index 00000000..43fff686 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_pagination.scss @@ -0,0 +1,23 @@ +// Pagination + +@mixin pagination-size($padding-vertical, $padding-horizontal, $font-size, $border-radius) { + > li { + > a, + > span { + padding: $padding-vertical $padding-horizontal; + font-size: $font-size; + } + &:first-child { + > a, + > span { + @include border-left-radius($border-radius); + } + } + &:last-child { + > a, + > span { + @include border-right-radius($border-radius); + } + } + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_panels.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_panels.scss new file mode 100644 index 00000000..3ff31ae5 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_panels.scss @@ -0,0 +1,24 @@ +// Panels + +@mixin panel-variant($border, $heading-text-color, $heading-bg-color, $heading-border) { + border-color: $border; + + & > .panel-heading { + color: $heading-text-color; + background-color: $heading-bg-color; + border-color: $heading-border; + + + .panel-collapse > .panel-body { + border-top-color: $border; + } + .badge { + color: $heading-bg-color; + background-color: $heading-text-color; + } + } + & > .panel-footer { + + .panel-collapse > .panel-body { + border-bottom-color: $border; + } + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_progress-bar.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_progress-bar.scss new file mode 100644 index 00000000..90a62afc --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_progress-bar.scss @@ -0,0 +1,10 @@ +// Progress bars + +@mixin progress-bar-variant($color) { + background-color: $color; + + // Deprecated parent class requirement as of v3.2.0 + .progress-striped & { + @include gradient-striped; + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_reset-filter.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_reset-filter.scss new file mode 100644 index 00000000..bf730512 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_reset-filter.scss @@ -0,0 +1,8 @@ +// Reset filters for IE +// +// When you need to remove a gradient background, do not forget to use this to reset +// the IE filter for IE9 and below. + +@mixin reset-filter() { + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_resize.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_resize.scss new file mode 100644 index 00000000..83fa6379 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_resize.scss @@ -0,0 +1,6 @@ +// Resize anything + +@mixin resizable($direction) { + resize: $direction; // Options: horizontal, vertical, both + overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible` +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss new file mode 100644 index 00000000..9867db01 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss @@ -0,0 +1,21 @@ +// Responsive utilities + +// +// More easily include all the states for responsive-utilities.less. +// [converter] $parent hack +@mixin responsive-visibility($parent) { + #{$parent} { + display: block !important; + } + table#{$parent} { display: table; } + tr#{$parent} { display: table-row !important; } + th#{$parent}, + td#{$parent} { display: table-cell !important; } +} + +// [converter] $parent hack +@mixin responsive-invisibility($parent) { + #{$parent} { + display: none !important; + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_size.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_size.scss new file mode 100644 index 00000000..abbe2463 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_size.scss @@ -0,0 +1,10 @@ +// Sizing shortcuts + +@mixin size($width, $height) { + width: $width; + height: $height; +} + +@mixin square($size) { + @include size($size, $size); +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_tab-focus.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_tab-focus.scss new file mode 100644 index 00000000..7df0ae7c --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_tab-focus.scss @@ -0,0 +1,9 @@ +// WebKit-style focus + +@mixin tab-focus() { + // Default + outline: thin dotted; + // WebKit + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_table-row.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_table-row.scss new file mode 100644 index 00000000..13679508 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_table-row.scss @@ -0,0 +1,28 @@ +// Tables + +@mixin table-row-variant($state, $background) { + // Exact selectors below required to override `.table-striped` and prevent + // inheritance to nested tables. + .table > thead > tr, + .table > tbody > tr, + .table > tfoot > tr { + > td.#{$state}, + > th.#{$state}, + &.#{$state} > td, + &.#{$state} > th { + background-color: $background; + } + } + + // Hover states for `.table-hover` + // Note: this is not available for cells or rows within `thead` or `tfoot`. + .table-hover > tbody > tr { + > td.#{$state}:hover, + > th.#{$state}:hover, + &.#{$state}:hover > td, + &:hover > .#{$state}, + &.#{$state}:hover > th { + background-color: darken($background, 5%); + } + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss new file mode 100644 index 00000000..1101e036 --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss @@ -0,0 +1,11 @@ +// Typography + +// [converter] $parent hack +@mixin text-emphasis-variant($parent, $color) { + #{$parent} { + color: $color; + } + a#{$parent}:hover { + color: darken($color, 10%); + } +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_text-overflow.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_text-overflow.scss new file mode 100644 index 00000000..1593b25e --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_text-overflow.scss @@ -0,0 +1,8 @@ +// Text overflow +// Requires inline-block or block for proper styling + +@mixin text-overflow() { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss new file mode 100644 index 00000000..a6b9ef4e --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss @@ -0,0 +1,222 @@ +// Vendor Prefixes +// +// All vendor mixins are deprecated as of v3.2.0 due to the introduction of +// Autoprefixer in our Gruntfile. They will be removed in v4. + +// - Animations +// - Backface visibility +// - Box shadow +// - Box sizing +// - Content columns +// - Hyphens +// - Placeholder text +// - Transformations +// - Transitions +// - User Select + + +// Animations +@mixin animation($animation) { + -webkit-animation: $animation; + -o-animation: $animation; + animation: $animation; +} +@mixin animation-name($name) { + -webkit-animation-name: $name; + animation-name: $name; +} +@mixin animation-duration($duration) { + -webkit-animation-duration: $duration; + animation-duration: $duration; +} +@mixin animation-timing-function($timing-function) { + -webkit-animation-timing-function: $timing-function; + animation-timing-function: $timing-function; +} +@mixin animation-delay($delay) { + -webkit-animation-delay: $delay; + animation-delay: $delay; +} +@mixin animation-iteration-count($iteration-count) { + -webkit-animation-iteration-count: $iteration-count; + animation-iteration-count: $iteration-count; +} +@mixin animation-direction($direction) { + -webkit-animation-direction: $direction; + animation-direction: $direction; +} +@mixin animation-fill-mode($fill-mode) { + -webkit-animation-fill-mode: $fill-mode; + animation-fill-mode: $fill-mode; +} + +// Backface visibility +// Prevent browsers from flickering when using CSS 3D transforms. +// Default value is `visible`, but can be changed to `hidden` + +@mixin backface-visibility($visibility){ + -webkit-backface-visibility: $visibility; + -moz-backface-visibility: $visibility; + backface-visibility: $visibility; +} + +// Drop shadows +// +// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's +// supported browsers that have box shadow capabilities now support it. + +@mixin box-shadow($shadow...) { + -webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1 + box-shadow: $shadow; +} + +// Box sizing +@mixin box-sizing($boxmodel) { + -webkit-box-sizing: $boxmodel; + -moz-box-sizing: $boxmodel; + box-sizing: $boxmodel; +} + +// CSS3 Content Columns +@mixin content-columns($column-count, $column-gap: $grid-gutter-width) { + -webkit-column-count: $column-count; + -moz-column-count: $column-count; + column-count: $column-count; + -webkit-column-gap: $column-gap; + -moz-column-gap: $column-gap; + column-gap: $column-gap; +} + +// Optional hyphenation +@mixin hyphens($mode: auto) { + word-wrap: break-word; + -webkit-hyphens: $mode; + -moz-hyphens: $mode; + -ms-hyphens: $mode; // IE10+ + -o-hyphens: $mode; + hyphens: $mode; +} + +// Placeholder text +@mixin placeholder($color: $input-color-placeholder) { + // Firefox + &::-moz-placeholder { + color: $color; + opacity: 1; // See https://github.com/twbs/bootstrap/pull/11526 + } + &:-ms-input-placeholder { color: $color; } // Internet Explorer 10+ + &::-webkit-input-placeholder { color: $color; } // Safari and Chrome +} + +// Transformations +@mixin scale($ratio...) { + -webkit-transform: scale($ratio); + -ms-transform: scale($ratio); // IE9 only + -o-transform: scale($ratio); + transform: scale($ratio); +} + +@mixin scaleX($ratio) { + -webkit-transform: scaleX($ratio); + -ms-transform: scaleX($ratio); // IE9 only + -o-transform: scaleX($ratio); + transform: scaleX($ratio); +} +@mixin scaleY($ratio) { + -webkit-transform: scaleY($ratio); + -ms-transform: scaleY($ratio); // IE9 only + -o-transform: scaleY($ratio); + transform: scaleY($ratio); +} +@mixin skew($x, $y) { + -webkit-transform: skewX($x) skewY($y); + -ms-transform: skewX($x) skewY($y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+ + -o-transform: skewX($x) skewY($y); + transform: skewX($x) skewY($y); +} +@mixin translate($x, $y) { + -webkit-transform: translate($x, $y); + -ms-transform: translate($x, $y); // IE9 only + -o-transform: translate($x, $y); + transform: translate($x, $y); +} +@mixin translate3d($x, $y, $z) { + -webkit-transform: translate3d($x, $y, $z); + transform: translate3d($x, $y, $z); +} +@mixin rotate($degrees) { + -webkit-transform: rotate($degrees); + -ms-transform: rotate($degrees); // IE9 only + -o-transform: rotate($degrees); + transform: rotate($degrees); +} +@mixin rotateX($degrees) { + -webkit-transform: rotateX($degrees); + -ms-transform: rotateX($degrees); // IE9 only + -o-transform: rotateX($degrees); + transform: rotateX($degrees); +} +@mixin rotateY($degrees) { + -webkit-transform: rotateY($degrees); + -ms-transform: rotateY($degrees); // IE9 only + -o-transform: rotateY($degrees); + transform: rotateY($degrees); +} +@mixin perspective($perspective) { + -webkit-perspective: $perspective; + -moz-perspective: $perspective; + perspective: $perspective; +} +@mixin perspective-origin($perspective) { + -webkit-perspective-origin: $perspective; + -moz-perspective-origin: $perspective; + perspective-origin: $perspective; +} +@mixin transform-origin($origin) { + -webkit-transform-origin: $origin; + -moz-transform-origin: $origin; + -ms-transform-origin: $origin; // IE9 only + transform-origin: $origin; +} + + +// Transitions + +@mixin transition($transition...) { + -webkit-transition: $transition; + -o-transition: $transition; + transition: $transition; +} +@mixin transition-property($transition-property...) { + -webkit-transition-property: $transition-property; + transition-property: $transition-property; +} +@mixin transition-delay($transition-delay) { + -webkit-transition-delay: $transition-delay; + transition-delay: $transition-delay; +} +@mixin transition-duration($transition-duration...) { + -webkit-transition-duration: $transition-duration; + transition-duration: $transition-duration; +} +@mixin transition-timing-function($timing-function) { + -webkit-transition-timing-function: $timing-function; + transition-timing-function: $timing-function; +} +@mixin transition-transform($transition...) { + -webkit-transition: -webkit-transform $transition; + -moz-transition: -moz-transform $transition; + -o-transition: -o-transform $transition; + transition: transform $transition; +} + + +// User select +// For selecting text on the page + +@mixin user-select($select) { + -webkit-user-select: $select; + -moz-user-select: $select; + -ms-user-select: $select; // IE10+ + user-select: $select; +} diff --git a/bower_components/bootstrap-sass-official/bower.json b/bower_components/bootstrap-sass-official/bower.json new file mode 100644 index 00000000..b1e0c79a --- /dev/null +++ b/bower_components/bootstrap-sass-official/bower.json @@ -0,0 +1,50 @@ +{ + "name": "bootstrap-sass", + "version": "3.3.1", + "homepage": "https://github.com/twbs/bootstrap-sass", + "authors": [ + "Thomas McDonald", + "Tristan Harward", + "Peter Gumeson", + "Gleb Mazovetskiy" + ], + "description": "bootstrap-sass is a Sass-powered version of Bootstrap, ready to drop right into your Sass powered applications.", + "main": [ + "assets/stylesheets/_bootstrap.scss", + "assets/fonts/bootstrap/glyphicons-halflings-regular.eot", + "assets/fonts/bootstrap/glyphicons-halflings-regular.svg", + "assets/fonts/bootstrap/glyphicons-halflings-regular.ttf", + "assets/fonts/bootstrap/glyphicons-halflings-regular.woff", + "assets/javascripts/bootstrap/affix.js", + "assets/javascripts/bootstrap/alert.js", + "assets/javascripts/bootstrap/button.js", + "assets/javascripts/bootstrap/carousel.js", + "assets/javascripts/bootstrap/collapse.js", + "assets/javascripts/bootstrap/dropdown.js", + "assets/javascripts/bootstrap/tab.js", + "assets/javascripts/bootstrap/transition.js", + "assets/javascripts/bootstrap/scrollspy.js", + "assets/javascripts/bootstrap/modal.js", + "assets/javascripts/bootstrap/tooltip.js", + "assets/javascripts/bootstrap/popover.js" + ], + "keywords": [ + "twbs", + "bootstrap", + "sass" + ], + "license": "MIT", + "ignore": [ + "**/.*", + "lib", + "tasks", + "templates", + "test", + "*.gemspec", + "Rakefile", + "Gemfile" + ], + "dependencies": { + "jquery": ">= 1.9.0" + } +} diff --git a/bower_components/bootstrap-sass-official/composer.json b/bower_components/bootstrap-sass-official/composer.json new file mode 100644 index 00000000..9d55fa74 --- /dev/null +++ b/bower_components/bootstrap-sass-official/composer.json @@ -0,0 +1,35 @@ +{ + "name": "twbs/bootstrap-sass", + "description": "bootstrap-sass is a Sass-powered version of Bootstrap, ready to drop right into your Sass powered applications.", + "keywords": ["bootstrap", "css", "sass"], + "homepage": "http://github.com/twbs/bootstrap-sass", + "authors": [ + { + "name": "Thomas McDonald" + }, + { + "name": "Tristan Harward" + }, + { + "name": "Peter Gumeson" + }, + { + "name": "Gleb Mazovetskiy" + }, + { + "name": "Mark Otto" + }, + { + "name": "Jacob Thornton" + } + ], + "support": { + "issues": "https://github.com/twbs/bootstrap-sass/issues" + }, + "license": "MIT", + "extra": { + "branch-alias": { + "dev-master": "3.3.x-dev" + } + } +} diff --git a/bower_components/bootstrap-sass-official/package.json b/bower_components/bootstrap-sass-official/package.json new file mode 100644 index 00000000..3b54c895 --- /dev/null +++ b/bower_components/bootstrap-sass-official/package.json @@ -0,0 +1,30 @@ +{ + "name": "bootstrap-sass", + "version": "3.3.1", + "description": "bootstrap-sass is a Sass-powered version of Bootstrap, ready to drop right into your Sass powered applications.", + "main": "index.js", + "repository": { + "type": "git", + "url": "git://github.com/twbs/bootstrap-sass" + }, + "keywords": [ + "bootstrap", + "sass", + "css" + ], + "contributors": [ + "Thomas McDonald", + "Tristan Harward", + "Peter Gumeson", + "Gleb Mazovetskiy" + ], + "license": "MIT", + "bugs": { + "url": "https://github.com/twbs/bootstrap-sass/issues" + }, + "devDependencies": { + "node-sass": "~1.0", + "mincer": "~1.1", + "ejs": "~1.0" + } +} diff --git a/bower_components/bootstrap-sass-official/sache.json b/bower_components/bootstrap-sass-official/sache.json new file mode 100644 index 00000000..02ec6858 --- /dev/null +++ b/bower_components/bootstrap-sass-official/sache.json @@ -0,0 +1,5 @@ +{ + "name": "bootstrap-sass", + "description": "bootstrap-sass is a Sass-powered version of Bootstrap, ready to drop right into your Sass powered applications", + "tags": ["bootstrap", "grid", "typography", "buttons", "ui", "responsive-web-design"] +} diff --git a/cerulean/_bootswatch.scss b/cerulean/_bootswatch.scss new file mode 100644 index 00000000..258df8a0 --- /dev/null +++ b/cerulean/_bootswatch.scss @@ -0,0 +1,125 @@ +// Cerulean 3.3.0 +// Bootswatch +// ----------------------------------------------------- + +@mixin btn-shadow($color){ + @include gradient-vertical-three-colors(lighten($color, 8%), $color, 60%, darken($color, 4%)); + filter: none; + border-bottom: 1px solid darken($color, 10%); +} + +// Navbar ===================================================================== + +.navbar { + @include btn-shadow($navbar-default-bg); + filter: none; + @include box-shadow(0 1px 10px rgba(0, 0, 0, 0.1)); + + &-default { + + .badge { + background-color: #fff; + color: $navbar-default-bg; + } + } + + &-inverse { + @include gradient-vertical-three-colors(lighten($navbar-inverse-bg, 8%), lighten($navbar-inverse-bg, 4%), 60%, darken($navbar-inverse-bg, 2%)); + filter: none; + border-bottom: 1px solid darken($navbar-inverse-bg, 10%); + + .badge { + background-color: #fff; + color: $navbar-inverse-bg; + } + } + + .navbar-nav > li > a, + &-brand { + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); + } +} + +@media (max-width: $grid-float-breakpoint-max) { + + .navbar { + + .dropdown-header { + color: #fff; + } + } +} + +// Buttons ==================================================================== + +.btn { + + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); + + .caret { + border-top-color: #fff; + } +} + +.btn-default { + + @include btn-shadow($btn-default-bg); + + &:hover { + color: $btn-default-color; + } + + .caret { + border-top-color: $text-color; + } +} + +.btn-default { + @include btn-shadow($btn-default-bg); +} + +.btn-primary { + @include btn-shadow($btn-primary-bg); +} + +.btn-success { + @include btn-shadow($btn-success-bg); +} + +.btn-info { + @include btn-shadow($btn-info-bg); +} + +.btn-warning { + @include btn-shadow($btn-warning-bg); +} + +.btn-danger { + @include btn-shadow($btn-danger-bg); +} + +// Typography ================================================================= + +// Tables ===================================================================== + +// Forms ====================================================================== + +// Navs ======================================================================= + +// Indicators ================================================================= + +// Progress bars ============================================================== + +// Containers ================================================================= + +.panel-primary, +.panel-success, +.panel-warning, +.panel-danger, +.panel-info { + + .panel-heading, + .panel-title { + color: #fff; + } +} diff --git a/cerulean/_variables.scss b/cerulean/_variables.scss new file mode 100644 index 00000000..dd851d26 --- /dev/null +++ b/cerulean/_variables.scss @@ -0,0 +1,856 @@ +// Cerulean 3.3.0 +// Variables +// -------------------------------------------------- + + +//== Colors +// +//## Gray and brand colors for use across Bootstrap. + +$gray-base: #000; +$gray-darker: lighten($gray-base, 13.5%); // #222 +$gray-dark: lighten($gray-base, 20%); // #333 +$gray: lighten($gray-base, 33.5%); // #555 +$gray-light: lighten($gray-base, 60%); // #999 +$gray-lighter: lighten($gray-base, 93.5%); // #eee + +$brand-primary: #2FA4E7; +$brand-success: #73A839; +$brand-info: #033C73; +$brand-warning: #DD5600; +$brand-danger: #C71C22; + + +//== Scaffolding +// +//## Settings for some of the most global styles. + +//** Background color for `<body>`. +$body-bg: #fff; +//** Global text color on `<body>`. +$text-color: $gray; + +//** Global textual link color. +$link-color: $brand-primary; +//** Link hover color set via `darken()` function. +$link-hover-color: darken($link-color, 15%); +//** Link hover decoration. +$link-hover-decoration: underline; + + +//== Typography +// +//## Font, line-height, and color for body text, headings, and more. + +$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif; +$font-family-serif: Georgia, "Times New Roman", Times, serif; +//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. +$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; +$font-family-base: $font-family-sans-serif; + +$font-size-base: 14px; +$font-size-large: ceil(($font-size-base * 1.25)); // ~18px +$font-size-small: ceil(($font-size-base * 0.85)); // ~12px + +$font-size-h1: floor(($font-size-base * 2.6)); // ~36px +$font-size-h2: floor(($font-size-base * 2.15)); // ~30px +$font-size-h3: ceil(($font-size-base * 1.7)); // ~24px +$font-size-h4: ceil(($font-size-base * 1.25)); // ~18px +$font-size-h5: $font-size-base; +$font-size-h6: ceil(($font-size-base * 0.85)); // ~12px + +//** Unit-less `line-height` for use in components like buttons. +$line-height-base: 1.428571429; // 20/14 +//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. +$line-height-computed: floor(($font-size-base * $line-height-base)); // ~20px + +//** By default, this inherits from the `<body>`. +$headings-font-family: $font-family-base; +$headings-font-weight: 500; +$headings-line-height: 1.1; +$headings-color: #317EAC; + + +//== Iconography +// +//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. + +//** Load fonts from this directory. +$icon-font-path: "../fonts/"; +//** File name for all font files. +$icon-font-name: "glyphicons-halflings-regular"; +//** Element ID within SVG icon file. +$icon-font-svg-id: "glyphicons_halflingsregular"; + + +//== Components +// +//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). + +$padding-base-vertical: 8px; +$padding-base-horizontal: 12px; + +$padding-large-vertical: 14px; +$padding-large-horizontal: 16px; + +$padding-small-vertical: 5px; +$padding-small-horizontal: 10px; + +$padding-xs-vertical: 1px; +$padding-xs-horizontal: 5px; + +$line-height-large: 1.33; +$line-height-small: 1.5; + +$border-radius-base: 4px; +$border-radius-large: 6px; +$border-radius-small: 3px; + +//** Global color for active items (e.g., navs or dropdowns). +$component-active-color: #fff; +//** Global background color for active items (e.g., navs or dropdowns). +$component-active-bg: $brand-primary; + +//** Width of the `border` for generating carets that indicator dropdowns. +$caret-width-base: 4px; +//** Carets increase slightly in size for larger components. +$caret-width-large: 5px; + + +//== Tables +// +//## Customizes the `.table` component with basic values, each used across all table variations. + +//** Padding for `<th>`s and `<td>`s. +$table-cell-padding: 8px; +//** Padding for cells in `.table-condensed`. +$table-condensed-cell-padding: 5px; + +//** Default background color used for all tables. +$table-bg: transparent; +//** Background color used for `.table-striped`. +$table-bg-accent: #f9f9f9; +//** Background color used for `.table-hover`. +$table-bg-hover: #f5f5f5; +$table-bg-active: $table-bg-hover; + +//** Border color for table and cell borders. +$table-border-color: #ddd; + + +//== Buttons +// +//## For each of Bootstrap's buttons, define text, background and border color. + +$btn-font-weight: normal; + +$btn-default-color: $text-color; +$btn-default-bg: #fff; +$btn-default-border: rgba(0, 0, 0, 0.1); + +$btn-primary-color: #fff; +$btn-primary-bg: $brand-primary; +$btn-primary-border: $btn-primary-bg; + +$btn-success-color: #fff; +$btn-success-bg: $brand-success; +$btn-success-border: $btn-success-bg; + +$btn-info-color: #fff; +$btn-info-bg: $brand-info; +$btn-info-border: $btn-info-bg; + +$btn-warning-color: #fff; +$btn-warning-bg: $brand-warning; +$btn-warning-border: $btn-warning-bg; + +$btn-danger-color: #fff; +$btn-danger-bg: $brand-danger; +$btn-danger-border: $btn-danger-bg; + +$btn-link-disabled-color: $gray-light; + + +//== Forms +// +//## + +//** `<input>` background color +$input-bg: #fff; +//** `<input disabled>` background color +$input-bg-disabled: $gray-lighter; + +//** Text color for `<input>`s +$input-color: $text-color; +//** `<input>` border color +$input-border: #ccc; + +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 +//** Default `.form-control` border radius +$input-border-radius: $border-radius-base; +//** Large `.form-control` border radius +$input-border-radius-large: $border-radius-large; +//** Small `.form-control` border radius +$input-border-radius-small: $border-radius-small; + +//** Border color for inputs on focus +$input-border-focus: #66afe9; + +//** Placeholder text color +$input-color-placeholder: $gray-light; + +//** Default `.form-control` height +$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2); +//** Large `.form-control` height +$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2); +//** Small `.form-control` height +$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2); + +$legend-color: $text-color; +$legend-border-color: #e5e5e5; + +//** Background color for textual input addons +$input-group-addon-bg: $gray-lighter; +//** Border color for textual input addons +$input-group-addon-border-color: $input-border; + +//** Disabled cursor for form controls and buttons. +$cursor-disabled: not-allowed; + + +//== Dropdowns +// +//## Dropdown menu container and contents. + +//** Background for the dropdown menu. +$dropdown-bg: #fff; +//** Dropdown menu `border-color`. +$dropdown-border: rgba(0,0,0,.15); +//** Dropdown menu `border-color` **for IE8**. +$dropdown-fallback-border: #ccc; +//** Divider color for between dropdown items. +$dropdown-divider-bg: #e5e5e5; + +//** Dropdown link text color. +$dropdown-link-color: $gray-dark; +//** Hover color for dropdown links. +$dropdown-link-hover-color: #fff; +//** Hover background for dropdown links. +$dropdown-link-hover-bg: $component-active-bg; + +//** Active dropdown menu item text color. +$dropdown-link-active-color: #fff; +//** Active dropdown menu item background color. +$dropdown-link-active-bg: $component-active-bg; + +//** Disabled dropdown menu item background color. +$dropdown-link-disabled-color: $gray-light; + +//** Text color for headers within dropdown menus. +$dropdown-header-color: $gray-light; + +//** Deprecated `$dropdown-caret-color` as of v3.1.0 +$dropdown-caret-color: #000; + + +//-- Z-index master list +// +// Warning: Avoid customizing these values. They're used for a bird's eye view +// of components dependent on the z-axis and are designed to all work together. +// +// Note: These variables are not generated into the Customizer. + +$zindex-navbar: 1000; +$zindex-dropdown: 1000; +$zindex-popover: 1060; +$zindex-tooltip: 1070; +$zindex-navbar-fixed: 1030; +$zindex-modal: 1040; + + +//== Media queries breakpoints +// +//## Define the breakpoints at which your layout will change, adapting to different screen sizes. + +// Extra small screen / phone +//** Deprecated `$screen-xs` as of v3.0.1 +$screen-xs: 480px; +//** Deprecated `$screen-xs-min` as of v3.2.0 +$screen-xs-min: $screen-xs; +//** Deprecated `$screen-phone` as of v3.0.1 +$screen-phone: $screen-xs-min; + +// Small screen / tablet +//** Deprecated `$screen-sm` as of v3.0.1 +$screen-sm: 768px; +$screen-sm-min: $screen-sm; +//** Deprecated `$screen-tablet` as of v3.0.1 +$screen-tablet: $screen-sm-min; + +// Medium screen / desktop +//** Deprecated `$screen-md` as of v3.0.1 +$screen-md: 992px; +$screen-md-min: $screen-md; +//** Deprecated `$screen-desktop` as of v3.0.1 +$screen-desktop: $screen-md-min; + +// Large screen / wide desktop +//** Deprecated `$screen-lg` as of v3.0.1 +$screen-lg: 1200px; +$screen-lg-min: $screen-lg; +//** Deprecated `$screen-lg-desktop` as of v3.0.1 +$screen-lg-desktop: $screen-lg-min; + +// So media queries don't overlap when required, provide a maximum +$screen-xs-max: ($screen-sm-min - 1); +$screen-sm-max: ($screen-md-min - 1); +$screen-md-max: ($screen-lg-min - 1); + + +//== Grid system +// +//## Define your custom responsive grid. + +//** Number of columns in the grid. +$grid-columns: 12; +//** Padding between columns. Gets divided in half for the left and right. +$grid-gutter-width: 30px; +// Navbar collapse +//** Point at which the navbar becomes uncollapsed. +$grid-float-breakpoint: $screen-sm-min; +//** Point at which the navbar begins collapsing. +$grid-float-breakpoint-max: ($grid-float-breakpoint - 1); + + +//== Container sizes +// +//## Define the maximum width of `.container` for different screen sizes. + +// Small screen / tablet +$container-tablet: (720px + $grid-gutter-width); +//** For `$screen-sm-min` and up. +$container-sm: $container-tablet; + +// Medium screen / desktop +$container-desktop: (940px + $grid-gutter-width); +//** For `$screen-md-min` and up. +$container-md: $container-desktop; + +// Large screen / wide desktop +$container-large-desktop: (1140px + $grid-gutter-width); +//** For `$screen-lg-min` and up. +$container-lg: $container-large-desktop; + + +//== Navbar +// +//## + +// Basics of a navbar +$navbar-height: 50px; +$navbar-margin-bottom: $line-height-computed; +$navbar-border-radius: $border-radius-base; +$navbar-padding-horizontal: floor(($grid-gutter-width / 2)); +$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2); +$navbar-collapse-max-height: 340px; + +$navbar-default-color: #ddd; +$navbar-default-bg: $brand-primary; +$navbar-default-border: darken($navbar-default-bg, 6.5%); + +// Navbar links +$navbar-default-link-color: #fff; +$navbar-default-link-hover-color: #fff; +$navbar-default-link-hover-bg: darken($navbar-default-bg, 10%); +$navbar-default-link-active-color: #fff; +$navbar-default-link-active-bg: darken($navbar-default-bg, 10%); +$navbar-default-link-disabled-color: #ddd; +$navbar-default-link-disabled-bg: transparent; + +// Navbar brand label +$navbar-default-brand-color: $navbar-default-link-color; +$navbar-default-brand-hover-color: #fff; +$navbar-default-brand-hover-bg: none; + +// Navbar toggle +$navbar-default-toggle-hover-bg: darken($navbar-default-bg, 10%); +$navbar-default-toggle-icon-bar-bg: #fff; +$navbar-default-toggle-border-color: darken($navbar-default-bg, 10%); + + +// Inverted navbar +// Reset inverted navbar basics +$navbar-inverse-color: #fff; +$navbar-inverse-bg: $brand-info; +$navbar-inverse-border: darken($navbar-inverse-bg, 5%); + +// Inverted navbar links +$navbar-inverse-link-color: #fff; +$navbar-inverse-link-hover-color: #fff; +$navbar-inverse-link-hover-bg: darken($navbar-inverse-bg, 5%); +$navbar-inverse-link-active-color: #fff; +$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 5%); +$navbar-inverse-link-disabled-color: #ccc; +$navbar-inverse-link-disabled-bg: transparent; + +// Inverted navbar brand label +$navbar-inverse-brand-color: $navbar-inverse-link-color; +$navbar-inverse-brand-hover-color: #fff; +$navbar-inverse-brand-hover-bg: none; + +// Inverted navbar toggle +$navbar-inverse-toggle-hover-bg: darken($navbar-inverse-bg, 5%); +$navbar-inverse-toggle-icon-bar-bg: #fff; +$navbar-inverse-toggle-border-color: darken($navbar-inverse-bg, 5%); + + +//== Navs +// +//## + +//=== Shared nav styles +$nav-link-padding: 10px 15px; +$nav-link-hover-bg: $gray-lighter; + +$nav-disabled-link-color: $gray-light; +$nav-disabled-link-hover-color: $gray-light; + +//== Tabs +$nav-tabs-border-color: #ddd; + +$nav-tabs-link-hover-border-color: $gray-lighter; + +$nav-tabs-active-link-hover-bg: $body-bg; +$nav-tabs-active-link-hover-color: $gray; +$nav-tabs-active-link-hover-border-color: #ddd; + +$nav-tabs-justified-link-border-color: #ddd; +$nav-tabs-justified-active-link-border-color: $body-bg; + +//== Pills +$nav-pills-border-radius: $border-radius-base; +$nav-pills-active-link-hover-bg: $component-active-bg; +$nav-pills-active-link-hover-color: $component-active-color; + + +//== Pagination +// +//## + +$pagination-color: $link-color; +$pagination-bg: #fff; +$pagination-border: #ddd; + +$pagination-hover-color: $link-hover-color; +$pagination-hover-bg: $gray-lighter; +$pagination-hover-border: #ddd; + +$pagination-active-color: $gray-light; +$pagination-active-bg: #f5f5f5; +$pagination-active-border: $pagination-hover-border; + +$pagination-disabled-color: $gray-light; +$pagination-disabled-bg: #fff; +$pagination-disabled-border: #ddd; + + +//== Pager +// +//## + +$pager-bg: $pagination-bg; +$pager-border: $pagination-border; +$pager-border-radius: 15px; + +$pager-hover-bg: $pagination-hover-bg; + +$pager-active-bg: $pagination-active-bg; +$pager-active-color: $pagination-active-color; + +$pager-disabled-color: $gray-light; + + +//== Jumbotron +// +//## + +$jumbotron-padding: 30px; +$jumbotron-color: inherit; +$jumbotron-bg: $gray-lighter; +$jumbotron-heading-color: inherit; +$jumbotron-font-size: ceil(($font-size-base * 1.5)); + + +//== Form states and alerts +// +//## Define colors for form feedback states and, by default, alerts. + +$state-success-text: #468847; +$state-success-bg: #dff0d8; +$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%); + +$state-info-text: #3a87ad; +$state-info-bg: #d9edf7; +$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%); + +$state-warning-text: #c09853; +$state-warning-bg: #fcf8e3; +$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 3%); + +$state-danger-text: #b94a48; +$state-danger-bg: #f2dede; +$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 3%); + + +//== Tooltips +// +//## + +//** Tooltip max width +$tooltip-max-width: 200px; +//** Tooltip text color +$tooltip-color: #fff; +//** Tooltip background color +$tooltip-bg: rgba(0,0,0,.9); +$tooltip-opacity: .9; + +//** Tooltip arrow width +$tooltip-arrow-width: 5px; +//** Tooltip arrow color +$tooltip-arrow-color: $tooltip-bg; + + +//== Popovers +// +//## + +//** Popover body background color +$popover-bg: #fff; +//** Popover maximum width +$popover-max-width: 276px; +//** Popover border color +$popover-border-color: rgba(0,0,0,.2); +//** Popover fallback border color +$popover-fallback-border-color: #ccc; + +//** Popover title background color +$popover-title-bg: darken($popover-bg, 3%); + +//** Popover arrow width +$popover-arrow-width: 10px; +//** Popover arrow color +$popover-arrow-color: $popover-bg; + +//** Popover outer arrow width +$popover-arrow-outer-width: ($popover-arrow-width + 1); +//** Popover outer arrow color +$popover-arrow-outer-color: fadein($popover-border-color, 5%); +//** Popover outer arrow fallback color +$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%); + + +//== Labels +// +//## + +//** Default label background color +$label-default-bg: $gray-light; +//** Primary label background color +$label-primary-bg: $brand-primary; +//** Success label background color +$label-success-bg: $brand-success; +//** Info label background color +$label-info-bg: $brand-info; +//** Warning label background color +$label-warning-bg: $brand-warning; +//** Danger label background color +$label-danger-bg: $brand-danger; + +//** Default label text color +$label-color: #fff; +//** Default text color of a linked label +$label-link-hover-color: #fff; + + +//== Modals +// +//## + +//** Padding applied to the modal body +$modal-inner-padding: 20px; + +//** Padding applied to the modal title +$modal-title-padding: 15px; +//** Modal title line-height +$modal-title-line-height: $line-height-base; + +//** Background color of modal content area +$modal-content-bg: #fff; +//** Modal content border color +$modal-content-border-color: rgba(0,0,0,.2); +//** Modal content border color **for IE8** +$modal-content-fallback-border-color: #999; + +//** Modal backdrop background color +$modal-backdrop-bg: #000; +//** Modal backdrop opacity +$modal-backdrop-opacity: .5; +//** Modal header border color +$modal-header-border-color: #e5e5e5; +//** Modal footer border color +$modal-footer-border-color: $modal-header-border-color; + +$modal-lg: 900px; +$modal-md: 600px; +$modal-sm: 300px; + + +//== Alerts +// +//## Define alert colors, border radius, and padding. + +$alert-padding: 15px; +$alert-border-radius: $border-radius-base; +$alert-link-font-weight: bold; + +$alert-success-bg: $state-success-bg; +$alert-success-text: $state-success-text; +$alert-success-border: $state-success-border; + +$alert-info-bg: $state-info-bg; +$alert-info-text: $state-info-text; +$alert-info-border: $state-info-border; + +$alert-warning-bg: $state-warning-bg; +$alert-warning-text: $state-warning-text; +$alert-warning-border: $state-warning-border; + +$alert-danger-bg: $state-danger-bg; +$alert-danger-text: $state-danger-text; +$alert-danger-border: $state-danger-border; + + +//== Progress bars +// +//## + +//** Background color of the whole progress component +$progress-bg: #f5f5f5; +//** Progress bar text color +$progress-bar-color: #fff; +//** Variable for setting rounded corners on progress bar. +$progress-border-radius: $border-radius-base; + +//** Default progress bar color +$progress-bar-bg: $brand-primary; +//** Success progress bar color +$progress-bar-success-bg: $brand-success; +//** Warning progress bar color +$progress-bar-warning-bg: $brand-warning; +//** Danger progress bar color +$progress-bar-danger-bg: $brand-danger; +//** Info progress bar color +$progress-bar-info-bg: $brand-info; + + +//== List group +// +//## + +//** Background color on `.list-group-item` +$list-group-bg: #fff; +//** `.list-group-item` border color +$list-group-border: #ddd; +//** List group border radius +$list-group-border-radius: $border-radius-base; + +//** Background color of single list items on hover +$list-group-hover-bg: #f5f5f5; +//** Text color of active list items +$list-group-active-color: $component-active-color; +//** Background color of active list items +$list-group-active-bg: $component-active-bg; +//** Border color of active list elements +$list-group-active-border: $list-group-active-bg; +//** Text color for content within active list items +$list-group-active-text-color: lighten($list-group-active-bg, 40%); + +//** Text color of disabled list items +$list-group-disabled-color: $gray-light; +//** Background color of disabled list items +$list-group-disabled-bg: $gray-lighter; +//** Text color for content within disabled list items +$list-group-disabled-text-color: $list-group-disabled-color; + +$list-group-link-color: #555; +$list-group-link-hover-color: $list-group-link-color; +$list-group-link-heading-color: #333; + + +//== Panels +// +//## + +$panel-bg: #fff; +$panel-body-padding: 15px; +$panel-heading-padding: 10px 15px; +$panel-footer-padding: $panel-heading-padding; +$panel-border-radius: $border-radius-base; + +//** Border color for elements within panels +$panel-inner-border: #ddd; +$panel-footer-bg: #f5f5f5; + +$panel-default-text: $text-color; +$panel-default-border: #ddd; +$panel-default-heading-bg: #f5f5f5; + +$panel-primary-text: #fff; +$panel-primary-border: $panel-default-border; +$panel-primary-heading-bg: $brand-primary; + +$panel-success-text: $state-success-text; +$panel-success-border: $panel-default-border; +$panel-success-heading-bg: $brand-success; + +$panel-info-text: $state-info-text; +$panel-info-border: $panel-default-border; +$panel-info-heading-bg: $brand-info; + +$panel-warning-text: $state-warning-text; +$panel-warning-border: $panel-default-border; +$panel-warning-heading-bg: $brand-warning; + +$panel-danger-text: $state-danger-text; +$panel-danger-border: $panel-default-border; +$panel-danger-heading-bg: $brand-danger; + + +//== Thumbnails +// +//## + +//** Padding around the thumbnail image +$thumbnail-padding: 4px; +//** Thumbnail background color +$thumbnail-bg: $body-bg; +//** Thumbnail border color +$thumbnail-border: #ddd; +//** Thumbnail border radius +$thumbnail-border-radius: $border-radius-base; + +//** Custom text color for thumbnail captions +$thumbnail-caption-color: $text-color; +//** Padding around the thumbnail caption +$thumbnail-caption-padding: 9px; + + +//== Wells +// +//## + +$well-bg: #f5f5f5; +$well-border: darken($well-bg, 7%); + + +//== Badges +// +//## + +$badge-color: #fff; +//** Linked badge text color on hover +$badge-link-hover-color: #fff; +$badge-bg: $brand-primary; + +//** Badge text color in active nav link +$badge-active-color: $link-color; +//** Badge background color in active nav link +$badge-active-bg: #fff; + +$badge-font-weight: bold; +$badge-line-height: 1; +$badge-border-radius: 10px; + + +//== Breadcrumbs +// +//## + +$breadcrumb-padding-vertical: 8px; +$breadcrumb-padding-horizontal: 15px; +//** Breadcrumb background color +$breadcrumb-bg: #f5f5f5; +//** Breadcrumb text color +$breadcrumb-color: #ccc; +//** Text color of current page in the breadcrumb +$breadcrumb-active-color: $gray-light; +//** Textual separator for between breadcrumb elements +$breadcrumb-separator: "/"; + + +//== Carousel +// +//## + +$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); + +$carousel-control-color: #fff; +$carousel-control-width: 15%; +$carousel-control-opacity: .5; +$carousel-control-font-size: 20px; + +$carousel-indicator-active-bg: #fff; +$carousel-indicator-border-color: #fff; + +$carousel-caption-color: #fff; + + +//== Close +// +//## + +$close-font-weight: bold; +$close-color: #000; +$close-text-shadow: 0 1px 0 #fff; + + +//== Code +// +//## + +$code-color: #c7254e; +$code-bg: #f9f2f4; + +$kbd-color: #fff; +$kbd-bg: #333; + +$pre-bg: #f5f5f5; +$pre-color: $gray-dark; +$pre-border-color: #ccc; +$pre-scrollable-max-height: 340px; + + +//== Type +// +//## + +//** Horizontal offset for forms and lists. +$component-offset-horizontal: 180px; +//** Text muted color +$text-muted: $gray-light; +//** Abbreviations and acronyms border color +$abbr-border-color: $gray-light; +//** Headings small color +$headings-small-color: $gray-light; +//** Blockquote small color +$blockquote-small-color: $gray-light; +//** Blockquote font size +$blockquote-font-size: ($font-size-base * 1.25); +//** Blockquote border color +$blockquote-border-color: $gray-lighter; +//** Page header border color +$page-header-border-color: $gray-lighter; +//** Width of horizontal description list titles +$dl-horizontal-offset: $component-offset-horizontal; +//** Horizontal line color. +$hr-border: $gray-lighter; diff --git a/cerulean/variables.less b/cerulean/variables.less index d56b18b7..dddf88f8 100644 --- a/cerulean/variables.less +++ b/cerulean/variables.less @@ -236,7 +236,7 @@ //** Hover color for dropdown links. @dropdown-link-hover-color: #fff; //** Hover background for dropdown links. -@dropdown-link-hover-bg: @dropdown-link-active-bg; +@dropdown-link-hover-bg: @component-active-bg; //** Active dropdown menu item text color. @dropdown-link-active-color: #fff; @@ -244,10 +244,10 @@ @dropdown-link-active-bg: @component-active-bg; //** Disabled dropdown menu item background color. -@dropdown-link-disabled-color: @text-muted; +@dropdown-link-disabled-color: @gray-light; //** Text color for headers within dropdown menus. -@dropdown-header-color: @text-muted; +@dropdown-header-color: @gray-light; //** Deprecated `@dropdown-caret-color` as of v3.1.0 @dropdown-caret-color: #000; diff --git a/cosmo/_bootswatch.scss b/cosmo/_bootswatch.scss new file mode 100644 index 00000000..f1a42c5d --- /dev/null +++ b/cosmo/_bootswatch.scss @@ -0,0 +1,237 @@ +// Cosmo 3.3.0 +// Bootswatch +// ----------------------------------------------------- + +@import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700"); + +// Navbar ===================================================================== + +.navbar { + + &-inverse { + + .badge { + background-color: #fff; + color: $brand-primary; + } + } +} + +// Buttons ==================================================================== + +// Typography ================================================================= + +body { + -webkit-font-smoothing: antialiased; +} + +.text-primary, +.text-primary:hover { + color: $brand-primary; +} + +.text-success, +.text-success:hover { + color: $brand-success; +} + +.text-danger, +.text-danger:hover { + color: $brand-danger; +} + +.text-warning, +.text-warning:hover { + color: $brand-warning; +} + +.text-info, +.text-info:hover { + color: $brand-info; +} + +// Tables ===================================================================== + +table, +.table { + + a:not(.btn) { + text-decoration: underline; + } + + .dropdown-menu a { + text-decoration: none; + } + + .success, + .warning, + .danger, + .info { + color: #fff; + + a { + color: #fff; + } + } +} + +// Forms ====================================================================== + + +.has-warning { + .help-block, + .control-label, + .form-control-feedback { + color: $brand-warning; + } + + .form-control, + .form-control:focus, + .input-group-addon { + border: 1px solid $brand-warning; + } +} + +.has-error { + .help-block, + .control-label, + .form-control-feedback { + color: $brand-danger; + } + + .form-control, + .form-control:focus, + .input-group-addon { + border: 1px solid $brand-danger; + } +} + +.has-success { + .help-block, + .control-label, + .form-control-feedback { + color: $brand-success; + } + + .form-control, + .form-control:focus, + .input-group-addon { + border: 1px solid $brand-success; + } +} + +// Navs ======================================================================= + +.nav-pills { + + & > li > a { + border-radius: 0; + } +} + +.dropdown-menu { + + & > li > a:hover, + & > li > a:focus { + background-image: none; + } +} + +// Indicators ================================================================= + +.close { + text-decoration: none; + text-shadow: none; + opacity: 0.4; + + &:hover, + &:focus { + opacity: 1; + } +} + +.alert { + border: none; + + .alert-link { + text-decoration: underline; + color: #fff; + } +} + +.label { + border-radius: 0; +} + +// Progress bars ============================================================== + +.progress { + height: 8px; + @include box-shadow(none); + .progress-bar { + font-size: 8px; + line-height: 8px; + } +} + +// Containers ================================================================= + +.panel { + &-heading, + &-footer { + border-top-right-radius: 0; + border-top-left-radius: 0; + } + + &-default { + .close { + color: $text-color; + } + } +} + +a.list-group-item { + + &-success { + &.active { + background-color: $state-success-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-success-bg, 5%); + } + } + + &-warning { + &.active { + background-color: $state-warning-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-warning-bg, 5%); + } + } + + &-danger { + &.active { + background-color: $state-danger-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-danger-bg, 5%); + } + } +} + +.modal { + .close { + color: $text-color; + } +} + +.popover { + color: $text-color; +} diff --git a/cosmo/_variables.scss b/cosmo/_variables.scss new file mode 100644 index 00000000..9d0b479f --- /dev/null +++ b/cosmo/_variables.scss @@ -0,0 +1,856 @@ +// Cosmo 3.3.0 +// Variables +// -------------------------------------------------- + + +//== Colors +// +//## Gray and brand colors for use across Bootstrap. + +$gray-base: #000; +$gray-darker: lighten($gray-base, 13.5%); // #222 +$gray-dark: lighten($gray-base, 20%); // #333 +$gray: lighten($gray-base, 33.5%); // #555 +$gray-light: lighten($gray-base, 60%); // #999 +$gray-lighter: lighten($gray-base, 90%); // #eee + +$brand-primary: #2780E3; +$brand-success: #3FB618; +$brand-info: #9954BB; +$brand-warning: #FF7518; +$brand-danger: #FF0039; + + +//== Scaffolding +// +//## Settings for some of the most global styles. + +//** Background color for `<body>`. +$body-bg: #fff; +//** Global text color on `<body>`. +$text-color: $gray-dark; + +//** Global textual link color. +$link-color: $brand-primary; +//** Link hover color set via `darken()` function. +$link-hover-color: darken($link-color, 15%); +//** Link hover decoration. +$link-hover-decoration: underline; + + +//== Typography +// +//## Font, line-height, and color for body text, headings, and more. + +$font-family-sans-serif: "Source Sans Pro", Calibri, Candara, Arial, sans-serif; +$font-family-serif: Georgia, "Times New Roman", Times, serif; +//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. +$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; +$font-family-base: $font-family-sans-serif; + +$font-size-base: 15px; +$font-size-large: ceil(($font-size-base * 1.25)); // ~18px +$font-size-small: ceil(($font-size-base * 0.85)); // ~12px + +$font-size-h1: floor(($font-size-base * 2.6)); // ~36px +$font-size-h2: floor(($font-size-base * 2.15)); // ~30px +$font-size-h3: ceil(($font-size-base * 1.7)); // ~24px +$font-size-h4: ceil(($font-size-base * 1.25)); // ~18px +$font-size-h5: $font-size-base; +$font-size-h6: ceil(($font-size-base * 0.85)); // ~12px + +//** Unit-less `line-height` for use in components like buttons. +$line-height-base: 1.428571429; // 20/14 +//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. +$line-height-computed: floor(($font-size-base * $line-height-base)); // ~20px + +//** By default, this inherits from the `<body>`. +$headings-font-family: $font-family-base; +$headings-font-weight: 300; +$headings-line-height: 1.1; +$headings-color: inherit; + + +//== Iconography +// +//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. + +//** Load fonts from this directory. +$icon-font-path: "../fonts/"; +//** File name for all font files. +$icon-font-name: "glyphicons-halflings-regular"; +//** Element ID within SVG icon file. +$icon-font-svg-id: "glyphicons_halflingsregular"; + + +//== Components +// +//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). + +$padding-base-vertical: 10px; +$padding-base-horizontal: 18px; + +$padding-large-vertical: 18px; +$padding-large-horizontal: 30px; + +$padding-small-vertical: 5px; +$padding-small-horizontal: 10px; + +$padding-xs-vertical: 1px; +$padding-xs-horizontal: 5px; + +$line-height-large: 1.33; +$line-height-small: 1.5; + +$border-radius-base: 0; +$border-radius-large: 0; +$border-radius-small: 0; + +//** Global color for active items (e.g., navs or dropdowns). +$component-active-color: #fff; +//** Global background color for active items (e.g., navs or dropdowns). +$component-active-bg: $brand-primary; + +//** Width of the `border` for generating carets that indicator dropdowns. +$caret-width-base: 4px; +//** Carets increase slightly in size for larger components. +$caret-width-large: 5px; + + +//== Tables +// +//## Customizes the `.table` component with basic values, each used across all table variations. + +//** Padding for `<th>`s and `<td>`s. +$table-cell-padding: 8px; +//** Padding for cells in `.table-condensed`. +$table-condensed-cell-padding: 5px; + +//** Default background color used for all tables. +$table-bg: transparent; +//** Background color used for `.table-striped`. +$table-bg-accent: #f9f9f9; +//** Background color used for `.table-hover`. +$table-bg-hover: #f5f5f5; +$table-bg-active: $table-bg-hover; + +//** Border color for table and cell borders. +$table-border-color: #ddd; + + +//== Buttons +// +//## For each of Bootstrap's buttons, define text, background and border color. + +$btn-font-weight: normal; + +$btn-default-color: #fff; +$btn-default-bg: $gray-darker; +$btn-default-border: $btn-default-bg; + +$btn-primary-color: $btn-default-color; +$btn-primary-bg: $brand-primary; +$btn-primary-border: $btn-primary-bg; + +$btn-success-color: $btn-default-color; +$btn-success-bg: $brand-success; +$btn-success-border: $btn-success-bg; + +$btn-info-color: $btn-default-color; +$btn-info-bg: $brand-info; +$btn-info-border: $btn-info-bg; + +$btn-warning-color: $btn-default-color; +$btn-warning-bg: $brand-warning; +$btn-warning-border: $btn-warning-bg; + +$btn-danger-color: $btn-default-color; +$btn-danger-bg: $brand-danger; +$btn-danger-border: $btn-danger-bg; + +$btn-link-disabled-color: $gray-light; + + +//== Forms +// +//## + +//** `<input>` background color +$input-bg: #fff; +//** `<input disabled>` background color +$input-bg-disabled: $gray-lighter; + +//** Text color for `<input>`s +$input-color: $text-color; +//** `<input>` border color +$input-border: #ccc; + +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 +//** Default `.form-control` border radius +$input-border-radius: $border-radius-base; +//** Large `.form-control` border radius +$input-border-radius-large: $border-radius-large; +//** Small `.form-control` border radius +$input-border-radius-small: $border-radius-small; + +//** Border color for inputs on focus +$input-border-focus: #66afe9; + +//** Placeholder text color +$input-color-placeholder: $gray-light; + +//** Default `.form-control` height +$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2); +//** Large `.form-control` height +$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2); +//** Small `.form-control` height +$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2); + +$legend-color: $text-color; +$legend-border-color: #e5e5e5; + +//** Background color for textual input addons +$input-group-addon-bg: $gray-lighter; +//** Border color for textual input addons +$input-group-addon-border-color: $input-border; + +//** Disabled cursor for form controls and buttons. +$cursor-disabled: not-allowed; + + +//== Dropdowns +// +//## Dropdown menu container and contents. + +//** Background for the dropdown menu. +$dropdown-bg: #fff; +//** Dropdown menu `border-color`. +$dropdown-border: rgba(0,0,0,.15); +//** Dropdown menu `border-color` **for IE8**. +$dropdown-fallback-border: #ccc; +//** Divider color for between dropdown items. +$dropdown-divider-bg: #e5e5e5; + +//** Dropdown link text color. +$dropdown-link-color: $gray-dark; +//** Hover color for dropdown links. +$dropdown-link-hover-color: #fff; +//** Hover background for dropdown links. +$dropdown-link-hover-bg: $component-active-bg; + +//** Active dropdown menu item text color. +$dropdown-link-active-color: #fff; +//** Active dropdown menu item background color. +$dropdown-link-active-bg: $component-active-bg; + +//** Disabled dropdown menu item background color. +$dropdown-link-disabled-color: $gray-light; + +//** Text color for headers within dropdown menus. +$dropdown-header-color: $gray-light; + +//** Deprecated `$dropdown-caret-color` as of v3.1.0 +$dropdown-caret-color: #000; + + +//-- Z-index master list +// +// Warning: Avoid customizing these values. They're used for a bird's eye view +// of components dependent on the z-axis and are designed to all work together. +// +// Note: These variables are not generated into the Customizer. + +$zindex-navbar: 1000; +$zindex-dropdown: 1000; +$zindex-popover: 1060; +$zindex-tooltip: 1070; +$zindex-navbar-fixed: 1030; +$zindex-modal: 1040; + + +//== Media queries breakpoints +// +//## Define the breakpoints at which your layout will change, adapting to different screen sizes. + +// Extra small screen / phone +//** Deprecated `$screen-xs` as of v3.0.1 +$screen-xs: 480px; +//** Deprecated `$screen-xs-min` as of v3.2.0 +$screen-xs-min: $screen-xs; +//** Deprecated `$screen-phone` as of v3.0.1 +$screen-phone: $screen-xs-min; + +// Small screen / tablet +//** Deprecated `$screen-sm` as of v3.0.1 +$screen-sm: 768px; +$screen-sm-min: $screen-sm; +//** Deprecated `$screen-tablet` as of v3.0.1 +$screen-tablet: $screen-sm-min; + +// Medium screen / desktop +//** Deprecated `$screen-md` as of v3.0.1 +$screen-md: 992px; +$screen-md-min: $screen-md; +//** Deprecated `$screen-desktop` as of v3.0.1 +$screen-desktop: $screen-md-min; + +// Large screen / wide desktop +//** Deprecated `$screen-lg` as of v3.0.1 +$screen-lg: 1200px; +$screen-lg-min: $screen-lg; +//** Deprecated `$screen-lg-desktop` as of v3.0.1 +$screen-lg-desktop: $screen-lg-min; + +// So media queries don't overlap when required, provide a maximum +$screen-xs-max: ($screen-sm-min - 1); +$screen-sm-max: ($screen-md-min - 1); +$screen-md-max: ($screen-lg-min - 1); + + +//== Grid system +// +//## Define your custom responsive grid. + +//** Number of columns in the grid. +$grid-columns: 12; +//** Padding between columns. Gets divided in half for the left and right. +$grid-gutter-width: 30px; +// Navbar collapse +//** Point at which the navbar becomes uncollapsed. +$grid-float-breakpoint: $screen-sm-min; +//** Point at which the navbar begins collapsing. +$grid-float-breakpoint-max: ($grid-float-breakpoint - 1); + + +//== Container sizes +// +//## Define the maximum width of `.container` for different screen sizes. + +// Small screen / tablet +$container-tablet: (720px + $grid-gutter-width); +//** For `$screen-sm-min` and up. +$container-sm: $container-tablet; + +// Medium screen / desktop +$container-desktop: (940px + $grid-gutter-width); +//** For `$screen-md-min` and up. +$container-md: $container-desktop; + +// Large screen / wide desktop +$container-large-desktop: (1140px + $grid-gutter-width); +//** For `$screen-lg-min` and up. +$container-lg: $container-large-desktop; + + +//== Navbar +// +//## + +// Basics of a navbar +$navbar-height: 50px; +$navbar-margin-bottom: $line-height-computed; +$navbar-border-radius: $border-radius-base; +$navbar-padding-horizontal: floor(($grid-gutter-width / 2)); +$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2); +$navbar-collapse-max-height: 340px; + +$navbar-default-color: #fff; +$navbar-default-bg: $gray-darker; +$navbar-default-border: darken($navbar-default-bg, 6.5%); + +// Navbar links +$navbar-default-link-color: #fff; +$navbar-default-link-hover-color: #fff; +$navbar-default-link-hover-bg: darken($navbar-default-bg, 10%); +$navbar-default-link-active-color: $navbar-default-link-hover-color; +$navbar-default-link-active-bg: $navbar-default-link-hover-bg; +$navbar-default-link-disabled-color: #ccc; +$navbar-default-link-disabled-bg: transparent; + +// Navbar brand label +$navbar-default-brand-color: $navbar-default-link-color; +$navbar-default-brand-hover-color: #fff; +$navbar-default-brand-hover-bg: none; + +// Navbar toggle +$navbar-default-toggle-hover-bg: $navbar-default-link-hover-bg; +$navbar-default-toggle-icon-bar-bg: #fff; +$navbar-default-toggle-border-color: transparent; + + +// Inverted navbar +// Reset inverted navbar basics +$navbar-inverse-color: #fff; +$navbar-inverse-bg: $brand-primary; +$navbar-inverse-border: darken($navbar-inverse-bg, 10%); + +// Inverted navbar links +$navbar-inverse-link-color: #fff; +$navbar-inverse-link-hover-color: #fff; +$navbar-inverse-link-hover-bg: darken($navbar-inverse-bg, 10%); +$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color; +$navbar-inverse-link-active-bg: $navbar-inverse-link-hover-bg; +$navbar-inverse-link-disabled-color: #fff; +$navbar-inverse-link-disabled-bg: transparent; + +// Inverted navbar brand label +$navbar-inverse-brand-color: $navbar-inverse-link-color; +$navbar-inverse-brand-hover-color: #fff; +$navbar-inverse-brand-hover-bg: none; + +// Inverted navbar toggle +$navbar-inverse-toggle-hover-bg: $navbar-inverse-link-hover-bg; +$navbar-inverse-toggle-icon-bar-bg: #fff; +$navbar-inverse-toggle-border-color: transparent; + + +//== Navs +// +//## + +//=== Shared nav styles +$nav-link-padding: 10px 15px; +$nav-link-hover-bg: $gray-lighter; + +$nav-disabled-link-color: $gray-light; +$nav-disabled-link-hover-color: $gray-light; + +//== Tabs +$nav-tabs-border-color: #ddd; + +$nav-tabs-link-hover-border-color: $gray-lighter; + +$nav-tabs-active-link-hover-bg: $body-bg; +$nav-tabs-active-link-hover-color: $gray; +$nav-tabs-active-link-hover-border-color: #ddd; + +$nav-tabs-justified-link-border-color: #ddd; +$nav-tabs-justified-active-link-border-color: $body-bg; + +//== Pills +$nav-pills-border-radius: $border-radius-base; +$nav-pills-active-link-hover-bg: $component-active-bg; +$nav-pills-active-link-hover-color: $component-active-color; + + +//== Pagination +// +//## + +$pagination-color: $link-color; +$pagination-bg: #fff; +$pagination-border: #ddd; + +$pagination-hover-color: $link-hover-color; +$pagination-hover-bg: $gray-lighter; +$pagination-hover-border: #ddd; + +$pagination-active-color: $gray-light; +$pagination-active-bg: #f5f5f5; +$pagination-active-border: #ddd; + +$pagination-disabled-color: $gray-light; +$pagination-disabled-bg: #fff; +$pagination-disabled-border: #ddd; + + +//== Pager +// +//## + +$pager-bg: $pagination-bg; +$pager-border: $pagination-border; +$pager-border-radius: $border-radius-base; + +$pager-hover-bg: $pagination-hover-bg; + +$pager-active-bg: $pagination-active-bg; +$pager-active-color: $pagination-active-color; + +$pager-disabled-color: $gray-light; + + +//== Jumbotron +// +//## + +$jumbotron-padding: 30px; +$jumbotron-color: inherit; +$jumbotron-bg: $gray-lighter; +$jumbotron-heading-color: inherit; +$jumbotron-font-size: ceil(($font-size-base * 1.5)); + + +//== Form states and alerts +// +//## Define colors for form feedback states and, by default, alerts. + +$state-success-text: #fff; +$state-success-bg: $brand-success; +$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%); + +$state-info-text: #fff; +$state-info-bg: $brand-info; +$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%); + +$state-warning-text: #fff; +$state-warning-bg: $brand-warning; +$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 3%); + +$state-danger-text: #fff; +$state-danger-bg: $brand-danger; +$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 3%); + + +//== Tooltips +// +//## + +//** Tooltip max width +$tooltip-max-width: 200px; +//** Tooltip text color +$tooltip-color: #fff; +//** Tooltip background color +$tooltip-bg: rgba(0,0,0,.9); +$tooltip-opacity: .9; + +//** Tooltip arrow width +$tooltip-arrow-width: 5px; +//** Tooltip arrow color +$tooltip-arrow-color: $tooltip-bg; + + +//== Popovers +// +//## + +//** Popover body background color +$popover-bg: #fff; +//** Popover maximum width +$popover-max-width: 276px; +//** Popover border color +$popover-border-color: rgba(0,0,0,.2); +//** Popover fallback border color +$popover-fallback-border-color: #ccc; + +//** Popover title background color +$popover-title-bg: darken($popover-bg, 3%); + +//** Popover arrow width +$popover-arrow-width: 10px; +//** Popover arrow color +$popover-arrow-color: $popover-bg; + +//** Popover outer arrow width +$popover-arrow-outer-width: ($popover-arrow-width + 1); +//** Popover outer arrow color +$popover-arrow-outer-color: fadein($popover-border-color, 5%); +//** Popover outer arrow fallback color +$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%); + + +//== Labels +// +//## + +//** Default label background color +$label-default-bg: $btn-default-bg; +//** Primary label background color +$label-primary-bg: $brand-primary; +//** Success label background color +$label-success-bg: $brand-success; +//** Info label background color +$label-info-bg: $brand-info; +//** Warning label background color +$label-warning-bg: $brand-warning; +//** Danger label background color +$label-danger-bg: $brand-danger; + +//** Default label text color +$label-color: #fff; +//** Default text color of a linked label +$label-link-hover-color: #fff; + + +//== Modals +// +//## + +//** Padding applied to the modal body +$modal-inner-padding: 20px; + +//** Padding applied to the modal title +$modal-title-padding: 15px; +//** Modal title line-height +$modal-title-line-height: $line-height-base; + +//** Background color of modal content area +$modal-content-bg: #fff; +//** Modal content border color +$modal-content-border-color: transparent; +//** Modal content border color **for IE8** +$modal-content-fallback-border-color: #999; + +//** Modal backdrop background color +$modal-backdrop-bg: #000; +//** Modal backdrop opacity +$modal-backdrop-opacity: .5; +//** Modal header border color +$modal-header-border-color: #e5e5e5; +//** Modal footer border color +$modal-footer-border-color: $modal-header-border-color; + +$modal-lg: 900px; +$modal-md: 600px; +$modal-sm: 300px; + + +//== Alerts +// +//## Define alert colors, border radius, and padding. + +$alert-padding: 15px; +$alert-border-radius: $border-radius-base; +$alert-link-font-weight: bold; + +$alert-success-bg: $state-success-bg; +$alert-success-text: $state-success-text; +$alert-success-border: $state-success-border; + +$alert-info-bg: $state-info-bg; +$alert-info-text: $state-info-text; +$alert-info-border: $state-info-border; + +$alert-warning-bg: $state-warning-bg; +$alert-warning-text: $state-warning-text; +$alert-warning-border: $state-warning-border; + +$alert-danger-bg: $state-danger-bg; +$alert-danger-text: $state-danger-text; +$alert-danger-border: $state-danger-border; + + +//== Progress bars +// +//## + +//** Background color of the whole progress component +$progress-bg: #ccc; +//** Progress bar text color +$progress-bar-color: #fff; +//** Variable for setting rounded corners on progress bar. +$progress-border-radius: $border-radius-base; + +//** Default progress bar color +$progress-bar-bg: $brand-primary; +//** Success progress bar color +$progress-bar-success-bg: $brand-success; +//** Warning progress bar color +$progress-bar-warning-bg: $brand-warning; +//** Danger progress bar color +$progress-bar-danger-bg: $brand-danger; +//** Info progress bar color +$progress-bar-info-bg: $brand-info; + + +//== List group +// +//## + +//** Background color on `.list-group-item` +$list-group-bg: #fff; +//** `.list-group-item` border color +$list-group-border: #ddd; +//** List group border radius +$list-group-border-radius: $border-radius-base; + +//** Background color of single list items on hover +$list-group-hover-bg: #f5f5f5; +//** Text color of active list items +$list-group-active-color: $component-active-color; +//** Background color of active list items +$list-group-active-bg: $component-active-bg; +//** Border color of active list elements +$list-group-active-border: $list-group-border; +//** Text color for content within active list items +$list-group-active-text-color: lighten($list-group-active-bg, 40%); + +//** Text color of disabled list items +$list-group-disabled-color: $gray-light; +//** Background color of disabled list items +$list-group-disabled-bg: $gray-lighter; +//** Text color for content within disabled list items +$list-group-disabled-text-color: $list-group-disabled-color; + +$list-group-link-color: #555; +$list-group-link-hover-color: $list-group-link-color; +$list-group-link-heading-color: #333; + + +//== Panels +// +//## + +$panel-bg: #fff; +$panel-body-padding: 15px; +$panel-heading-padding: 10px 15px; +$panel-footer-padding: $panel-heading-padding; +$panel-border-radius: $border-radius-base; + +//** Border color for elements within panels +$panel-inner-border: #ddd; +$panel-footer-bg: #f5f5f5; + +$panel-default-text: $gray-dark; +$panel-default-border: #ddd; +$panel-default-heading-bg: #f5f5f5; + +$panel-primary-text: #fff; +$panel-primary-border: $brand-primary; +$panel-primary-heading-bg: $brand-primary; + +$panel-success-text: $state-success-text; +$panel-success-border: $state-success-border; +$panel-success-heading-bg: $state-success-bg; + +$panel-info-text: $state-info-text; +$panel-info-border: $state-info-border; +$panel-info-heading-bg: $state-info-bg; + +$panel-warning-text: $state-warning-text; +$panel-warning-border: $state-warning-border; +$panel-warning-heading-bg: $state-warning-bg; + +$panel-danger-text: $state-danger-text; +$panel-danger-border: $state-danger-border; +$panel-danger-heading-bg: $state-danger-bg; + + +//== Thumbnails +// +//## + +//** Padding around the thumbnail image +$thumbnail-padding: 4px; +//** Thumbnail background color +$thumbnail-bg: $body-bg; +//** Thumbnail border color +$thumbnail-border: #ddd; +//** Thumbnail border radius +$thumbnail-border-radius: $border-radius-base; + +//** Custom text color for thumbnail captions +$thumbnail-caption-color: $text-color; +//** Padding around the thumbnail caption +$thumbnail-caption-padding: 9px; + + +//== Wells +// +//## + +$well-bg: #f5f5f5; +$well-border: darken($well-bg, 7%); + + +//== Badges +// +//## + +$badge-color: #fff; +//** Linked badge text color on hover +$badge-link-hover-color: #fff; +$badge-bg: $brand-primary; + +//** Badge text color in active nav link +$badge-active-color: $link-color; +//** Badge background color in active nav link +$badge-active-bg: #fff; + +$badge-font-weight: bold; +$badge-line-height: 1; +$badge-border-radius: 10px; + + +//== Breadcrumbs +// +//## + +$breadcrumb-padding-vertical: 8px; +$breadcrumb-padding-horizontal: 15px; +//** Breadcrumb background color +$breadcrumb-bg: #f5f5f5; +//** Breadcrumb text color +$breadcrumb-color: #ccc; +//** Text color of current page in the breadcrumb +$breadcrumb-active-color: $gray-light; +//** Textual separator for between breadcrumb elements +$breadcrumb-separator: "/"; + + +//== Carousel +// +//## + +$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); + +$carousel-control-color: #fff; +$carousel-control-width: 15%; +$carousel-control-opacity: .5; +$carousel-control-font-size: 20px; + +$carousel-indicator-active-bg: #fff; +$carousel-indicator-border-color: #fff; + +$carousel-caption-color: #fff; + + +//== Close +// +//## + +$close-font-weight: bold; +$close-color: #fff; +$close-text-shadow: 0 1px 0 #fff; + + +//== Code +// +//## + +$code-color: #c7254e; +$code-bg: #f9f2f4; + +$kbd-color: #fff; +$kbd-bg: #333; + +$pre-bg: #f5f5f5; +$pre-color: $gray-dark; +$pre-border-color: #ccc; +$pre-scrollable-max-height: 340px; + + +//== Type +// +//## + +//** Horizontal offset for forms and lists. +$component-offset-horizontal: 180px; +//** Text muted color +$text-muted: $gray-light; +//** Abbreviations and acronyms border color +$abbr-border-color: $gray-light; +//** Headings small color +$headings-small-color: $gray-light; +//** Blockquote small color +$blockquote-small-color: $gray-light; +//** Blockquote font size +$blockquote-font-size: ($font-size-base * 1.25); +//** Blockquote border color +$blockquote-border-color: $gray-lighter; +//** Page header border color +$page-header-border-color: $gray-lighter; +//** Width of horizontal description list titles +$dl-horizontal-offset: $component-offset-horizontal; +//** Horizontal line color. +$hr-border: $gray-lighter; diff --git a/cosmo/variables.less b/cosmo/variables.less index 4c2ac524..71f4018d 100644 --- a/cosmo/variables.less +++ b/cosmo/variables.less @@ -236,7 +236,7 @@ //** Hover color for dropdown links. @dropdown-link-hover-color: #fff; //** Hover background for dropdown links. -@dropdown-link-hover-bg: @dropdown-link-active-bg; +@dropdown-link-hover-bg: @component-active-bg; //** Active dropdown menu item text color. @dropdown-link-active-color: #fff; @@ -244,10 +244,10 @@ @dropdown-link-active-bg: @component-active-bg; //** Disabled dropdown menu item background color. -@dropdown-link-disabled-color: @text-muted; +@dropdown-link-disabled-color: @gray-light; //** Text color for headers within dropdown menus. -@dropdown-header-color: @text-muted; +@dropdown-header-color: @gray-light; //** Deprecated `@dropdown-caret-color` as of v3.1.0 @dropdown-caret-color: #000; diff --git a/custom/_bootswatch.scss b/custom/_bootswatch.scss new file mode 100644 index 00000000..617ddc50 --- /dev/null +++ b/custom/_bootswatch.scss @@ -0,0 +1,22 @@ +// Custom 3.3.0 +// Bootswatch +// ----------------------------------------------------- + + +// Navbar ===================================================================== + +// Buttons ==================================================================== + +// Typography ================================================================= + +// Tables ===================================================================== + +// Forms ====================================================================== + +// Navs ======================================================================= + +// Indicators ================================================================= + +// Progress bars ============================================================== + +// Containers ================================================================= diff --git a/custom/_variables.scss b/custom/_variables.scss new file mode 100644 index 00000000..7669c525 --- /dev/null +++ b/custom/_variables.scss @@ -0,0 +1,856 @@ +// Custom 3.3.0 +// Variables +// -------------------------------------------------- + + +//== Colors +// +//## Gray and brand colors for use across Bootstrap. + +$gray-base: #000; +$gray-darker: lighten($gray-base, 13.5%); // #222 +$gray-dark: lighten($gray-base, 20%); // #333 +$gray: lighten($gray-base, 33.5%); // #555 +$gray-light: lighten($gray-base, 46.7%); // #777 +$gray-lighter: lighten($gray-base, 93.5%); // #eee + +$brand-primary: #428bca; +$brand-success: #5cb85c; +$brand-info: #5bc0de; +$brand-warning: #f0ad4e; +$brand-danger: #d9534f; + + +//== Scaffolding +// +//## Settings for some of the most global styles. + +//** Background color for `<body>`. +$body-bg: #fff; +//** Global text color on `<body>`. +$text-color: $gray-dark; + +//** Global textual link color. +$link-color: $brand-primary; +//** Link hover color set via `darken()` function. +$link-hover-color: darken($link-color, 15%); +//** Link hover decoration. +$link-hover-decoration: underline; + + +//== Typography +// +//## Font, line-height, and color for body text, headings, and more. + +$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif; +$font-family-serif: Georgia, "Times New Roman", Times, serif; +//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. +$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; +$font-family-base: $font-family-sans-serif; + +$font-size-base: 14px; +$font-size-large: ceil(($font-size-base * 1.25)); // ~18px +$font-size-small: ceil(($font-size-base * 0.85)); // ~12px + +$font-size-h1: floor(($font-size-base * 2.6)); // ~36px +$font-size-h2: floor(($font-size-base * 2.15)); // ~30px +$font-size-h3: ceil(($font-size-base * 1.7)); // ~24px +$font-size-h4: ceil(($font-size-base * 1.25)); // ~18px +$font-size-h5: $font-size-base; +$font-size-h6: ceil(($font-size-base * 0.85)); // ~12px + +//** Unit-less `line-height` for use in components like buttons. +$line-height-base: 1.428571429; // 20/14 +//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. +$line-height-computed: floor(($font-size-base * $line-height-base)); // ~20px + +//** By default, this inherits from the `<body>`. +$headings-font-family: inherit; +$headings-font-weight: 500; +$headings-line-height: 1.1; +$headings-color: inherit; + + +//== Iconography +// +//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. + +//** Load fonts from this directory. +$icon-font-path: "../fonts/"; +//** File name for all font files. +$icon-font-name: "glyphicons-halflings-regular"; +//** Element ID within SVG icon file. +$icon-font-svg-id: "glyphicons_halflingsregular"; + + +//== Components +// +//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). + +$padding-base-vertical: 6px; +$padding-base-horizontal: 12px; + +$padding-large-vertical: 10px; +$padding-large-horizontal: 16px; + +$padding-small-vertical: 5px; +$padding-small-horizontal: 10px; + +$padding-xs-vertical: 1px; +$padding-xs-horizontal: 5px; + +$line-height-large: 1.33; +$line-height-small: 1.5; + +$border-radius-base: 4px; +$border-radius-large: 6px; +$border-radius-small: 3px; + +//** Global color for active items (e.g., navs or dropdowns). +$component-active-color: #fff; +//** Global background color for active items (e.g., navs or dropdowns). +$component-active-bg: $brand-primary; + +//** Width of the `border` for generating carets that indicator dropdowns. +$caret-width-base: 4px; +//** Carets increase slightly in size for larger components. +$caret-width-large: 5px; + + +//== Tables +// +//## Customizes the `.table` component with basic values, each used across all table variations. + +//** Padding for `<th>`s and `<td>`s. +$table-cell-padding: 8px; +//** Padding for cells in `.table-condensed`. +$table-condensed-cell-padding: 5px; + +//** Default background color used for all tables. +$table-bg: transparent; +//** Background color used for `.table-striped`. +$table-bg-accent: #f9f9f9; +//** Background color used for `.table-hover`. +$table-bg-hover: #f5f5f5; +$table-bg-active: $table-bg-hover; + +//** Border color for table and cell borders. +$table-border-color: #ddd; + + +//== Buttons +// +//## For each of Bootstrap's buttons, define text, background and border color. + +$btn-font-weight: normal; + +$btn-default-color: #333; +$btn-default-bg: #fff; +$btn-default-border: #ccc; + +$btn-primary-color: #fff; +$btn-primary-bg: $brand-primary; +$btn-primary-border: darken($btn-primary-bg, 5%); + +$btn-success-color: #fff; +$btn-success-bg: $brand-success; +$btn-success-border: darken($btn-success-bg, 5%); + +$btn-info-color: #fff; +$btn-info-bg: $brand-info; +$btn-info-border: darken($btn-info-bg, 5%); + +$btn-warning-color: #fff; +$btn-warning-bg: $brand-warning; +$btn-warning-border: darken($btn-warning-bg, 5%); + +$btn-danger-color: #fff; +$btn-danger-bg: $brand-danger; +$btn-danger-border: darken($btn-danger-bg, 5%); + +$btn-link-disabled-color: $gray-light; + + +//== Forms +// +//## + +//** `<input>` background color +$input-bg: #fff; +//** `<input disabled>` background color +$input-bg-disabled: $gray-lighter; + +//** Text color for `<input>`s +$input-color: $gray; +//** `<input>` border color +$input-border: #ccc; + +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 +//** Default `.form-control` border radius +$input-border-radius: $border-radius-base; +//** Large `.form-control` border radius +$input-border-radius-large: $border-radius-large; +//** Small `.form-control` border radius +$input-border-radius-small: $border-radius-small; + +//** Border color for inputs on focus +$input-border-focus: #66afe9; + +//** Placeholder text color +$input-color-placeholder: #999; + +//** Default `.form-control` height +$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2); +//** Large `.form-control` height +$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2); +//** Small `.form-control` height +$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2); + +$legend-color: $gray-dark; +$legend-border-color: #e5e5e5; + +//** Background color for textual input addons +$input-group-addon-bg: $gray-lighter; +//** Border color for textual input addons +$input-group-addon-border-color: $input-border; + +//** Disabled cursor for form controls and buttons. +$cursor-disabled: not-allowed; + + +//== Dropdowns +// +//## Dropdown menu container and contents. + +//** Background for the dropdown menu. +$dropdown-bg: #fff; +//** Dropdown menu `border-color`. +$dropdown-border: rgba(0,0,0,.15); +//** Dropdown menu `border-color` **for IE8**. +$dropdown-fallback-border: #ccc; +//** Divider color for between dropdown items. +$dropdown-divider-bg: #e5e5e5; + +//** Dropdown link text color. +$dropdown-link-color: $gray-dark; +//** Hover color for dropdown links. +$dropdown-link-hover-color: darken($gray-dark, 5%); +//** Hover background for dropdown links. +$dropdown-link-hover-bg: #f5f5f5; + +//** Active dropdown menu item text color. +$dropdown-link-active-color: $component-active-color; +//** Active dropdown menu item background color. +$dropdown-link-active-bg: $component-active-bg; + +//** Disabled dropdown menu item background color. +$dropdown-link-disabled-color: $gray-light; + +//** Text color for headers within dropdown menus. +$dropdown-header-color: $gray-light; + +//** Deprecated `$dropdown-caret-color` as of v3.1.0 +$dropdown-caret-color: #000; + + +//-- Z-index master list +// +// Warning: Avoid customizing these values. They're used for a bird's eye view +// of components dependent on the z-axis and are designed to all work together. +// +// Note: These variables are not generated into the Customizer. + +$zindex-navbar: 1000; +$zindex-dropdown: 1000; +$zindex-popover: 1060; +$zindex-tooltip: 1070; +$zindex-navbar-fixed: 1030; +$zindex-modal: 1040; + + +//== Media queries breakpoints +// +//## Define the breakpoints at which your layout will change, adapting to different screen sizes. + +// Extra small screen / phone +//** Deprecated `$screen-xs` as of v3.0.1 +$screen-xs: 480px; +//** Deprecated `$screen-xs-min` as of v3.2.0 +$screen-xs-min: $screen-xs; +//** Deprecated `$screen-phone` as of v3.0.1 +$screen-phone: $screen-xs-min; + +// Small screen / tablet +//** Deprecated `$screen-sm` as of v3.0.1 +$screen-sm: 768px; +$screen-sm-min: $screen-sm; +//** Deprecated `$screen-tablet` as of v3.0.1 +$screen-tablet: $screen-sm-min; + +// Medium screen / desktop +//** Deprecated `$screen-md` as of v3.0.1 +$screen-md: 992px; +$screen-md-min: $screen-md; +//** Deprecated `$screen-desktop` as of v3.0.1 +$screen-desktop: $screen-md-min; + +// Large screen / wide desktop +//** Deprecated `$screen-lg` as of v3.0.1 +$screen-lg: 1200px; +$screen-lg-min: $screen-lg; +//** Deprecated `$screen-lg-desktop` as of v3.0.1 +$screen-lg-desktop: $screen-lg-min; + +// So media queries don't overlap when required, provide a maximum +$screen-xs-max: ($screen-sm-min - 1); +$screen-sm-max: ($screen-md-min - 1); +$screen-md-max: ($screen-lg-min - 1); + + +//== Grid system +// +//## Define your custom responsive grid. + +//** Number of columns in the grid. +$grid-columns: 12; +//** Padding between columns. Gets divided in half for the left and right. +$grid-gutter-width: 30px; +// Navbar collapse +//** Point at which the navbar becomes uncollapsed. +$grid-float-breakpoint: $screen-sm-min; +//** Point at which the navbar begins collapsing. +$grid-float-breakpoint-max: ($grid-float-breakpoint - 1); + + +//== Container sizes +// +//## Define the maximum width of `.container` for different screen sizes. + +// Small screen / tablet +$container-tablet: (720px + $grid-gutter-width); +//** For `$screen-sm-min` and up. +$container-sm: $container-tablet; + +// Medium screen / desktop +$container-desktop: (940px + $grid-gutter-width); +//** For `$screen-md-min` and up. +$container-md: $container-desktop; + +// Large screen / wide desktop +$container-large-desktop: (1140px + $grid-gutter-width); +//** For `$screen-lg-min` and up. +$container-lg: $container-large-desktop; + + +//== Navbar +// +//## + +// Basics of a navbar +$navbar-height: 50px; +$navbar-margin-bottom: $line-height-computed; +$navbar-border-radius: $border-radius-base; +$navbar-padding-horizontal: floor(($grid-gutter-width / 2)); +$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2); +$navbar-collapse-max-height: 340px; + +$navbar-default-color: #777; +$navbar-default-bg: #f8f8f8; +$navbar-default-border: darken($navbar-default-bg, 6.5%); + +// Navbar links +$navbar-default-link-color: #777; +$navbar-default-link-hover-color: #333; +$navbar-default-link-hover-bg: transparent; +$navbar-default-link-active-color: #555; +$navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%); +$navbar-default-link-disabled-color: #ccc; +$navbar-default-link-disabled-bg: transparent; + +// Navbar brand label +$navbar-default-brand-color: $navbar-default-link-color; +$navbar-default-brand-hover-color: darken($navbar-default-brand-color, 10%); +$navbar-default-brand-hover-bg: transparent; + +// Navbar toggle +$navbar-default-toggle-hover-bg: #ddd; +$navbar-default-toggle-icon-bar-bg: #888; +$navbar-default-toggle-border-color: #ddd; + + +// Inverted navbar +// Reset inverted navbar basics +$navbar-inverse-color: lighten($gray-light, 15%); +$navbar-inverse-bg: #222; +$navbar-inverse-border: darken($navbar-inverse-bg, 10%); + +// Inverted navbar links +$navbar-inverse-link-color: lighten($gray-light, 15%); +$navbar-inverse-link-hover-color: #fff; +$navbar-inverse-link-hover-bg: transparent; +$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color; +$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%); +$navbar-inverse-link-disabled-color: #444; +$navbar-inverse-link-disabled-bg: transparent; + +// Inverted navbar brand label +$navbar-inverse-brand-color: $navbar-inverse-link-color; +$navbar-inverse-brand-hover-color: #fff; +$navbar-inverse-brand-hover-bg: transparent; + +// Inverted navbar toggle +$navbar-inverse-toggle-hover-bg: #333; +$navbar-inverse-toggle-icon-bar-bg: #fff; +$navbar-inverse-toggle-border-color: #333; + + +//== Navs +// +//## + +//=== Shared nav styles +$nav-link-padding: 10px 15px; +$nav-link-hover-bg: $gray-lighter; + +$nav-disabled-link-color: $gray-light; +$nav-disabled-link-hover-color: $gray-light; + +//== Tabs +$nav-tabs-border-color: #ddd; + +$nav-tabs-link-hover-border-color: $gray-lighter; + +$nav-tabs-active-link-hover-bg: $body-bg; +$nav-tabs-active-link-hover-color: $gray; +$nav-tabs-active-link-hover-border-color: #ddd; + +$nav-tabs-justified-link-border-color: #ddd; +$nav-tabs-justified-active-link-border-color: $body-bg; + +//== Pills +$nav-pills-border-radius: $border-radius-base; +$nav-pills-active-link-hover-bg: $component-active-bg; +$nav-pills-active-link-hover-color: $component-active-color; + + +//== Pagination +// +//## + +$pagination-color: $link-color; +$pagination-bg: #fff; +$pagination-border: #ddd; + +$pagination-hover-color: $link-hover-color; +$pagination-hover-bg: $gray-lighter; +$pagination-hover-border: #ddd; + +$pagination-active-color: #fff; +$pagination-active-bg: $brand-primary; +$pagination-active-border: $brand-primary; + +$pagination-disabled-color: $gray-light; +$pagination-disabled-bg: #fff; +$pagination-disabled-border: #ddd; + + +//== Pager +// +//## + +$pager-bg: $pagination-bg; +$pager-border: $pagination-border; +$pager-border-radius: 15px; + +$pager-hover-bg: $pagination-hover-bg; + +$pager-active-bg: $pagination-active-bg; +$pager-active-color: $pagination-active-color; + +$pager-disabled-color: $pagination-disabled-color; + + +//== Jumbotron +// +//## + +$jumbotron-padding: 30px; +$jumbotron-color: inherit; +$jumbotron-bg: $gray-lighter; +$jumbotron-heading-color: inherit; +$jumbotron-font-size: ceil(($font-size-base * 1.5)); + + +//== Form states and alerts +// +//## Define colors for form feedback states and, by default, alerts. + +$state-success-text: #3c763d; +$state-success-bg: #dff0d8; +$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%); + +$state-info-text: #31708f; +$state-info-bg: #d9edf7; +$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%); + +$state-warning-text: #8a6d3b; +$state-warning-bg: #fcf8e3; +$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%); + +$state-danger-text: #a94442; +$state-danger-bg: #f2dede; +$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%); + + +//== Tooltips +// +//## + +//** Tooltip max width +$tooltip-max-width: 200px; +//** Tooltip text color +$tooltip-color: #fff; +//** Tooltip background color +$tooltip-bg: #000; +$tooltip-opacity: .9; + +//** Tooltip arrow width +$tooltip-arrow-width: 5px; +//** Tooltip arrow color +$tooltip-arrow-color: $tooltip-bg; + + +//== Popovers +// +//## + +//** Popover body background color +$popover-bg: #fff; +//** Popover maximum width +$popover-max-width: 276px; +//** Popover border color +$popover-border-color: rgba(0,0,0,.2); +//** Popover fallback border color +$popover-fallback-border-color: #ccc; + +//** Popover title background color +$popover-title-bg: darken($popover-bg, 3%); + +//** Popover arrow width +$popover-arrow-width: 10px; +//** Popover arrow color +$popover-arrow-color: $popover-bg; + +//** Popover outer arrow width +$popover-arrow-outer-width: ($popover-arrow-width + 1); +//** Popover outer arrow color +$popover-arrow-outer-color: fadein($popover-border-color, 5%); +//** Popover outer arrow fallback color +$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%); + + +//== Labels +// +//## + +//** Default label background color +$label-default-bg: $gray-light; +//** Primary label background color +$label-primary-bg: $brand-primary; +//** Success label background color +$label-success-bg: $brand-success; +//** Info label background color +$label-info-bg: $brand-info; +//** Warning label background color +$label-warning-bg: $brand-warning; +//** Danger label background color +$label-danger-bg: $brand-danger; + +//** Default label text color +$label-color: #fff; +//** Default text color of a linked label +$label-link-hover-color: #fff; + + +//== Modals +// +//## + +//** Padding applied to the modal body +$modal-inner-padding: 15px; + +//** Padding applied to the modal title +$modal-title-padding: 15px; +//** Modal title line-height +$modal-title-line-height: $line-height-base; + +//** Background color of modal content area +$modal-content-bg: #fff; +//** Modal content border color +$modal-content-border-color: rgba(0,0,0,.2); +//** Modal content border color **for IE8** +$modal-content-fallback-border-color: #999; + +//** Modal backdrop background color +$modal-backdrop-bg: #000; +//** Modal backdrop opacity +$modal-backdrop-opacity: .5; +//** Modal header border color +$modal-header-border-color: #e5e5e5; +//** Modal footer border color +$modal-footer-border-color: $modal-header-border-color; + +$modal-lg: 900px; +$modal-md: 600px; +$modal-sm: 300px; + + +//== Alerts +// +//## Define alert colors, border radius, and padding. + +$alert-padding: 15px; +$alert-border-radius: $border-radius-base; +$alert-link-font-weight: bold; + +$alert-success-bg: $state-success-bg; +$alert-success-text: $state-success-text; +$alert-success-border: $state-success-border; + +$alert-info-bg: $state-info-bg; +$alert-info-text: $state-info-text; +$alert-info-border: $state-info-border; + +$alert-warning-bg: $state-warning-bg; +$alert-warning-text: $state-warning-text; +$alert-warning-border: $state-warning-border; + +$alert-danger-bg: $state-danger-bg; +$alert-danger-text: $state-danger-text; +$alert-danger-border: $state-danger-border; + + +//== Progress bars +// +//## + +//** Background color of the whole progress component +$progress-bg: #f5f5f5; +//** Progress bar text color +$progress-bar-color: #fff; +//** Variable for setting rounded corners on progress bar. +$progress-border-radius: $border-radius-base; + +//** Default progress bar color +$progress-bar-bg: $brand-primary; +//** Success progress bar color +$progress-bar-success-bg: $brand-success; +//** Warning progress bar color +$progress-bar-warning-bg: $brand-warning; +//** Danger progress bar color +$progress-bar-danger-bg: $brand-danger; +//** Info progress bar color +$progress-bar-info-bg: $brand-info; + + +//== List group +// +//## + +//** Background color on `.list-group-item` +$list-group-bg: #fff; +//** `.list-group-item` border color +$list-group-border: #ddd; +//** List group border radius +$list-group-border-radius: $border-radius-base; + +//** Background color of single list items on hover +$list-group-hover-bg: #f5f5f5; +//** Text color of active list items +$list-group-active-color: $component-active-color; +//** Background color of active list items +$list-group-active-bg: $component-active-bg; +//** Border color of active list elements +$list-group-active-border: $list-group-active-bg; +//** Text color for content within active list items +$list-group-active-text-color: lighten($list-group-active-bg, 40%); + +//** Text color of disabled list items +$list-group-disabled-color: $gray-light; +//** Background color of disabled list items +$list-group-disabled-bg: $gray-lighter; +//** Text color for content within disabled list items +$list-group-disabled-text-color: $list-group-disabled-color; + +$list-group-link-color: #555; +$list-group-link-hover-color: $list-group-link-color; +$list-group-link-heading-color: #333; + + +//== Panels +// +//## + +$panel-bg: #fff; +$panel-body-padding: 15px; +$panel-heading-padding: 10px 15px; +$panel-footer-padding: $panel-heading-padding; +$panel-border-radius: $border-radius-base; + +//** Border color for elements within panels +$panel-inner-border: #ddd; +$panel-footer-bg: #f5f5f5; + +$panel-default-text: $gray-dark; +$panel-default-border: #ddd; +$panel-default-heading-bg: #f5f5f5; + +$panel-primary-text: #fff; +$panel-primary-border: $brand-primary; +$panel-primary-heading-bg: $brand-primary; + +$panel-success-text: $state-success-text; +$panel-success-border: $state-success-border; +$panel-success-heading-bg: $state-success-bg; + +$panel-info-text: $state-info-text; +$panel-info-border: $state-info-border; +$panel-info-heading-bg: $state-info-bg; + +$panel-warning-text: $state-warning-text; +$panel-warning-border: $state-warning-border; +$panel-warning-heading-bg: $state-warning-bg; + +$panel-danger-text: $state-danger-text; +$panel-danger-border: $state-danger-border; +$panel-danger-heading-bg: $state-danger-bg; + + +//== Thumbnails +// +//## + +//** Padding around the thumbnail image +$thumbnail-padding: 4px; +//** Thumbnail background color +$thumbnail-bg: $body-bg; +//** Thumbnail border color +$thumbnail-border: #ddd; +//** Thumbnail border radius +$thumbnail-border-radius: $border-radius-base; + +//** Custom text color for thumbnail captions +$thumbnail-caption-color: $text-color; +//** Padding around the thumbnail caption +$thumbnail-caption-padding: 9px; + + +//== Wells +// +//## + +$well-bg: #f5f5f5; +$well-border: darken($well-bg, 7%); + + +//== Badges +// +//## + +$badge-color: #fff; +//** Linked badge text color on hover +$badge-link-hover-color: #fff; +$badge-bg: $gray-light; + +//** Badge text color in active nav link +$badge-active-color: $link-color; +//** Badge background color in active nav link +$badge-active-bg: #fff; + +$badge-font-weight: bold; +$badge-line-height: 1; +$badge-border-radius: 10px; + + +//== Breadcrumbs +// +//## + +$breadcrumb-padding-vertical: 8px; +$breadcrumb-padding-horizontal: 15px; +//** Breadcrumb background color +$breadcrumb-bg: #f5f5f5; +//** Breadcrumb text color +$breadcrumb-color: #ccc; +//** Text color of current page in the breadcrumb +$breadcrumb-active-color: $gray-light; +//** Textual separator for between breadcrumb elements +$breadcrumb-separator: "/"; + + +//== Carousel +// +//## + +$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); + +$carousel-control-color: #fff; +$carousel-control-width: 15%; +$carousel-control-opacity: .5; +$carousel-control-font-size: 20px; + +$carousel-indicator-active-bg: #fff; +$carousel-indicator-border-color: #fff; + +$carousel-caption-color: #fff; + + +//== Close +// +//## + +$close-font-weight: bold; +$close-color: #000; +$close-text-shadow: 0 1px 0 #fff; + + +//== Code +// +//## + +$code-color: #c7254e; +$code-bg: #f9f2f4; + +$kbd-color: #fff; +$kbd-bg: #333; + +$pre-bg: #f5f5f5; +$pre-color: $gray-dark; +$pre-border-color: #ccc; +$pre-scrollable-max-height: 340px; + + +//== Type +// +//## + +//** Horizontal offset for forms and lists. +$component-offset-horizontal: 180px; +//** Text muted color +$text-muted: $gray-light; +//** Abbreviations and acronyms border color +$abbr-border-color: $gray-light; +//** Headings small color +$headings-small-color: $gray-light; +//** Blockquote small color +$blockquote-small-color: $gray-light; +//** Blockquote font size +$blockquote-font-size: ($font-size-base * 1.25); +//** Blockquote border color +$blockquote-border-color: $gray-lighter; +//** Page header border color +$page-header-border-color: $gray-lighter; +//** Width of horizontal description list titles +$dl-horizontal-offset: $component-offset-horizontal; +//** Horizontal line color. +$hr-border: $gray-lighter; diff --git a/cyborg/_bootswatch.scss b/cyborg/_bootswatch.scss new file mode 100644 index 00000000..378fad40 --- /dev/null +++ b/cyborg/_bootswatch.scss @@ -0,0 +1,210 @@ +// Cyborg 3.3.0 +// Bootswatch +// ----------------------------------------------------- + +@import url("//fonts.googleapis.com/css?family=Roboto:400,700"); + +// Navbar ===================================================================== + +// Buttons ==================================================================== + +// Typography ================================================================= + +.text-primary, +.text-primary:hover { + color: $brand-primary; +} + +.text-success, +.text-success:hover { + color: $brand-success; +} + +.text-danger, +.text-danger:hover { + color: $brand-danger; +} + +.text-warning, +.text-warning:hover { + color: $brand-warning; +} + +.text-info, +.text-info:hover { + color: $brand-info; +} + +// Tables ===================================================================== + +table, +.table { + color: #fff; + + a:not(.btn) { + color: #fff; + text-decoration: underline; + } + + .dropdown-menu a { + text-decoration: none; + } + + .text-muted { + color: $text-muted; + } +} + +.table-responsive > .table { + background-color: $table-bg; +} + +// Forms ====================================================================== + +.has-warning { + .help-block, + .control-label, + .form-control-feedback { + color: $brand-warning; + } + + .form-control, + .form-control:focus, + .input-group-addon { + border-color: $brand-warning; + } +} + +.has-error { + .help-block, + .control-label, + .form-control-feedback { + color: $brand-danger; + } + + .form-control, + .form-control:focus, + .input-group-addon { + border-color: $brand-danger; + } +} + +.has-success { + .help-block, + .control-label, + .form-control-feedback { + color: $brand-success; + } + + .form-control, + .form-control:focus, + .input-group-addon { + border-color: $brand-success; + } +} + +legend { + color: #fff; +} + +.input-group-addon { + background-color: $btn-default-bg; +} + +// Navs ======================================================================= + +.nav-tabs, +.nav-pills, +.breadcrumb, +.pager { + + a { + color: #fff; + } +} + +// Indicators ================================================================= + +.alert { + + .alert-link, + a { + color: $alert-warning-text; + text-decoration: underline; + } + + .close { + text-decoration: none; + } +} + +.close { + color: #fff; + text-decoration: none; + opacity: 0.4; + + &:hover, + &:focus { + color: #fff; + opacity: 1; + } +} + +// Progress bars ============================================================== + +// Containers ================================================================= + +a.thumbnail:hover, +a.thumbnail:focus, +a.thumbnail.active { + border-color: $thumbnail-border; +} + +a.list-group-item { + + &.active, + &.active:hover, + &.active:focus { + border-color: $list-group-border; + } + + &-success { + &.active { + background-color: $state-success-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-success-bg, 5%); + } + } + + &-warning { + &.active { + background-color: $state-warning-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-warning-bg, 5%); + } + } + + &-danger { + &.active { + background-color: $state-danger-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-danger-bg, 5%); + } + } +} + +.jumbotron { + + h1, h2, h3, h4, h5, h6 { + color: #fff; + } +}
\ No newline at end of file diff --git a/cyborg/_variables.scss b/cyborg/_variables.scss new file mode 100644 index 00000000..4d2b031a --- /dev/null +++ b/cyborg/_variables.scss @@ -0,0 +1,856 @@ +// Cyborg 3.3.0 +// Variables +// -------------------------------------------------- + + +//== Colors +// +//## Gray and brand colors for use across Bootstrap. + +$gray-base: #000; +$gray-darker: #222; // #222 +$gray-dark: #282828; // #333 +$gray: #555; // #555 +$gray-light: #888; // #999 +$gray-lighter: #ADAFAE; // #eee + +$brand-primary: #2A9FD6; +$brand-success: #77B300; +$brand-info: #9933CC; +$brand-warning: #FF8800; +$brand-danger: #CC0000; + + +//== Scaffolding +// +//## Settings for some of the most global styles. + +//** Background color for `<body>`. +$body-bg: #060606; +//** Global text color on `<body>`. +$text-color: $gray-light; + +//** Global textual link color. +$link-color: $brand-primary; +//** Link hover color set via `darken()` function. +$link-hover-color: $link-color; +//** Link hover decoration. +$link-hover-decoration: underline; + + +//== Typography +// +//## Font, line-height, and color for body text, headings, and more. + +$font-family-sans-serif: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; +$font-family-serif: Georgia, "Times New Roman", Times, serif; +//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. +$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; +$font-family-base: $font-family-sans-serif; + +$font-size-base: 14px; +$font-size-large: ceil(($font-size-base * 1.25)); // ~18px +$font-size-small: ceil(($font-size-base * 0.85)); // ~12px + +$font-size-h1: 56px; +$font-size-h2: 45px; +$font-size-h3: 34px; +$font-size-h4: 24px; +$font-size-h5: 20px; +$font-size-h6: 16px; + +//** Unit-less `line-height` for use in components like buttons. +$line-height-base: 1.428571429; // 20/14 +//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. +$line-height-computed: floor(($font-size-base * $line-height-base)); // ~20px + +//** By default, this inherits from the `<body>`. +$headings-font-family: $font-family-base; +$headings-font-weight: 500; +$headings-line-height: 1.1; +$headings-color: #fff; + + +//== Iconography +// +//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. + +//** Load fonts from this directory. +$icon-font-path: "../fonts/"; +//** File name for all font files. +$icon-font-name: "glyphicons-halflings-regular"; +//** Element ID within SVG icon file. +$icon-font-svg-id: "glyphicons_halflingsregular"; + + +//== Components +// +//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). + +$padding-base-vertical: 8px; +$padding-base-horizontal: 12px; + +$padding-large-vertical: 14px; +$padding-large-horizontal: 16px; + +$padding-small-vertical: 5px; +$padding-small-horizontal: 10px; + +$padding-xs-vertical: 1px; +$padding-xs-horizontal: 5px; + +$line-height-large: 1.33; +$line-height-small: 1.5; + +$border-radius-base: 4px; +$border-radius-large: 6px; +$border-radius-small: 3px; + +//** Global color for active items (e.g., navs or dropdowns). +$component-active-color: #fff; +//** Global background color for active items (e.g., navs or dropdowns). +$component-active-bg: $brand-primary; + +//** Width of the `border` for generating carets that indicator dropdowns. +$caret-width-base: 4px; +//** Carets increase slightly in size for larger components. +$caret-width-large: 5px; + + +//== Tables +// +//## Customizes the `.table` component with basic values, each used across all table variations. + +//** Padding for `<th>`s and `<td>`s. +$table-cell-padding: 8px; +//** Padding for cells in `.table-condensed`. +$table-condensed-cell-padding: 5px; + +//** Default background color used for all tables. +$table-bg: darken($gray-darker, 4%); +//** Background color used for `.table-striped`. +$table-bg-accent: darken($table-bg, 6%); +//** Background color used for `.table-hover`. +$table-bg-hover: $gray-dark; +$table-bg-active: $table-bg-hover; + +//** Border color for table and cell borders. +$table-border-color: $gray-dark; + + +//== Buttons +// +//## For each of Bootstrap's buttons, define text, background and border color. + +$btn-font-weight: normal; + +$btn-default-color: #fff; +$btn-default-bg: lighten($gray-dark, 10%); +$btn-default-border: $btn-default-bg; + +$btn-primary-color: $btn-default-color; +$btn-primary-bg: $brand-primary; +$btn-primary-border: $btn-primary-bg; + +$btn-success-color: $btn-default-color; +$btn-success-bg: $brand-success; +$btn-success-border: $btn-success-bg; + +$btn-info-color: $btn-default-color; +$btn-info-bg: $brand-info; +$btn-info-border: $btn-info-bg; + +$btn-warning-color: $btn-default-color; +$btn-warning-bg: $brand-warning; +$btn-warning-border: $btn-warning-bg; + +$btn-danger-color: $btn-default-color; +$btn-danger-bg: $brand-danger; +$btn-danger-border: $btn-danger-bg; + +$btn-link-disabled-color: $gray-light; + + +//== Forms +// +//## + +//** `<input>` background color +$input-bg: #fff; +//** `<input disabled>` background color +$input-bg-disabled: $gray-lighter; + +//** Text color for `<input>`s +$input-color: $text-color; +//** `<input>` border color +$input-border: $gray-dark; + +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 +//** Default `.form-control` border radius +$input-border-radius: $border-radius-base; +//** Large `.form-control` border radius +$input-border-radius-large: $border-radius-large; +//** Small `.form-control` border radius +$input-border-radius-small: $border-radius-small; + +//** Border color for inputs on focus +$input-border-focus: #66afe9; + +//** Placeholder text color +$input-color-placeholder: $gray-light; + +//** Default `.form-control` height +$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2); +//** Large `.form-control` height +$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2); +//** Small `.form-control` height +$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2); + +$legend-color: $text-color; +$legend-border-color: $gray-dark; + +//** Background color for textual input addons +$input-group-addon-bg: $gray-lighter; +//** Border color for textual input addons +$input-group-addon-border-color: $input-border; + +//** Disabled cursor for form controls and buttons. +$cursor-disabled: not-allowed; + + +//== Dropdowns +// +//## Dropdown menu container and contents. + +//** Background for the dropdown menu. +$dropdown-bg: $gray-darker; +//** Dropdown menu `border-color`. +$dropdown-border: rgba(255,255,255,0.1); +//** Dropdown menu `border-color` **for IE8**. +$dropdown-fallback-border: #444; +//** Divider color for between dropdown items. +$dropdown-divider-bg: rgba(255,255,255,0.1); + +//** Dropdown link text color. +$dropdown-link-color: #fff; +//** Hover color for dropdown links. +$dropdown-link-hover-color: #fff; +//** Hover background for dropdown links. +$dropdown-link-hover-bg: $component-active-bg; + +//** Active dropdown menu item text color. +$dropdown-link-active-color: #fff; +//** Active dropdown menu item background color. +$dropdown-link-active-bg: $component-active-bg; + +//** Disabled dropdown menu item background color. +$dropdown-link-disabled-color: $gray-light; + +//** Text color for headers within dropdown menus. +$dropdown-header-color: $gray-light; + +//** Deprecated `$dropdown-caret-color` as of v3.1.0 +$dropdown-caret-color: #000; + + +//-- Z-index master list +// +// Warning: Avoid customizing these values. They're used for a bird's eye view +// of components dependent on the z-axis and are designed to all work together. +// +// Note: These variables are not generated into the Customizer. + +$zindex-navbar: 1000; +$zindex-dropdown: 1000; +$zindex-popover: 1060; +$zindex-tooltip: 1070; +$zindex-navbar-fixed: 1030; +$zindex-modal: 1040; + + +//== Media queries breakpoints +// +//## Define the breakpoints at which your layout will change, adapting to different screen sizes. + +// Extra small screen / phone +//** Deprecated `$screen-xs` as of v3.0.1 +$screen-xs: 480px; +//** Deprecated `$screen-xs-min` as of v3.2.0 +$screen-xs-min: $screen-xs; +//** Deprecated `$screen-phone` as of v3.0.1 +$screen-phone: $screen-xs-min; + +// Small screen / tablet +//** Deprecated `$screen-sm` as of v3.0.1 +$screen-sm: 768px; +$screen-sm-min: $screen-sm; +//** Deprecated `$screen-tablet` as of v3.0.1 +$screen-tablet: $screen-sm-min; + +// Medium screen / desktop +//** Deprecated `$screen-md` as of v3.0.1 +$screen-md: 992px; +$screen-md-min: $screen-md; +//** Deprecated `$screen-desktop` as of v3.0.1 +$screen-desktop: $screen-md-min; + +// Large screen / wide desktop +//** Deprecated `$screen-lg` as of v3.0.1 +$screen-lg: 1200px; +$screen-lg-min: $screen-lg; +//** Deprecated `$screen-lg-desktop` as of v3.0.1 +$screen-lg-desktop: $screen-lg-min; + +// So media queries don't overlap when required, provide a maximum +$screen-xs-max: ($screen-sm-min - 1); +$screen-sm-max: ($screen-md-min - 1); +$screen-md-max: ($screen-lg-min - 1); + + +//== Grid system +// +//## Define your custom responsive grid. + +//** Number of columns in the grid. +$grid-columns: 12; +//** Padding between columns. Gets divided in half for the left and right. +$grid-gutter-width: 30px; +// Navbar collapse +//** Point at which the navbar becomes uncollapsed. +$grid-float-breakpoint: $screen-sm-min; +//** Point at which the navbar begins collapsing. +$grid-float-breakpoint-max: ($grid-float-breakpoint - 1); + + +//== Container sizes +// +//## Define the maximum width of `.container` for different screen sizes. + +// Small screen / tablet +$container-tablet: (720px + $grid-gutter-width); +//** For `$screen-sm-min` and up. +$container-sm: $container-tablet; + +// Medium screen / desktop +$container-desktop: (940px + $grid-gutter-width); +//** For `$screen-md-min` and up. +$container-md: $container-desktop; + +// Large screen / wide desktop +$container-large-desktop: (1140px + $grid-gutter-width); +//** For `$screen-lg-min` and up. +$container-lg: $container-large-desktop; + + +//== Navbar +// +//## + +// Basics of a navbar +$navbar-height: 50px; +$navbar-margin-bottom: $line-height-computed; +$navbar-border-radius: $border-radius-base; +$navbar-padding-horizontal: floor(($grid-gutter-width / 2)); +$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2); +$navbar-collapse-max-height: 340px; + +$navbar-default-color: $text-color; +$navbar-default-bg: $body-bg; +$navbar-default-border: $gray-dark; + +// Navbar links +$navbar-default-link-color: $text-color; +$navbar-default-link-hover-color: #fff; +$navbar-default-link-hover-bg: transparent; +$navbar-default-link-active-color: #fff; +$navbar-default-link-active-bg: transparent; +$navbar-default-link-disabled-color: $gray-light; +$navbar-default-link-disabled-bg: transparent; + +// Navbar brand label +$navbar-default-brand-color: #fff; +$navbar-default-brand-hover-color: #fff; +$navbar-default-brand-hover-bg: transparent; + +// Navbar toggle +$navbar-default-toggle-hover-bg: $gray-dark; +$navbar-default-toggle-icon-bar-bg: #ccc; +$navbar-default-toggle-border-color: $gray-dark; + + +// Inverted navbar +// Reset inverted navbar basics +$navbar-inverse-color: $gray-light; +$navbar-inverse-bg: $gray-darker; +$navbar-inverse-border: darken($navbar-inverse-bg, 10%); + +// Inverted navbar links +$navbar-inverse-link-color: $gray-light; +$navbar-inverse-link-hover-color: #fff; +$navbar-inverse-link-hover-bg: transparent; +$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color; +$navbar-inverse-link-active-bg: transparent; +$navbar-inverse-link-disabled-color: #aaa; +$navbar-inverse-link-disabled-bg: transparent; + +// Inverted navbar brand label +$navbar-inverse-brand-color: #fff; +$navbar-inverse-brand-hover-color: #fff; +$navbar-inverse-brand-hover-bg: transparent; + +// Inverted navbar toggle +$navbar-inverse-toggle-hover-bg: #333; +$navbar-inverse-toggle-icon-bar-bg: #fff; +$navbar-inverse-toggle-border-color: #333; + + +//== Navs +// +//## + +//=== Shared nav styles +$nav-link-padding: 10px 15px; +$nav-link-hover-bg: $gray-darker; + +$nav-disabled-link-color: $gray-light; +$nav-disabled-link-hover-color: $gray-light; + +//== Tabs +$nav-tabs-border-color: $gray-dark; + +$nav-tabs-link-hover-border-color: transparent; + +$nav-tabs-active-link-hover-bg: $brand-primary; +$nav-tabs-active-link-hover-color: #fff; +$nav-tabs-active-link-hover-border-color: $gray-dark; + +$nav-tabs-justified-link-border-color: #ddd; +$nav-tabs-justified-active-link-border-color: $body-bg; + +//== Pills +$nav-pills-border-radius: $border-radius-base; +$nav-pills-active-link-hover-bg: $component-active-bg; +$nav-pills-active-link-hover-color: $component-active-color; + + +//== Pagination +// +//## + +$pagination-color: #fff; +$pagination-bg: $gray-darker; +$pagination-border: $gray-dark; + +$pagination-hover-color: #fff; +$pagination-hover-bg: $component-active-bg; +$pagination-hover-border: transparent; + +$pagination-active-color: #fff; +$pagination-active-bg: $brand-primary; +$pagination-active-border: transparent; + +$pagination-disabled-color: $gray-light; +$pagination-disabled-bg: $gray-darker; +$pagination-disabled-border: $gray-dark; + + +//== Pager +// +//## + +$pager-bg: $pagination-bg; +$pager-border: $pagination-border; +$pager-border-radius: 15px; + +$pager-hover-bg: $pagination-hover-bg; + +$pager-active-bg: $pagination-active-bg; +$pager-active-color: $pagination-active-color; + +$pager-disabled-color: $gray-light; + + +//== Jumbotron +// +//## + +$jumbotron-padding: 30px; +$jumbotron-color: inherit; +$jumbotron-bg: darken($gray-darker, 5%); +$jumbotron-heading-color: inherit; +$jumbotron-font-size: ceil(($font-size-base * 1.5)); + + +//== Form states and alerts +// +//## Define colors for form feedback states and, by default, alerts. + +$state-success-text: #fff; +$state-success-bg: $brand-success; +$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%); + +$state-info-text: #fff; +$state-info-bg: $brand-info; +$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%); + +$state-warning-text: #fff; +$state-warning-bg: $brand-warning; +$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 3%); + +$state-danger-text: #fff; +$state-danger-bg: $brand-danger; +$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 3%); + + +//== Tooltips +// +//## + +//** Tooltip max width +$tooltip-max-width: 200px; +//** Tooltip text color +$tooltip-color: #fff; +//** Tooltip background color +$tooltip-bg: rgba(0,0,0,.9); +$tooltip-opacity: .9; + +//** Tooltip arrow width +$tooltip-arrow-width: 5px; +//** Tooltip arrow color +$tooltip-arrow-color: $tooltip-bg; + + +//== Popovers +// +//## + +//** Popover body background color +$popover-bg: lighten($body-bg, 10%); +//** Popover maximum width +$popover-max-width: 276px; +//** Popover border color +$popover-border-color: rgba(0,0,0,.2); +//** Popover fallback border color +$popover-fallback-border-color: #999; + +//** Popover title background color +$popover-title-bg: darken($popover-bg, 3%); + +//** Popover arrow width +$popover-arrow-width: 10px; +//** Popover arrow color +$popover-arrow-color: $popover-bg; + +//** Popover outer arrow width +$popover-arrow-outer-width: ($popover-arrow-width + 1); +//** Popover outer arrow color +$popover-arrow-outer-color: fadein($popover-border-color, 5%); +//** Popover outer arrow fallback color +$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%); + + +//== Labels +// +//## + +//** Default label background color +$label-default-bg: $btn-default-bg; +//** Primary label background color +$label-primary-bg: $brand-primary; +//** Success label background color +$label-success-bg: $brand-success; +//** Info label background color +$label-info-bg: $brand-info; +//** Warning label background color +$label-warning-bg: $brand-warning; +//** Danger label background color +$label-danger-bg: $brand-danger; + +//** Default label text color +$label-color: #fff; +//** Default text color of a linked label +$label-link-hover-color: #fff; + + +//== Modals +// +//## + +//** Padding applied to the modal body +$modal-inner-padding: 20px; + +//** Padding applied to the modal title +$modal-title-padding: 15px; +//** Modal title line-height +$modal-title-line-height: $line-height-base; + +//** Background color of modal content area +$modal-content-bg: lighten($body-bg, 10%); +//** Modal content border color +$modal-content-border-color: rgba(0,0,0,.2); +//** Modal content border color **for IE8** +$modal-content-fallback-border-color: #999; + +//** Modal backdrop background color +$modal-backdrop-bg: #000; +//** Modal backdrop opacity +$modal-backdrop-opacity: .5; +//** Modal header border color +$modal-header-border-color: $gray-dark; +//** Modal footer border color +$modal-footer-border-color: $modal-header-border-color; + +$modal-lg: 900px; +$modal-md: 600px; +$modal-sm: 300px; + + +//== Alerts +// +//## Define alert colors, border radius, and padding. + +$alert-padding: 15px; +$alert-border-radius: $border-radius-base; +$alert-link-font-weight: bold; + +$alert-success-bg: $state-success-bg; +$alert-success-text: $state-success-text; +$alert-success-border: $state-success-border; + +$alert-info-bg: $state-info-bg; +$alert-info-text: $state-info-text; +$alert-info-border: $state-info-border; + +$alert-warning-bg: $state-warning-bg; +$alert-warning-text: $state-warning-text; +$alert-warning-border: $state-warning-border; + +$alert-danger-bg: $state-danger-bg; +$alert-danger-text: $state-danger-text; +$alert-danger-border: $state-danger-border; + + +//== Progress bars +// +//## + +//** Background color of the whole progress component +$progress-bg: $gray-darker; +//** Progress bar text color +$progress-bar-color: #fff; +//** Variable for setting rounded corners on progress bar. +$progress-border-radius: $border-radius-base; + +//** Default progress bar color +$progress-bar-bg: $brand-primary; +//** Success progress bar color +$progress-bar-success-bg: $brand-success; +//** Warning progress bar color +$progress-bar-warning-bg: $brand-warning; +//** Danger progress bar color +$progress-bar-danger-bg: $brand-danger; +//** Info progress bar color +$progress-bar-info-bg: $brand-info; + + +//== List group +// +//## + +//** Background color on `.list-group-item` +$list-group-bg: $gray-darker; +//** `.list-group-item` border color +$list-group-border: $gray-dark; +//** List group border radius +$list-group-border-radius: $border-radius-base; + +//** Background color of single list items on hover +$list-group-hover-bg: lighten($list-group-bg, 15%); +//** Text color of active list items +$list-group-active-color: $component-active-color; +//** Background color of active list items +$list-group-active-bg: $component-active-bg; +//** Border color of active list elements +$list-group-active-border: $list-group-active-bg; +//** Text color for content within active list items +$list-group-active-text-color: lighten($list-group-active-bg, 40%); + +//** Text color of disabled list items +$list-group-disabled-color: $gray-light; +//** Background color of disabled list items +$list-group-disabled-bg: $gray-lighter; +//** Text color for content within disabled list items +$list-group-disabled-text-color: $list-group-disabled-color; + +$list-group-link-color: $text-color; +$list-group-link-hover-color: $list-group-link-color; +$list-group-link-heading-color: #fff; + + +//== Panels +// +//## + +$panel-bg: $gray-darker; +$panel-body-padding: 15px; +$panel-heading-padding: 10px 15px; +$panel-footer-padding: $panel-heading-padding; +$panel-border-radius: $border-radius-base; + +//** Border color for elements within panels +$panel-inner-border: $gray-dark; +$panel-footer-bg: lighten($gray-darker, 10%); + +$panel-default-text: $text-color; +$panel-default-border: $panel-inner-border; +$panel-default-heading-bg: $panel-footer-bg; + +$panel-primary-text: #fff; +$panel-primary-border: $brand-primary; +$panel-primary-heading-bg: $brand-primary; + +$panel-success-text: $state-success-text; +$panel-success-border: $state-success-border; +$panel-success-heading-bg: $state-success-bg; + +$panel-info-text: $state-info-text; +$panel-info-border: $state-info-border; +$panel-info-heading-bg: $state-info-bg; + +$panel-warning-text: $state-warning-text; +$panel-warning-border: $state-warning-border; +$panel-warning-heading-bg: $state-warning-bg; + +$panel-danger-text: $state-danger-text; +$panel-danger-border: $state-danger-border; +$panel-danger-heading-bg: $state-danger-bg; + + +//== Thumbnails +// +//## + +//** Padding around the thumbnail image +$thumbnail-padding: 4px; +//** Thumbnail background color +$thumbnail-bg: $gray-dark; +//** Thumbnail border color +$thumbnail-border: $gray-dark; +//** Thumbnail border radius +$thumbnail-border-radius: $border-radius-base; + +//** Custom text color for thumbnail captions +$thumbnail-caption-color: $text-color; +//** Padding around the thumbnail caption +$thumbnail-caption-padding: 9px; + + +//== Wells +// +//## + +$well-bg: darken($gray-darker, 5%); +$well-border: darken($well-bg, 7%); + + +//== Badges +// +//## + +$badge-color: #fff; +//** Linked badge text color on hover +$badge-link-hover-color: #fff; +$badge-bg: $brand-primary; + +//** Badge text color in active nav link +$badge-active-color: $brand-primary; +//** Badge background color in active nav link +$badge-active-bg: #fff; + +$badge-font-weight: bold; +$badge-line-height: 1; +$badge-border-radius: 10px; + + +//== Breadcrumbs +// +//## + +$breadcrumb-padding-vertical: 8px; +$breadcrumb-padding-horizontal: 15px; +//** Breadcrumb background color +$breadcrumb-bg: $gray-darker; +//** Breadcrumb text color +$breadcrumb-color: #fff; +//** Text color of current page in the breadcrumb +$breadcrumb-active-color: $text-color; +//** Textual separator for between breadcrumb elements +$breadcrumb-separator: "/"; + + +//== Carousel +// +//## + +$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); + +$carousel-control-color: #fff; +$carousel-control-width: 15%; +$carousel-control-opacity: .5; +$carousel-control-font-size: 20px; + +$carousel-indicator-active-bg: #fff; +$carousel-indicator-border-color: #fff; + +$carousel-caption-color: #fff; + + +//== Close +// +//## + +$close-font-weight: bold; +$close-color: #000; +$close-text-shadow: 0 1px 0 #fff; + + +//== Code +// +//## + +$code-color: #c7254e; +$code-bg: #f9f2f4; + +$kbd-color: #fff; +$kbd-bg: #333; + +$pre-bg: #f5f5f5; +$pre-color: $gray-dark; +$pre-border-color: #ccc; +$pre-scrollable-max-height: 340px; + + +//== Type +// +//## + +//** Horizontal offset for forms and lists. +$component-offset-horizontal: 180px; +//** Text muted color +$text-muted: $gray-light; +//** Abbreviations and acronyms border color +$abbr-border-color: $gray-light; +//** Headings small color +$headings-small-color: $gray-light; +//** Blockquote small color +$blockquote-small-color: $gray; +//** Blockquote font size +$blockquote-font-size: ($font-size-base * 1.25); +//** Blockquote border color +$blockquote-border-color: $gray-dark; +//** Page header border color +$page-header-border-color: $gray-dark; +//** Width of horizontal description list titles +$dl-horizontal-offset: $component-offset-horizontal; +//** Horizontal line color. +$hr-border: $gray-dark; diff --git a/cyborg/variables.less b/cyborg/variables.less index 5180c572..fccb10dc 100644 --- a/cyborg/variables.less +++ b/cyborg/variables.less @@ -236,7 +236,7 @@ //** Hover color for dropdown links. @dropdown-link-hover-color: #fff; //** Hover background for dropdown links. -@dropdown-link-hover-bg: @dropdown-link-active-bg; +@dropdown-link-hover-bg: @component-active-bg; //** Active dropdown menu item text color. @dropdown-link-active-color: #fff; @@ -244,10 +244,10 @@ @dropdown-link-active-bg: @component-active-bg; //** Disabled dropdown menu item background color. -@dropdown-link-disabled-color: @text-muted; +@dropdown-link-disabled-color: @gray-light; //** Text color for headers within dropdown menus. -@dropdown-header-color: @text-muted; +@dropdown-header-color: @gray-light; //** Deprecated `@dropdown-caret-color` as of v3.1.0 @dropdown-caret-color: #000; @@ -699,11 +699,11 @@ //** Border color for elements within panels @panel-inner-border: @gray-dark; -@panel-footer-bg: @panel-default-heading-bg; +@panel-footer-bg: lighten(@gray-darker, 10%); @panel-default-text: @text-color; @panel-default-border: @panel-inner-border; -@panel-default-heading-bg: lighten(@gray-darker, 10%); +@panel-default-heading-bg: @panel-footer-bg; @panel-primary-text: #fff; @panel-primary-border: @brand-primary; diff --git a/darkly/_bootswatch.scss b/darkly/_bootswatch.scss new file mode 100644 index 00000000..b60c99a2 --- /dev/null +++ b/darkly/_bootswatch.scss @@ -0,0 +1,328 @@ +// Darkly 3.3.0 +// Bootswatch +// ----------------------------------------------------- + +@import url("//fonts.googleapis.com/css?family=Lato:400,700,400italic"); + +// Navbar ===================================================================== + +.navbar { + border-width: 0; + + &-default { + + .badge { + background-color: #fff; + color: $navbar-default-bg; + } + } + + &-inverse { + + .badge { + background-color: #fff; + color: $navbar-inverse-bg; + } + } + + &-brand { + padding: 18.5px 15px 20.5px; + } + + &-form { + .form-control { + background-color: white; + + &:focus { + border-color: white; + } + } + } +} + +// Buttons ==================================================================== + +.btn:active { + @include box-shadow(none); +} + +.btn-group.open .dropdown-toggle { + @include box-shadow(none); +} + +// Typography ================================================================= + +.text-primary, +.text-primary:hover { + color: lighten($brand-primary, 10%); +} + +.text-success, +.text-success:hover { + color: $brand-success; +} + +.text-danger, +.text-danger:hover { + color: $brand-danger; +} + +.text-warning, +.text-warning:hover { + color: $brand-warning; +} + +.text-info, +.text-info:hover { + color: $brand-info; +} + +// Tables ===================================================================== + +table, +.table { + + a:not(.btn) { + text-decoration: underline; + } + + .dropdown-menu a { + text-decoration: none; + } + + .success, + .warning, + .danger, + .info { + color: #fff; + + a { + color: #fff; + } + } + + > thead > tr > th, + > tbody > tr > th, + > tfoot > tr > th, + > thead > tr > td, + > tbody > tr > td, + > tfoot > tr > td { + border: none; + } + + &-bordered > thead > tr > th, + &-bordered > tbody > tr > th, + &-bordered > tfoot > tr > th, + &-bordered > thead > tr > td, + &-bordered > tbody > tr > td, + &-bordered > tfoot > tr > td { + border: 1px solid $table-border-color; + } +} + +// Forms ====================================================================== + +input, +textarea { + color: $input-color; +} + +.form-control, +input, +textarea { + border: none; + @include box-shadow(none); + + &:focus { + @include box-shadow(none); + } +} + +.has-warning { + .help-block, + .control-label, + .radio, + .checkbox, + .radio-inline, + .checkbox-inline, + .form-control-feedback { + color: $brand-warning; + } + + .form-control, + .form-control:focus { + @include box-shadow(none); + } + + .input-group-addon { + border-color: $brand-warning; + } +} + +.has-error { + .help-block, + .control-label, + .radio, + .checkbox, + .radio-inline, + .checkbox-inline, + .form-control-feedback { + color: $brand-danger; + } + + .form-control, + .form-control:focus { + @include box-shadow(none); + } + + .input-group-addon { + border-color: $brand-danger; + } +} + +.has-success { + .help-block, + .control-label, + .radio, + .checkbox, + .radio-inline, + .checkbox-inline, + .form-control-feedback { + color: $brand-success; + } + + .form-control, + .form-control:focus { + @include box-shadow(none); + } + + .input-group-addon { + border-color: $brand-success; + } +} + +.input-group-addon { + color: $text-color; +} + +// Navs ======================================================================= + +.nav { + .open > a, + .open > a:hover, + .open > a:focus { + border-color: $nav-tabs-border-color; + } +} + +.nav-tabs > li > a, +.nav-pills > li > a { + color: #fff; +} + +.pager { + a, + a:hover { + color: #fff; + } + + .disabled { + &>a, + &>a:hover, + &>a:focus, + &>span { + background-color: $pagination-disabled-bg; + } + } +} + +.breadcrumb a { + color: #fff; +} + +// Indicators ================================================================= + +.close { + text-decoration: none; + text-shadow: none; + opacity: 0.4; + + &:hover, + &:focus { + opacity: 1; + } +} + +.alert { + .alert-link { + color: #fff; + text-decoration: underline; + } +} + +// Progress bars ============================================================== + +.progress { + height: 10px; + @include box-shadow(none); + .progress-bar { + font-size: 10px; + line-height: 10px; + } +} + +// Containers ================================================================= + +.well { + @include box-shadow(none); +} + +a.list-group-item { + + &.active, + &.active:hover, + &.active:focus { + border-color: $list-group-border; + } + + &-success { + &.active { + background-color: $state-success-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-success-bg, 5%); + } + } + + &-warning { + &.active { + background-color: $state-warning-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-warning-bg, 5%); + } + } + + &-danger { + &.active { + background-color: $state-danger-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-danger-bg, 5%); + } + } +} + +.popover { + color: $text-color; +} + +.panel-default > .panel-heading { + background-color: $panel-footer-bg; +} diff --git a/darkly/_variables.scss b/darkly/_variables.scss new file mode 100644 index 00000000..f3de65c8 --- /dev/null +++ b/darkly/_variables.scss @@ -0,0 +1,856 @@ +// Darkly 3.3.0 +// Variables +// -------------------------------------------------- + + +//== Colors +// +//## Gray and brand colors for use across Bootstrap. + +$gray-base: #000; +$gray-darker: lighten($gray-base, 13.5%); // #222 +$gray-dark: #303030; // #333 +$gray: #464545; +$gray-light: #999; // #999 +$gray-lighter: #EBEBEB; // #eee + +$brand-primary: #375a7f; +$brand-success: #00bc8c; +$brand-info: #3498DB; +$brand-warning: #F39C12; +$brand-danger: #E74C3C; + + +//== Scaffolding +// +//## Settings for some of the most global styles. + +//** Background color for `<body>`. +$body-bg: $gray-darker; +//** Global text color on `<body>`. +$text-color: #fff; + +//** Global textual link color. +$link-color: desaturate(lighten($brand-success, 10%),10%); +//** Link hover color set via `darken()` function. +$link-hover-color: $link-color; +//** Link hover decoration. +$link-hover-decoration: underline; + + +//== Typography +// +//## Font, line-height, and color for body text, headings, and more. + +$font-family-sans-serif: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; +$font-family-serif: Georgia, "Times New Roman", Times, serif; +//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. +$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; +$font-family-base: $font-family-sans-serif; + +$font-size-base: 15px; +$font-size-large: ceil(($font-size-base * 1.25)); // ~18px +$font-size-small: ceil(($font-size-base * 0.85)); // ~12px + +$font-size-h1: floor(($font-size-base * 2.6)); // ~36px +$font-size-h2: floor(($font-size-base * 2.15)); // ~30px +$font-size-h3: ceil(($font-size-base * 1.7)); // ~24px +$font-size-h4: ceil(($font-size-base * 1.25)); // ~18px +$font-size-h5: $font-size-base; +$font-size-h6: ceil(($font-size-base * 0.85)); // ~12px + +//** Unit-less `line-height` for use in components like buttons. +$line-height-base: 1.428571429; // 20/14 +//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. +$line-height-computed: floor(($font-size-base * $line-height-base)); // ~20px + +//** By default, this inherits from the `<body>`. +$headings-font-family: $font-family-base; +$headings-font-weight: 400; +$headings-line-height: 1.1; +$headings-color: inherit; + + +//== Iconography +// +//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. + +//** Load fonts from this directory. +$icon-font-path: "../fonts/"; +//** File name for all font files. +$icon-font-name: "glyphicons-halflings-regular"; +//** Element ID within SVG icon file. +$icon-font-svg-id: "glyphicons_halflingsregular"; + + +//== Components +// +//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). + +$padding-base-vertical: 10px; +$padding-base-horizontal: 15px; + +$padding-large-vertical: 18px; +$padding-large-horizontal: 27px; + +$padding-small-vertical: 6px; +$padding-small-horizontal: 9px; + +$padding-xs-vertical: 1px; +$padding-xs-horizontal: 5px; + +$line-height-large: 1.33; +$line-height-small: 1.5; + +$border-radius-base: 4px; +$border-radius-large: 6px; +$border-radius-small: 3px; + +//** Global color for active items (e.g., navs or dropdowns). +$component-active-color: #fff; +//** Global background color for active items (e.g., navs or dropdowns). +$component-active-bg: $brand-success; + +//** Width of the `border` for generating carets that indicator dropdowns. +$caret-width-base: 4px; +//** Carets increase slightly in size for larger components. +$caret-width-large: 5px; + + +//== Tables +// +//## Customizes the `.table` component with basic values, each used across all table variations. + +//** Padding for `<th>`s and `<td>`s. +$table-cell-padding: 8px; +//** Padding for cells in `.table-condensed`. +$table-condensed-cell-padding: 5px; + +//** Default background color used for all tables. +$table-bg: transparent; +//** Background color used for `.table-striped`. +$table-bg-accent: $gray-dark; +//** Background color used for `.table-hover`. +$table-bg-hover: $gray; +$table-bg-active: $table-bg-hover; + +//** Border color for table and cell borders. +$table-border-color: $gray; + + +//== Buttons +// +//## For each of Bootstrap's buttons, define text, background and border color. + +$btn-font-weight: normal; + +$btn-default-color: $text-color; +$btn-default-bg: $gray; +$btn-default-border: $btn-default-bg; + +$btn-primary-color: #fff; +$btn-primary-bg: $brand-primary; +$btn-primary-border: $btn-primary-bg; + +$btn-success-color: $btn-primary-color; +$btn-success-bg: $brand-success; +$btn-success-border: $btn-success-bg; + +$btn-info-color: $btn-success-color; +$btn-info-bg: $brand-info; +$btn-info-border: $btn-info-bg; + +$btn-warning-color: $btn-success-color; +$btn-warning-bg: $brand-warning; +$btn-warning-border: $btn-warning-bg; + +$btn-danger-color: $btn-success-color; +$btn-danger-bg: $brand-danger; +$btn-danger-border: $btn-danger-bg; + +$btn-link-disabled-color: $gray-light; + + +//== Forms +// +//## + +//** `<input>` background color +$input-bg: #fff; +//** `<input disabled>` background color +$input-bg-disabled: $gray-lighter; + +//** Text color for `<input>`s +$input-color: $gray; +//** `<input>` border color +$input-border: #f1f1f1; + +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 +//** Default `.form-control` border radius +$input-border-radius: $border-radius-base; +//** Large `.form-control` border radius +$input-border-radius-large: $border-radius-large; +//** Small `.form-control` border radius +$input-border-radius-small: $border-radius-small; + +//** Border color for inputs on focus +$input-border-focus: #fff; + +//** Placeholder text color +$input-color-placeholder: $gray-light; + +//** Default `.form-control` height +$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2); +//** Large `.form-control` height +$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2); +//** Small `.form-control` height +$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2); + +$legend-color: $text-color; +$legend-border-color: transparent; + +//** Background color for textual input addons +$input-group-addon-bg: $gray; +//** Border color for textual input addons +$input-group-addon-border-color: transparent; + +//** Disabled cursor for form controls and buttons. +$cursor-disabled: not-allowed; + + +//== Dropdowns +// +//## Dropdown menu container and contents. + +//** Background for the dropdown menu. +$dropdown-bg: #fff; +//** Dropdown menu `border-color`. +$dropdown-border: rgba(0,0,0,.15); +//** Dropdown menu `border-color` **for IE8**. +$dropdown-fallback-border: #ccc; +//** Divider color for between dropdown items. +$dropdown-divider-bg: #e5e5e5; + +//** Dropdown link text color. +$dropdown-link-color: $brand-primary; +//** Hover color for dropdown links. +$dropdown-link-hover-color: #fff; +//** Hover background for dropdown links. +$dropdown-link-hover-bg: $component-active-bg; + +//** Active dropdown menu item text color. +$dropdown-link-active-color: #fff; +//** Active dropdown menu item background color. +$dropdown-link-active-bg: $component-active-bg; + +//** Disabled dropdown menu item background color. +$dropdown-link-disabled-color: $gray-light; + +//** Text color for headers within dropdown menus. +$dropdown-header-color: $gray-light; + +//** Deprecated `$dropdown-caret-color` as of v3.1.0 +$dropdown-caret-color: #000; + + +//-- Z-index master list +// +// Warning: Avoid customizing these values. They're used for a bird's eye view +// of components dependent on the z-axis and are designed to all work together. +// +// Note: These variables are not generated into the Customizer. + +$zindex-navbar: 1000; +$zindex-dropdown: 1000; +$zindex-popover: 1060; +$zindex-tooltip: 1070; +$zindex-navbar-fixed: 1030; +$zindex-modal: 1040; + + +//== Media queries breakpoints +// +//## Define the breakpoints at which your layout will change, adapting to different screen sizes. + +// Extra small screen / phone +//** Deprecated `$screen-xs` as of v3.0.1 +$screen-xs: 480px; +//** Deprecated `$screen-xs-min` as of v3.2.0 +$screen-xs-min: $screen-xs; +//** Deprecated `$screen-phone` as of v3.0.1 +$screen-phone: $screen-xs-min; + +// Small screen / tablet +//** Deprecated `$screen-sm` as of v3.0.1 +$screen-sm: 768px; +$screen-sm-min: $screen-sm; +//** Deprecated `$screen-tablet` as of v3.0.1 +$screen-tablet: $screen-sm-min; + +// Medium screen / desktop +//** Deprecated `$screen-md` as of v3.0.1 +$screen-md: 992px; +$screen-md-min: $screen-md; +//** Deprecated `$screen-desktop` as of v3.0.1 +$screen-desktop: $screen-md-min; + +// Large screen / wide desktop +//** Deprecated `$screen-lg` as of v3.0.1 +$screen-lg: 1200px; +$screen-lg-min: $screen-lg; +//** Deprecated `$screen-lg-desktop` as of v3.0.1 +$screen-lg-desktop: $screen-lg-min; + +// So media queries don't overlap when required, provide a maximum +$screen-xs-max: ($screen-sm-min - 1); +$screen-sm-max: ($screen-md-min - 1); +$screen-md-max: ($screen-lg-min - 1); + + +//== Grid system +// +//## Define your custom responsive grid. + +//** Number of columns in the grid. +$grid-columns: 12; +//** Padding between columns. Gets divided in half for the left and right. +$grid-gutter-width: 30px; +// Navbar collapse +//** Point at which the navbar becomes uncollapsed. +$grid-float-breakpoint: $screen-sm-min; +//** Point at which the navbar begins collapsing. +$grid-float-breakpoint-max: ($grid-float-breakpoint - 1); + + +//== Container sizes +// +//## Define the maximum width of `.container` for different screen sizes. + +// Small screen / tablet +$container-tablet: (720px + $grid-gutter-width); +//** For `$screen-sm-min` and up. +$container-sm: $container-tablet; + +// Medium screen / desktop +$container-desktop: (940px + $grid-gutter-width); +//** For `$screen-md-min` and up. +$container-md: $container-desktop; + +// Large screen / wide desktop +$container-large-desktop: (1140px + $grid-gutter-width); +//** For `$screen-lg-min` and up. +$container-lg: $container-large-desktop; + + +//== Navbar +// +//## + +// Basics of a navbar +$navbar-height: 60px; +$navbar-margin-bottom: $line-height-computed; +$navbar-border-radius: $border-radius-base; +$navbar-padding-horizontal: floor(($grid-gutter-width / 2)); +$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2); +$navbar-collapse-max-height: 340px; + +$navbar-default-color: #777; +$navbar-default-bg: $brand-primary; +$navbar-default-border: transparent; + +// Navbar links +$navbar-default-link-color: #fff; +$navbar-default-link-hover-color: $brand-success; +$navbar-default-link-hover-bg: transparent; +$navbar-default-link-active-color: #fff; +$navbar-default-link-active-bg: darken($navbar-default-bg, 10%); +$navbar-default-link-disabled-color: #ccc; +$navbar-default-link-disabled-bg: transparent; + +// Navbar brand label +$navbar-default-brand-color: $navbar-default-link-color; +$navbar-default-brand-hover-color: $navbar-default-link-hover-color; +$navbar-default-brand-hover-bg: transparent; + +// Navbar toggle +$navbar-default-toggle-hover-bg: darken($navbar-default-bg, 10%); +$navbar-default-toggle-icon-bar-bg: #fff; +$navbar-default-toggle-border-color: darken($navbar-default-bg, 10%); + + +// Inverted navbar +// Reset inverted navbar basics +$navbar-inverse-color: #fff; +$navbar-inverse-bg: $brand-success; +$navbar-inverse-border: transparent; + +// Inverted navbar links +$navbar-inverse-link-color: $navbar-inverse-color; +$navbar-inverse-link-hover-color: $brand-primary; +$navbar-inverse-link-hover-bg: transparent; +$navbar-inverse-link-active-color: $navbar-inverse-color; +$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 5%); +$navbar-inverse-link-disabled-color: #aaa; +$navbar-inverse-link-disabled-bg: transparent; + +// Inverted navbar brand label +$navbar-inverse-brand-color: $navbar-inverse-link-color; +$navbar-inverse-brand-hover-color: $navbar-inverse-link-hover-color; +$navbar-inverse-brand-hover-bg: transparent; + +// Inverted navbar toggle +$navbar-inverse-toggle-hover-bg: darken($navbar-inverse-bg, 10%); +$navbar-inverse-toggle-icon-bar-bg: #fff; +$navbar-inverse-toggle-border-color: darken($navbar-inverse-bg, 10%); + + +//== Navs +// +//## + +//=== Shared nav styles +$nav-link-padding: 10px 15px; +$nav-link-hover-bg: $gray-dark; + +$nav-disabled-link-color: lighten($gray, 10%); +$nav-disabled-link-hover-color: lighten($gray, 10%); + +//== Tabs +$nav-tabs-border-color: $gray; + +$nav-tabs-link-hover-border-color: $gray; + +$nav-tabs-active-link-hover-bg: $body-bg; +$nav-tabs-active-link-hover-color: $brand-success; +$nav-tabs-active-link-hover-border-color: $nav-tabs-link-hover-border-color; + +$nav-tabs-justified-link-border-color: $gray-lighter; +$nav-tabs-justified-active-link-border-color: $body-bg; + +//== Pills +$nav-pills-border-radius: $border-radius-base; +$nav-pills-active-link-hover-bg: $component-active-bg; +$nav-pills-active-link-hover-color: $component-active-color; + + +//== Pagination +// +//## + +$pagination-color: #fff; +$pagination-bg: $brand-success; +$pagination-border: transparent; + +$pagination-hover-color: #fff; +$pagination-hover-bg: lighten($brand-success, 6%); +$pagination-hover-border: transparent; + +$pagination-active-color: #fff; +$pagination-active-bg: lighten($brand-success, 6%); +$pagination-active-border: transparent; + +$pagination-disabled-color: #fff; +$pagination-disabled-bg: darken($brand-success, 15%);; +$pagination-disabled-border: transparent; + + +//== Pager +// +//## + +$pager-bg: $pagination-bg; +$pager-border: $pagination-border; +$pager-border-radius: 15px; + +$pager-hover-bg: $pagination-hover-bg; + +$pager-active-bg: $pagination-active-bg; +$pager-active-color: $pagination-active-color; + +$pager-disabled-color: #ddd; + + +//== Jumbotron +// +//## + +$jumbotron-padding: 30px; +$jumbotron-color: inherit; +$jumbotron-bg: $gray-dark; +$jumbotron-heading-color: inherit; +$jumbotron-font-size: ceil(($font-size-base * 1.5)); + + +//== Form states and alerts +// +//## Define colors for form feedback states and, by default, alerts. + +$state-success-text: #fff; +$state-success-bg: $brand-success; +$state-success-border: $brand-success; + +$state-info-text: #fff; +$state-info-bg: $brand-info; +$state-info-border: $brand-info; + +$state-warning-text: #fff; +$state-warning-bg: $brand-warning; +$state-warning-border: $brand-warning; + +$state-danger-text: #fff; +$state-danger-bg: $brand-danger; +$state-danger-border: $brand-danger; + + +//== Tooltips +// +//## + +//** Tooltip max width +$tooltip-max-width: 200px; +//** Tooltip text color +$tooltip-color: #fff; +//** Tooltip background color +$tooltip-bg: rgba(0,0,0,.9); +$tooltip-opacity: .9; + +//** Tooltip arrow width +$tooltip-arrow-width: 5px; +//** Tooltip arrow color +$tooltip-arrow-color: $tooltip-bg; + + +//== Popovers +// +//## + +//** Popover body background color +$popover-bg: $gray-dark; +//** Popover maximum width +$popover-max-width: 276px; +//** Popover border color +$popover-border-color: rgba(0,0,0,.2); +//** Popover fallback border color +$popover-fallback-border-color: #999; + +//** Popover title background color +$popover-title-bg: darken($popover-bg, 3%); + +//** Popover arrow width +$popover-arrow-width: 10px; +//** Popover arrow color +$popover-arrow-color: $popover-bg; + +//** Popover outer arrow width +$popover-arrow-outer-width: ($popover-arrow-width + 1); +//** Popover outer arrow color +$popover-arrow-outer-color: fadein($popover-border-color, 5%); +//** Popover outer arrow fallback color +$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%); + + +//== Labels +// +//## + +//** Default label background color +$label-default-bg: $gray; +//** Primary label background color +$label-primary-bg: $brand-primary; +//** Success label background color +$label-success-bg: $brand-success; +//** Info label background color +$label-info-bg: $brand-info; +//** Warning label background color +$label-warning-bg: $brand-warning; +//** Danger label background color +$label-danger-bg: $brand-danger; + +//** Default label text color +$label-color: #fff; +//** Default text color of a linked label +$label-link-hover-color: #fff; + + +//== Modals +// +//## + +//** Padding applied to the modal body +$modal-inner-padding: 20px; + +//** Padding applied to the modal title +$modal-title-padding: 15px; +//** Modal title line-height +$modal-title-line-height: $line-height-base; + +//** Background color of modal content area +$modal-content-bg: $gray-dark; +//** Modal content border color +$modal-content-border-color: rgba(0,0,0,.2); +//** Modal content border color **for IE8** +$modal-content-fallback-border-color: #999; + +//** Modal backdrop background color +$modal-backdrop-bg: #000; +//** Modal backdrop opacity +$modal-backdrop-opacity: .7; +//** Modal header border color +$modal-header-border-color: $gray; +//** Modal footer border color +$modal-footer-border-color: $modal-header-border-color; + +$modal-lg: 900px; +$modal-md: 600px; +$modal-sm: 300px; + + +//== Alerts +// +//## Define alert colors, border radius, and padding. + +$alert-padding: 15px; +$alert-border-radius: $border-radius-base; +$alert-link-font-weight: bold; + +$alert-success-bg: $state-success-bg; +$alert-success-text: $state-success-text; +$alert-success-border: $state-success-border; + +$alert-info-bg: $state-info-bg; +$alert-info-text: $state-info-text; +$alert-info-border: $state-info-border; + +$alert-warning-bg: $state-warning-bg; +$alert-warning-text: $state-warning-text; +$alert-warning-border: $state-warning-border; + +$alert-danger-bg: $state-danger-bg; +$alert-danger-text: $state-danger-text; +$alert-danger-border: $state-danger-border; + + +//== Progress bars +// +//## + +//** Background color of the whole progress component +$progress-bg: $gray-lighter; +//** Progress bar text color +$progress-bar-color: #fff; +//** Variable for setting rounded corners on progress bar. +$progress-border-radius: $border-radius-base; + +//** Default progress bar color +$progress-bar-bg: $brand-primary; +//** Success progress bar color +$progress-bar-success-bg: $brand-success; +//** Warning progress bar color +$progress-bar-warning-bg: $brand-warning; +//** Danger progress bar color +$progress-bar-danger-bg: $brand-danger; +//** Info progress bar color +$progress-bar-info-bg: $brand-info; + + +//== List group +// +//## + +//** Background color on `.list-group-item` +$list-group-bg: $gray-dark; +//** `.list-group-item` border color +$list-group-border: $gray; +//** List group border radius +$list-group-border-radius: $border-radius-base; + +//** Background color of single list items on hover +$list-group-hover-bg: transparent; +//** Text color of active list items +$list-group-active-color: $component-active-color; +//** Background color of active list items +$list-group-active-bg: $component-active-bg; +//** Border color of active list elements +$list-group-active-border: $list-group-active-bg; +//** Text color for content within active list items +$list-group-active-text-color: lighten($list-group-active-bg, 40%); + +//** Text color of disabled list items +$list-group-disabled-color: $gray-light; +//** Background color of disabled list items +$list-group-disabled-bg: $gray-lighter; +//** Text color for content within disabled list items +$list-group-disabled-text-color: $list-group-disabled-color; + +$list-group-link-color: $link-color; +$list-group-link-hover-color: $list-group-link-color; +$list-group-link-heading-color: darken($link-color, 5%); + + +//== Panels +// +//## + +$panel-bg: $gray-dark; +$panel-body-padding: 15px; +$panel-heading-padding: 10px 15px; +$panel-footer-padding: $panel-heading-padding; +$panel-border-radius: $border-radius-base; + +//** Border color for elements within panels +$panel-inner-border: $gray; +$panel-footer-bg: $gray; + +$panel-default-text: $text-color; +$panel-default-border: $gray; +$panel-default-heading-bg: $gray-dark; + +$panel-primary-text: #fff; +$panel-primary-border: $brand-primary; +$panel-primary-heading-bg: $brand-primary; + +$panel-success-text: $state-success-text; +$panel-success-border: $state-success-border; +$panel-success-heading-bg: $state-success-bg; + +$panel-info-text: $state-info-text; +$panel-info-border: $state-info-border; +$panel-info-heading-bg: $state-info-bg; + +$panel-warning-text: $state-warning-text; +$panel-warning-border: $state-warning-border; +$panel-warning-heading-bg: $state-warning-bg; + +$panel-danger-text: $state-danger-text; +$panel-danger-border: $state-danger-border; +$panel-danger-heading-bg: $state-danger-bg; + + +//== Thumbnails +// +//## + +//** Padding around the thumbnail image +$thumbnail-padding: 2px; +//** Thumbnail background color +$thumbnail-bg: $body-bg; +//** Thumbnail border color +$thumbnail-border: $gray; +//** Thumbnail border radius +$thumbnail-border-radius: $border-radius-base; + +//** Custom text color for thumbnail captions +$thumbnail-caption-color: $text-color; +//** Padding around the thumbnail caption +$thumbnail-caption-padding: 9px; + + +//== Wells +// +//## + +$well-bg: $gray-dark; +$well-border: transparent; + + +//== Badges +// +//## + +$badge-color: #fff; +//** Linked badge text color on hover +$badge-link-hover-color: #fff; +$badge-bg: $gray; + +//** Badge text color in active nav link +$badge-active-color: $brand-primary; +//** Badge background color in active nav link +$badge-active-bg: #fff; + +$badge-font-weight: bold; +$badge-line-height: 1; +$badge-border-radius: 10px; + + +//== Breadcrumbs +// +//## + +$breadcrumb-padding-vertical: 8px; +$breadcrumb-padding-horizontal: 15px; +//** Breadcrumb background color +$breadcrumb-bg: $gray; +//** Breadcrumb text color +$breadcrumb-color: $text-color; +//** Text color of current page in the breadcrumb +$breadcrumb-active-color: $gray-light; +//** Textual separator for between breadcrumb elements +$breadcrumb-separator: "/"; + + +//== Carousel +// +//## + +$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); + +$carousel-control-color: #fff; +$carousel-control-width: 15%; +$carousel-control-opacity: .5; +$carousel-control-font-size: 20px; + +$carousel-indicator-active-bg: #fff; +$carousel-indicator-border-color: #fff; + +$carousel-caption-color: #fff; + + +//== Close +// +//## + +$close-font-weight: bold; +$close-color: #fff; +$close-text-shadow: none; + + +//== Code +// +//## + +$code-color: #c7254e; +$code-bg: #f9f2f4; + +$kbd-color: #fff; +$kbd-bg: #333; + +$pre-bg: $gray-lighter; +$pre-color: $gray-dark; +$pre-border-color: #ccc; +$pre-scrollable-max-height: 340px; + + +//== Type +// +//## + +//** Horizontal offset for forms and lists. +$component-offset-horizontal: 180px; +//** Text muted color +$text-muted: $gray-light; +//** Abbreviations and acronyms border color +$abbr-border-color: $gray-light; +//** Headings small color +$headings-small-color: $gray-light; +//** Blockquote small color +$blockquote-small-color: $gray-light; +//** Blockquote font size +$blockquote-font-size: ($font-size-base * 1.25); +//** Blockquote border color +$blockquote-border-color: $gray; +//** Page header border color +$page-header-border-color: transparent; +//** Width of horizontal description list titles +$dl-horizontal-offset: $component-offset-horizontal; +//** Horizontal line color. +$hr-border: $gray; diff --git a/darkly/variables.less b/darkly/variables.less index dc0d0801..659e2301 100644 --- a/darkly/variables.less +++ b/darkly/variables.less @@ -236,7 +236,7 @@ //** Hover color for dropdown links. @dropdown-link-hover-color: #fff; //** Hover background for dropdown links. -@dropdown-link-hover-bg: @dropdown-link-active-bg; +@dropdown-link-hover-bg: @component-active-bg; //** Active dropdown menu item text color. @dropdown-link-active-color: #fff; @@ -244,10 +244,10 @@ @dropdown-link-active-bg: @component-active-bg; //** Disabled dropdown menu item background color. -@dropdown-link-disabled-color: @text-muted; +@dropdown-link-disabled-color: @gray-light; //** Text color for headers within dropdown menus. -@dropdown-header-color: @text-muted; +@dropdown-header-color: @gray-light; //** Deprecated `@dropdown-caret-color` as of v3.1.0 @dropdown-caret-color: #000; diff --git a/flatly/_bootswatch.scss b/flatly/_bootswatch.scss new file mode 100644 index 00000000..bebcabf6 --- /dev/null +++ b/flatly/_bootswatch.scss @@ -0,0 +1,311 @@ +// Flatly 3.3.0 +// Bootswatch +// ----------------------------------------------------- + +@import url("//fonts.googleapis.com/css?family=Lato:400,700,400italic"); + +// Navbar ===================================================================== + +.navbar { + border-width: 0; + + &-default { + + .badge { + background-color: #fff; + color: $navbar-default-bg; + } + } + + &-inverse { + + .badge { + background-color: #fff; + color: $navbar-inverse-bg; + } + } + + &-brand { + padding: 18.5px 15px 20.5px; + } +} + +// Buttons ==================================================================== + +.btn:active { + @include box-shadow(none); +} + +.btn-group.open .dropdown-toggle { + @include box-shadow(none); +} + +// Typography ================================================================= + +.text-primary, +.text-primary:hover { + color: $brand-primary; +} + +.text-success, +.text-success:hover { + color: $brand-success; +} + +.text-danger, +.text-danger:hover { + color: $brand-danger; +} + +.text-warning, +.text-warning:hover { + color: $brand-warning; +} + +.text-info, +.text-info:hover { + color: $brand-info; +} + +// Tables ===================================================================== + +table, +.table { + + a:not(.btn) { + text-decoration: underline; + } + + .dropdown-menu a { + text-decoration: none; + } + + .success, + .warning, + .danger, + .info { + color: #fff; + + a { + color: #fff; + } + } + + > thead > tr > th, + > tbody > tr > th, + > tfoot > tr > th, + > thead > tr > td, + > tbody > tr > td, + > tfoot > tr > td { + border: none; + } + + &-bordered > thead > tr > th, + &-bordered > tbody > tr > th, + &-bordered > tfoot > tr > th, + &-bordered > thead > tr > td, + &-bordered > tbody > tr > td, + &-bordered > tfoot > tr > td { + border: 1px solid $table-border-color; + } +} + +// Forms ====================================================================== + +.form-control, +input, { + border-width: 2px; + @include box-shadow(none); + + &:focus { + @include box-shadow(none); + } +} + +.has-warning { + .help-block, + .control-label, + .radio, + .checkbox, + .radio-inline, + .checkbox-inline, + .form-control-feedback { + color: $brand-warning; + } + + .form-control, + .form-control:focus { + border: 2px solid $brand-warning; + } + + .input-group-addon { + border-color: $brand-warning; + } +} + +.has-error { + .help-block, + .control-label, + .radio, + .checkbox, + .radio-inline, + .checkbox-inline, + .form-control-feedback { + color: $brand-danger; + } + + .form-control, + .form-control:focus { + border: 2px solid $brand-danger; + } + + .input-group-addon { + border-color: $brand-danger; + } +} + +.has-success { + .help-block, + .control-label, + .radio, + .checkbox, + .radio-inline, + .checkbox-inline, + .form-control-feedback { + color: $brand-success; + } + + .form-control, + .form-control:focus { + border: 2px solid $brand-success; + } + + .input-group-addon { + border-color: $brand-success; + } +} + +// Navs ======================================================================= + +.nav { + .open > a, + .open > a:hover, + .open > a:focus { + border-color: transparent; + } +} + +.pager { + a, + a:hover { + color: #fff; + } + + .disabled { + &>a, + &>a:hover, + &>a:focus, + &>span { + background-color: $pagination-disabled-bg; + } + } +} + +// Indicators ================================================================= + +.close { + color: #fff; + text-decoration: none; + opacity: 0.4; + + &:hover, + &:focus { + color: #fff; + opacity: 1; + } +} + +.alert { + + .alert-link { + color: #fff; + text-decoration: underline; + } +} + +// Progress bars ============================================================== + +.progress { + height: 10px; + @include box-shadow(none); + .progress-bar { + font-size: 10px; + line-height: 10px; + } +} + +// Containers ================================================================= + +.well { + @include box-shadow(none); +} + +a.list-group-item { + + &.active, + &.active:hover, + &.active:focus { + border-color: $list-group-border; + } + + &-success { + &.active { + background-color: $state-success-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-success-bg, 5%); + } + } + + &-warning { + &.active { + background-color: $state-warning-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-warning-bg, 5%); + } + } + + &-danger { + &.active { + background-color: $state-danger-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-danger-bg, 5%); + } + } +} + +.panel { + &-default { + .close { + color: $text-color; + } + } +} + +.modal { + .close { + color: $text-color; + } +} + +.popover { + color: $text-color; +} diff --git a/flatly/variables.less b/flatly/variables.less index a3f54856..fed4466e 100644 --- a/flatly/variables.less +++ b/flatly/variables.less @@ -236,7 +236,7 @@ //** Hover color for dropdown links. @dropdown-link-hover-color: #fff; //** Hover background for dropdown links. -@dropdown-link-hover-bg: @dropdown-link-active-bg; +@dropdown-link-hover-bg: @component-active-bg; //** Active dropdown menu item text color. @dropdown-link-active-color: #fff; @@ -244,10 +244,10 @@ @dropdown-link-active-bg: @component-active-bg; //** Disabled dropdown menu item background color. -@dropdown-link-disabled-color: @text-muted; +@dropdown-link-disabled-color: @gray-light; //** Text color for headers within dropdown menus. -@dropdown-header-color: @text-muted; +@dropdown-header-color: @gray-light; //** Deprecated `@dropdown-caret-color` as of v3.1.0 @dropdown-caret-color: #000; diff --git a/global/build.scss b/global/build.scss new file mode 100644 index 00000000..6ea91d6c --- /dev/null +++ b/global/build.scss @@ -0,0 +1,3 @@ +@import "variables"; +@import "../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap"; +@import "bootswatch"; diff --git a/journal/_bootswatch.scss b/journal/_bootswatch.scss new file mode 100644 index 00000000..2cf917f1 --- /dev/null +++ b/journal/_bootswatch.scss @@ -0,0 +1,120 @@ +// Journal 3.3.0 +// Bootswatch +// ----------------------------------------------------- + +@import url("//fonts.googleapis.com/css?family=News+Cycle:400,700"); + +// Navbar ===================================================================== + +.navbar { + font-size: 18px; + font-family: $font-family-sans-serif; + font-weight: $headings-font-weight; + + &-default { + + .badge { + background-color: #000; + color: #fff; + } + } + + &-inverse { + + .badge { + background-color: #fff; + color: $navbar-inverse-bg; + } + } +} + +.navbar-brand { + font-size: 18px; + font-weight: $headings-font-weight; + text-transform: uppercase; +} + +// Buttons ==================================================================== + +// Typography ================================================================= + +// Tables ===================================================================== + +// Forms ====================================================================== + +.has-warning { + .help-block, + .control-label, + .form-control-feedback { + color: $brand-danger; + } + + .form-control, + .form-control:focus { + border-color: $brand-danger; + } +} + +.has-error { + .help-block, + .control-label, + .form-control-feedback { + color: $brand-primary; + } + + .form-control, + .form-control:focus { + border-color: $brand-primary; + } +} + +.has-success { + .help-block, + .control-label, + .form-control-feedback { + color: $brand-success; + } + + .form-control, + .form-control:focus { + border-color: $brand-success; + } +} + +// Navs ======================================================================= + +// Indicators ================================================================= + +.badge { + padding-bottom: 4px; + vertical-align: 3px; + font-size: 10px; +} + +// Progress bars ============================================================== + +// Containers ================================================================= + +.jumbotron { + + h1, h2, h3, h4, h5, h6 { + font-family: $font-family-sans-serif; + font-weight: $headings-font-weight; + color: #000; + } +} + +.panel { + + &-primary, + &-success, + &-warning, + &-danger, + &-info { + .panel-title { + color: #fff; + } + } + + +} diff --git a/journal/_variables.scss b/journal/_variables.scss new file mode 100644 index 00000000..fe33e1c5 --- /dev/null +++ b/journal/_variables.scss @@ -0,0 +1,856 @@ +// Journal 3.3.0 +// Variables +// -------------------------------------------------- + + +//== Colors +// +//## Gray and brand colors for use across Bootstrap. + +$gray-base: #000; +$gray-darker: lighten($gray-base, 13.5%); // #222 +$gray-dark: lighten($gray-base, 20%); // #333 +$gray: #777; // #555 +$gray-light: lighten($gray-base, 60%); // #999 +$gray-lighter: lighten($gray-base, 93.5%); // #eee + +$brand-primary: #EB6864; +$brand-success: #22B24C; +$brand-info: #369; +$brand-warning: #F5E625; +$brand-danger: #F57A00; + + +//== Scaffolding +// +//## Settings for some of the most global styles. + +//** Background color for `<body>`. +$body-bg: #fff; +//** Global text color on `<body>`. +$text-color: $gray; + +//** Global textual link color. +$link-color: $brand-primary; +//** Link hover color set via `darken()` function. +$link-hover-color: darken($link-color, 15%); +//** Link hover decoration. +$link-hover-decoration: underline; + + +//== Typography +// +//## Font, line-height, and color for body text, headings, and more. + +$font-family-sans-serif: "News Cycle", "Arial Narrow Bold", sans-serif; +$font-family-serif: Georgia, "Times New Roman", Times, serif; +//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. +$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; +$font-family-base: $font-family-serif; + +$font-size-base: 15px; +$font-size-large: ceil(($font-size-base * 1.25)); // ~18px +$font-size-small: ceil(($font-size-base * 0.85)); // ~12px + +$font-size-h1: floor(($font-size-base * 2.6)); // ~36px +$font-size-h2: floor(($font-size-base * 2.15)); // ~30px +$font-size-h3: ceil(($font-size-base * 1.7)); // ~24px +$font-size-h4: ceil(($font-size-base * 1.25)); // ~18px +$font-size-h5: $font-size-base; +$font-size-h6: ceil(($font-size-base * 0.85)); // ~12px + +//** Unit-less `line-height` for use in components like buttons. +$line-height-base: 1.428571429; // 20/14 +//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. +$line-height-computed: floor(($font-size-base * $line-height-base)); // ~20px + +//** By default, this inherits from the `<body>`. +$headings-font-family: $font-family-sans-serif; +$headings-font-weight: 700; +$headings-line-height: 1.1; +$headings-color: #000; + + +//== Iconography +// +//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. + +//** Load fonts from this directory. +$icon-font-path: "../fonts/"; +//** File name for all font files. +$icon-font-name: "glyphicons-halflings-regular"; +//** Element ID within SVG icon file. +$icon-font-svg-id: "glyphicons_halflingsregular"; + + +//== Components +// +//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). + +$padding-base-vertical: 8px; +$padding-base-horizontal: 12px; + +$padding-large-vertical: 14px; +$padding-large-horizontal: 16px; + +$padding-small-vertical: 5px; +$padding-small-horizontal: 10px; + +$padding-xs-vertical: 1px; +$padding-xs-horizontal: 5px; + +$line-height-large: 1.33; +$line-height-small: 1.5; + +$border-radius-base: 4px; +$border-radius-large: 6px; +$border-radius-small: 3px; + +//** Global color for active items (e.g., navs or dropdowns). +$component-active-color: #fff; +//** Global background color for active items (e.g., navs or dropdowns). +$component-active-bg: $brand-primary; + +//** Width of the `border` for generating carets that indicator dropdowns. +$caret-width-base: 4px; +//** Carets increase slightly in size for larger components. +$caret-width-large: 5px; + + +//== Tables +// +//## Customizes the `.table` component with basic values, each used across all table variations. + +//** Padding for `<th>`s and `<td>`s. +$table-cell-padding: 8px; +//** Padding for cells in `.table-condensed`. +$table-condensed-cell-padding: 5px; + +//** Default background color used for all tables. +$table-bg: transparent; +//** Background color used for `.table-striped`. +$table-bg-accent: #f9f9f9; +//** Background color used for `.table-hover`. +$table-bg-hover: #f5f5f5; +$table-bg-active: $table-bg-hover; + +//** Border color for table and cell borders. +$table-border-color: #ddd; + + +//== Buttons +// +//## For each of Bootstrap's buttons, define text, background and border color. + +$btn-font-weight: normal; + +$btn-default-color: #fff; +$btn-default-bg: $gray-light; +$btn-default-border: $btn-default-bg; + +$btn-primary-color: $btn-default-color; +$btn-primary-bg: $brand-primary; +$btn-primary-border: $btn-primary-bg; + +$btn-success-color: $btn-default-color; +$btn-success-bg: $brand-success; +$btn-success-border: $btn-success-bg; + +$btn-info-color: $btn-default-color; +$btn-info-bg: $brand-info; +$btn-info-border: $btn-info-bg; + +$btn-warning-color: $btn-default-color; +$btn-warning-bg: $brand-warning; +$btn-warning-border: $btn-warning-bg; + +$btn-danger-color: $btn-default-color; +$btn-danger-bg: $brand-danger; +$btn-danger-border: $btn-danger-bg; + +$btn-link-disabled-color: $gray-light; + + +//== Forms +// +//## + +//** `<input>` background color +$input-bg: #fff; +//** `<input disabled>` background color +$input-bg-disabled: $gray-lighter; + +//** Text color for `<input>`s +$input-color: $text-color; +//** `<input>` border color +$input-border: #ccc; + +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 +//** Default `.form-control` border radius +$input-border-radius: $border-radius-base; +//** Large `.form-control` border radius +$input-border-radius-large: $border-radius-large; +//** Small `.form-control` border radius +$input-border-radius-small: $border-radius-small; + +//** Border color for inputs on focus +$input-border-focus: #66afe9; + +//** Placeholder text color +$input-color-placeholder: $gray-light; + +//** Default `.form-control` height +$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2); +//** Large `.form-control` height +$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2); +//** Small `.form-control` height +$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2); + +$legend-color: $text-color; +$legend-border-color: #e5e5e5; + +//** Background color for textual input addons +$input-group-addon-bg: $gray-lighter; +//** Border color for textual input addons +$input-group-addon-border-color: $input-border; + +//** Disabled cursor for form controls and buttons. +$cursor-disabled: not-allowed; + + +//== Dropdowns +// +//## Dropdown menu container and contents. + +//** Background for the dropdown menu. +$dropdown-bg: #fff; +//** Dropdown menu `border-color`. +$dropdown-border: rgba(0,0,0,.15); +//** Dropdown menu `border-color` **for IE8**. +$dropdown-fallback-border: #ccc; +//** Divider color for between dropdown items. +$dropdown-divider-bg: #e5e5e5; + +//** Dropdown link text color. +$dropdown-link-color: $gray-dark; +//** Hover color for dropdown links. +$dropdown-link-hover-color: #fff; +//** Hover background for dropdown links. +$dropdown-link-hover-bg: $component-active-bg; + +//** Active dropdown menu item text color. +$dropdown-link-active-color: #fff; +//** Active dropdown menu item background color. +$dropdown-link-active-bg: $component-active-bg; + +//** Disabled dropdown menu item background color. +$dropdown-link-disabled-color: $gray-light; + +//** Text color for headers within dropdown menus. +$dropdown-header-color: $gray-light; + +//** Deprecated `$dropdown-caret-color` as of v3.1.0 +$dropdown-caret-color: #000; + + +//-- Z-index master list +// +// Warning: Avoid customizing these values. They're used for a bird's eye view +// of components dependent on the z-axis and are designed to all work together. +// +// Note: These variables are not generated into the Customizer. + +$zindex-navbar: 1000; +$zindex-dropdown: 1000; +$zindex-popover: 1060; +$zindex-tooltip: 1070; +$zindex-navbar-fixed: 1030; +$zindex-modal: 1040; + + +//== Media queries breakpoints +// +//## Define the breakpoints at which your layout will change, adapting to different screen sizes. + +// Extra small screen / phone +//** Deprecated `$screen-xs` as of v3.0.1 +$screen-xs: 480px; +//** Deprecated `$screen-xs-min` as of v3.2.0 +$screen-xs-min: $screen-xs; +//** Deprecated `$screen-phone` as of v3.0.1 +$screen-phone: $screen-xs-min; + +// Small screen / tablet +//** Deprecated `$screen-sm` as of v3.0.1 +$screen-sm: 768px; +$screen-sm-min: $screen-sm; +//** Deprecated `$screen-tablet` as of v3.0.1 +$screen-tablet: $screen-sm-min; + +// Medium screen / desktop +//** Deprecated `$screen-md` as of v3.0.1 +$screen-md: 992px; +$screen-md-min: $screen-md; +//** Deprecated `$screen-desktop` as of v3.0.1 +$screen-desktop: $screen-md-min; + +// Large screen / wide desktop +//** Deprecated `$screen-lg` as of v3.0.1 +$screen-lg: 1200px; +$screen-lg-min: $screen-lg; +//** Deprecated `$screen-lg-desktop` as of v3.0.1 +$screen-lg-desktop: $screen-lg-min; + +// So media queries don't overlap when required, provide a maximum +$screen-xs-max: ($screen-sm-min - 1); +$screen-sm-max: ($screen-md-min - 1); +$screen-md-max: ($screen-lg-min - 1); + + +//== Grid system +// +//## Define your custom responsive grid. + +//** Number of columns in the grid. +$grid-columns: 12; +//** Padding between columns. Gets divided in half for the left and right. +$grid-gutter-width: 30px; +// Navbar collapse +//** Point at which the navbar becomes uncollapsed. +$grid-float-breakpoint: $screen-sm-min; +//** Point at which the navbar begins collapsing. +$grid-float-breakpoint-max: ($grid-float-breakpoint - 1); + + +//== Container sizes +// +//## Define the maximum width of `.container` for different screen sizes. + +// Small screen / tablet +$container-tablet: (720px + $grid-gutter-width); +//** For `$screen-sm-min` and up. +$container-sm: $container-tablet; + +// Medium screen / desktop +$container-desktop: (940px + $grid-gutter-width); +//** For `$screen-md-min` and up. +$container-md: $container-desktop; + +// Large screen / wide desktop +$container-large-desktop: (1140px + $grid-gutter-width); +//** For `$screen-lg-min` and up. +$container-lg: $container-large-desktop; + + +//== Navbar +// +//## + +// Basics of a navbar +$navbar-height: 60px; +$navbar-margin-bottom: $line-height-computed; +$navbar-border-radius: $border-radius-base; +$navbar-padding-horizontal: floor(($grid-gutter-width / 2)); +$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2); +$navbar-collapse-max-height: 340px; + +$navbar-default-color: #000; +$navbar-default-bg: #fff; +$navbar-default-border: darken($navbar-default-bg, 6.5%); + +// Navbar links +$navbar-default-link-color: #000; +$navbar-default-link-hover-color: #000; +$navbar-default-link-hover-bg: darken($navbar-default-bg, 6.5%); +$navbar-default-link-active-color: #000; +$navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%); +$navbar-default-link-disabled-color: #ccc; +$navbar-default-link-disabled-bg: transparent; + +// Navbar brand label +$navbar-default-brand-color: $navbar-default-link-color; +$navbar-default-brand-hover-color: $navbar-default-link-hover-color; +$navbar-default-brand-hover-bg: darken($navbar-default-bg, 6.5%); + +// Navbar toggle +$navbar-default-toggle-hover-bg: #ddd; +$navbar-default-toggle-icon-bar-bg: #ccc; +$navbar-default-toggle-border-color: #ddd; + + +// Inverted navbar +// Reset inverted navbar basics +$navbar-inverse-color: #fff; +$navbar-inverse-bg: $brand-primary; +$navbar-inverse-border: darken($navbar-inverse-bg, 10%); + +// Inverted navbar links +$navbar-inverse-link-color: #fff; +$navbar-inverse-link-hover-color: #fff; +$navbar-inverse-link-hover-bg: darken($navbar-inverse-bg, 6.5%); +$navbar-inverse-link-active-color: #fff; +$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 6.5%); +$navbar-inverse-link-disabled-color: #444; +$navbar-inverse-link-disabled-bg: transparent; + +// Inverted navbar brand label +$navbar-inverse-brand-color: $navbar-inverse-link-color; +$navbar-inverse-brand-hover-color: #fff; +$navbar-inverse-brand-hover-bg: darken($navbar-inverse-bg, 6.5%); + +// Inverted navbar toggle +$navbar-inverse-toggle-hover-bg: darken($navbar-inverse-bg, 10%); +$navbar-inverse-toggle-icon-bar-bg: #fff; +$navbar-inverse-toggle-border-color: darken($navbar-inverse-bg, 10%); + + +//== Navs +// +//## + +//=== Shared nav styles +$nav-link-padding: 10px 15px; +$nav-link-hover-bg: $gray-lighter; + +$nav-disabled-link-color: $gray-light; +$nav-disabled-link-hover-color: $gray-light; + +//== Tabs +$nav-tabs-border-color: #ddd; + +$nav-tabs-link-hover-border-color: $gray-lighter; + +$nav-tabs-active-link-hover-bg: $body-bg; +$nav-tabs-active-link-hover-color: $gray; +$nav-tabs-active-link-hover-border-color: #ddd; + +$nav-tabs-justified-link-border-color: #ddd; +$nav-tabs-justified-active-link-border-color: $body-bg; + +//== Pills +$nav-pills-border-radius: $border-radius-base; +$nav-pills-active-link-hover-bg: $component-active-bg; +$nav-pills-active-link-hover-color: $component-active-color; + + +//== Pagination +// +//## + +$pagination-color: $link-color; +$pagination-bg: #fff; +$pagination-border: #ddd; + +$pagination-hover-color: $link-hover-color; +$pagination-hover-bg: $gray-lighter; +$pagination-hover-border: #ddd; + +$pagination-active-color: $gray-light; +$pagination-active-bg: #f5f5f5; +$pagination-active-border: #ddd; + +$pagination-disabled-color: $gray-light; +$pagination-disabled-bg: #fff; +$pagination-disabled-border: #ddd; + + +//== Pager +// +//## + +$pager-bg: $pagination-bg; +$pager-border: $pagination-border; +$pager-border-radius: 15px; + +$pager-hover-bg: $pagination-hover-bg; + +$pager-active-bg: $pagination-active-bg; +$pager-active-color: $pagination-active-color; + +$pager-disabled-color: $gray-light; + + +//== Jumbotron +// +//## + +$jumbotron-padding: 30px; +$jumbotron-color: inherit; +$jumbotron-bg: $gray-lighter; +$jumbotron-heading-color: inherit; +$jumbotron-font-size: ceil(($font-size-base * 1.5)); + + +//== Form states and alerts +// +//## Define colors for form feedback states and, by default, alerts. + +$state-success-text: #468847; +$state-success-bg: #dff0d8; +$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%); + +$state-info-text: #3a87ad; +$state-info-bg: #d9edf7; +$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%); + +$state-warning-text: #c09853; +$state-warning-bg: #fcf8e3; +$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 3%); + +$state-danger-text: #b94a48; +$state-danger-bg: #f2dede; +$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 3%); + + +//== Tooltips +// +//## + +//** Tooltip max width +$tooltip-max-width: 200px; +//** Tooltip text color +$tooltip-color: #fff; +//** Tooltip background color +$tooltip-bg: rgba(0,0,0,.9); +$tooltip-opacity: .9; + +//** Tooltip arrow width +$tooltip-arrow-width: 5px; +//** Tooltip arrow color +$tooltip-arrow-color: $tooltip-bg; + + +//== Popovers +// +//## + +//** Popover body background color +$popover-bg: #fff; +//** Popover maximum width +$popover-max-width: 276px; +//** Popover border color +$popover-border-color: rgba(0,0,0,.2); +//** Popover fallback border color +$popover-fallback-border-color: #ccc; + +//** Popover title background color +$popover-title-bg: darken($popover-bg, 3%); + +//** Popover arrow width +$popover-arrow-width: 10px; +//** Popover arrow color +$popover-arrow-color: $popover-bg; + +//** Popover outer arrow width +$popover-arrow-outer-width: ($popover-arrow-width + 1); +//** Popover outer arrow color +$popover-arrow-outer-color: fadein($popover-border-color, 5%); +//** Popover outer arrow fallback color +$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%); + + +//== Labels +// +//## + +//** Default label background color +$label-default-bg: $btn-default-bg; +//** Primary label background color +$label-primary-bg: $brand-primary; +//** Success label background color +$label-success-bg: $brand-success; +//** Info label background color +$label-info-bg: $brand-info; +//** Warning label background color +$label-warning-bg: $brand-warning; +//** Danger label background color +$label-danger-bg: $brand-danger; + +//** Default label text color +$label-color: #fff; +//** Default text color of a linked label +$label-link-hover-color: #fff; + + +//== Modals +// +//## + +//** Padding applied to the modal body +$modal-inner-padding: 20px; + +//** Padding applied to the modal title +$modal-title-padding: 15px; +//** Modal title line-height +$modal-title-line-height: $line-height-base; + +//** Background color of modal content area +$modal-content-bg: #fff; +//** Modal content border color +$modal-content-border-color: rgba(0,0,0,.2); +//** Modal content border color **for IE8** +$modal-content-fallback-border-color: #999; + +//** Modal backdrop background color +$modal-backdrop-bg: #000; +//** Modal backdrop opacity +$modal-backdrop-opacity: .5; +//** Modal header border color +$modal-header-border-color: #e5e5e5; +//** Modal footer border color +$modal-footer-border-color: $modal-header-border-color; + +$modal-lg: 900px; +$modal-md: 600px; +$modal-sm: 300px; + + +//== Alerts +// +//## Define alert colors, border radius, and padding. + +$alert-padding: 15px; +$alert-border-radius: $border-radius-base; +$alert-link-font-weight: bold; + +$alert-success-bg: $state-success-bg; +$alert-success-text: $state-success-text; +$alert-success-border: $state-success-border; + +$alert-info-bg: $state-info-bg; +$alert-info-text: $state-info-text; +$alert-info-border: $state-info-border; + +$alert-warning-bg: $state-warning-bg; +$alert-warning-text: $state-warning-text; +$alert-warning-border: $state-warning-border; + +$alert-danger-bg: $state-danger-bg; +$alert-danger-text: $state-danger-text; +$alert-danger-border: $state-danger-border; + + +//== Progress bars +// +//## + +//** Background color of the whole progress component +$progress-bg: #f5f5f5; +//** Progress bar text color +$progress-bar-color: #fff; +//** Variable for setting rounded corners on progress bar. +$progress-border-radius: $border-radius-base; + +//** Default progress bar color +$progress-bar-bg: $brand-primary; +//** Success progress bar color +$progress-bar-success-bg: $brand-success; +//** Warning progress bar color +$progress-bar-warning-bg: $brand-warning; +//** Danger progress bar color +$progress-bar-danger-bg: $brand-danger; +//** Info progress bar color +$progress-bar-info-bg: $brand-info; + + +//== List group +// +//## + +//** Background color on `.list-group-item` +$list-group-bg: #fff; +//** `.list-group-item` border color +$list-group-border: #ddd; +//** List group border radius +$list-group-border-radius: $border-radius-base; + +//** Background color of single list items on hover +$list-group-hover-bg: #f5f5f5; +//** Text color of active list items +$list-group-active-color: $component-active-color; +//** Background color of active list items +$list-group-active-bg: $component-active-bg; +//** Border color of active list elements +$list-group-active-border: $list-group-active-bg; +//** Text color for content within active list items +$list-group-active-text-color: lighten($list-group-active-bg, 40%); + +//** Text color of disabled list items +$list-group-disabled-color: $gray-light; +//** Background color of disabled list items +$list-group-disabled-bg: $gray-lighter; +//** Text color for content within disabled list items +$list-group-disabled-text-color: $list-group-disabled-color; + +$list-group-link-color: #555; +$list-group-link-hover-color: $list-group-link-color; +$list-group-link-heading-color: #333; + + +//== Panels +// +//## + +$panel-bg: #fff; +$panel-body-padding: 15px; +$panel-heading-padding: 10px 15px; +$panel-footer-padding: $panel-heading-padding; +$panel-border-radius: $border-radius-base; + +//** Border color for elements within panels +$panel-inner-border: #ddd; +$panel-footer-bg: #f5f5f5; + +$panel-default-text: $text-color; +$panel-default-border: #ddd; +$panel-default-heading-bg: #f5f5f5; + +$panel-primary-text: #fff; +$panel-primary-border: $brand-primary; +$panel-primary-heading-bg: $brand-primary; + +$panel-success-text: $state-success-text; +$panel-success-border: $brand-success; +$panel-success-heading-bg: $brand-success; + +$panel-info-text: $state-info-text; +$panel-info-border: $brand-info; +$panel-info-heading-bg: $brand-info; + +$panel-warning-text: $state-warning-text; +$panel-warning-border: $brand-warning; +$panel-warning-heading-bg: $brand-warning; + +$panel-danger-text: $state-danger-text; +$panel-danger-border: $brand-danger; +$panel-danger-heading-bg: $brand-danger; + + +//== Thumbnails +// +//## + +//** Padding around the thumbnail image +$thumbnail-padding: 4px; +//** Thumbnail background color +$thumbnail-bg: $body-bg; +//** Thumbnail border color +$thumbnail-border: #ddd; +//** Thumbnail border radius +$thumbnail-border-radius: $border-radius-base; + +//** Custom text color for thumbnail captions +$thumbnail-caption-color: $text-color; +//** Padding around the thumbnail caption +$thumbnail-caption-padding: 9px; + + +//== Wells +// +//## + +$well-bg: #f5f5f5; +$well-border: darken($well-bg, 7%); + + +//== Badges +// +//## + +$badge-color: #fff; +//** Linked badge text color on hover +$badge-link-hover-color: #fff; +$badge-bg: $link-color; + +//** Badge text color in active nav link +$badge-active-color: $link-color; +//** Badge background color in active nav link +$badge-active-bg: #fff; + +$badge-font-weight: bold; +$badge-line-height: 1; +$badge-border-radius: 10px; + + +//== Breadcrumbs +// +//## + +$breadcrumb-padding-vertical: 8px; +$breadcrumb-padding-horizontal: 15px; +//** Breadcrumb background color +$breadcrumb-bg: #f5f5f5; +//** Breadcrumb text color +$breadcrumb-color: #ccc; +//** Text color of current page in the breadcrumb +$breadcrumb-active-color: $gray-light; +//** Textual separator for between breadcrumb elements +$breadcrumb-separator: "/"; + + +//== Carousel +// +//## + +$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); + +$carousel-control-color: #fff; +$carousel-control-width: 15%; +$carousel-control-opacity: .5; +$carousel-control-font-size: 20px; + +$carousel-indicator-active-bg: #fff; +$carousel-indicator-border-color: #fff; + +$carousel-caption-color: #fff; + + +//== Close +// +//## + +$close-font-weight: bold; +$close-color: #000; +$close-text-shadow: 0 1px 0 #fff; + + +//== Code +// +//## + +$code-color: #c7254e; +$code-bg: #f9f2f4; + +$kbd-color: #fff; +$kbd-bg: #333; + +$pre-bg: #f5f5f5; +$pre-color: $gray-dark; +$pre-border-color: #ccc; +$pre-scrollable-max-height: 340px; + + +//== Type +// +//## + +//** Horizontal offset for forms and lists. +$component-offset-horizontal: 180px; +//** Text muted color +$text-muted: $gray-light; +//** Abbreviations and acronyms border color +$abbr-border-color: $gray-light; +//** Headings small color +$headings-small-color: $gray-light; +//** Blockquote small color +$blockquote-small-color: $gray-light; +//** Blockquote font size +$blockquote-font-size: ($font-size-base * 1.25); +//** Blockquote border color +$blockquote-border-color: $gray-lighter; +//** Page header border color +$page-header-border-color: $gray-lighter; +//** Width of horizontal description list titles +$dl-horizontal-offset: $component-offset-horizontal; +//** Horizontal line color. +$hr-border: $gray-lighter; diff --git a/lumen/_bootswatch.scss b/lumen/_bootswatch.scss new file mode 100644 index 00000000..e0651720 --- /dev/null +++ b/lumen/_bootswatch.scss @@ -0,0 +1,481 @@ +// Lumen 3.3.0 +// Bootswatch +// ----------------------------------------------------- + +@import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic"); + +@mixin shadow($width: 4px){ + border-width: 0 1px $width 1px; +} + +// Navbar ===================================================================== + +.navbar { + @include shadow(); +} + +// Buttons ==================================================================== + +.btn { + padding: $padding-base-vertical+2 $padding-base-horizontal $padding-base-vertical; + @include shadow(); + font-size: 12px; + font-weight: bold; + text-transform: uppercase; + + &:hover { + margin-top: 1px; + border-bottom-width: 3px; + } + + &:active { + margin-top: 2px; + border-bottom-width: 2px; + @include box-shadow(none); + } + + &-lg, + &-group-lg > .btn { + padding: $padding-large-vertical+2 $padding-large-horizontal $padding-large-vertical; + line-height: 15px; + } + + &-sm, + &-group-sm > .btn { + padding: $padding-small-vertical+2 $padding-small-horizontal $padding-small-vertical; + } + + &-xs, + &-group-xs > .btn { + padding: $padding-xs-vertical+2 $padding-xs-horizontal $padding-xs-vertical; + } + + &-default:hover, + &-default:focus, + &-group.open .dropdown-toggle.btn-default { + background-color: $btn-default-bg; + border-color: $btn-default-border; + } + + &-primary:hover, + &-primary:focus, + &-group.open .dropdown-toggle.btn-primary { + background-color: $btn-primary-bg; + border-color: $btn-primary-border; + } + + &-success:hover, + &-success:focus, + &-group.open .dropdown-toggle.btn-success { + background-color: $btn-success-bg; + border-color: $btn-success-border; + } + + &-info:hover, + &-info:focus, + &-group.open .dropdown-toggle.btn-info { + background-color: $btn-info-bg; + border-color: $btn-info-border; + } + + &-warning:hover, + &-warning:focus, + &-group.open .dropdown-toggle.btn-warning { + background-color: $btn-warning-bg; + border-color: $btn-warning-border; + } + + &-danger:hover, + &-danger:focus, + &-group.open .dropdown-toggle.btn-danger { + background-color: $btn-danger-bg; + border-color: $btn-danger-border; + } + + &-group.open .dropdown-toggle { + @include box-shadow(none); + } +} + +.navbar-btn { + &:hover { + margin-top: 8px + } + + &:active { + margin-top: 9px + } + + &.btn-sm { + &:hover { + margin-top: 11px + } + + &:active { + margin-top: 12px + } + } + + &.btn-xs { + &:hover { + margin-top: 15px + } + + &:active { + margin-top: 16px + } + } +} + +// Typography ================================================================= + +.text-primary, +.text-primary:hover { + color: $brand-primary; +} + +.text-success, +.text-success:hover { + color: $brand-success; +} + +.text-danger, +.text-danger:hover { + color: $brand-danger; +} + +.text-warning, +.text-warning:hover { + color: $brand-warning; +} + +.text-info, +.text-info:hover { + color: $brand-info; +} + +// Tables ===================================================================== + +table, +.table { + + a:not(.btn) { + text-decoration: underline; + } + + .dropdown-menu a { + text-decoration: none; + } + + .success, + .warning, + .danger, + .info { + color: #fff; + + a:not(.btn) { + color: #fff; + } + } + + > thead > tr > th, + > tbody > tr > th, + > tfoot > tr > th, + > thead > tr > td, + > tbody > tr > td, + > tfoot > tr > td { + border-color: transparent; + } +} + +// Forms ====================================================================== + +.form-control { + @include box-shadow(inset 0 2px 0 rgba(0, 0, 0, 0.075)); +} + +label { + font-weight: normal; +} + +.has-warning { + .help-block, + .control-label, + .form-control-feedback { + color: $brand-warning; + } + + .form-control, + .form-control:focus { + border: 1px solid $brand-warning; + @include box-shadow(inset 0 2px 0 rgba(0, 0, 0, 0.075)); + } + + .input-group-addon { + border: 1px solid $brand-warning; + } +} + +.has-error { + .help-block, + .control-label, + .form-control-feedback { + color: $brand-danger; + } + + .form-control, + .form-control:focus { + border: 1px solid $brand-danger; + @include box-shadow(inset 0 2px 0 rgba(0, 0, 0, 0.075)); + } + + .input-group-addon { + border: 1px solid $brand-danger; + } +} + +.has-success { + .help-block, + .control-label, + .form-control-feedback { + color: $brand-success; + } + + .form-control, + .form-control:focus { + border: 1px solid $brand-success; + @include box-shadow(inset 0 2px 0 rgba(0, 0, 0, 0.075)); + } + + .input-group-addon { + border: 1px solid $brand-success; + } +} + +// Navs ======================================================================= + +.nav { + .open > a, + .open > a:hover, + .open > a:focus { + border-color: transparent; + } +} + +.nav-tabs { + + > li > a { + margin-top: 6px; + border-color: $navbar-default-border; + color: $gray-dark; + @include transition(all 0.2s ease-in-out); + } + + > li > a:hover, + > li > a:focus, + > li.active > a, + > li.active > a:hover, + > li.active > a:focus, + .open > a, + .open > a:hover, + .open > a:focus { + padding-top: $padding-large-vertical + 3px; + padding-bottom: $padding-large-vertical + 3px; + margin-top: 0; + } + + .open > a, + .open > a:hover, + .open > a:focus { + border-color: $navbar-default-border; + } + + > li.disabled > a:hover, + > li.disabled > a:focus { + padding-top: $padding-large-vertical; + padding-bottom: $padding-large-vertical; + margin-top: 6px; + } +} + +.dropdown-menu { + margin-top: 0; + @include shadow(); + border-top-width: 1px; + @include box-shadow(none); +} + +.breadcrumb { + border-color: darken($breadcrumb-bg, 5%); + border-style: solid; + @include shadow(); +} + +.pagination, +.pager { + + > li > a, + > li > span { + position: relative; + top: 0; + @include shadow(); + color: $pagination-color; + font-size: 12px; + font-weight: bold; + text-transform: uppercase; + + &:hover { + top: 1px; + border-bottom-width: 3px; + } + + &:active { + top: 2px; + border-bottom-width: 2px; + } + } + + > .disabled > a, + > .disabled > span { + + &:hover { + top: 0; + @include shadow(); + } + + &:active { + top: 0; + @include shadow(); + } + } +} + +.pager { + + > li > a, + > li > span, + > .disabled > a, + > .disabled > span { + + &, + &:hover, + &:active { + border-left-width: 2px; + border-right-width: 2px; + } + } +} + +// Indicators ================================================================= + +.close { + color: #fff; + text-decoration: none; + opacity: 0.4; + + &:hover, + &:focus { + color: #fff; + opacity: 1; + } +} + +.alert { + @include shadow(); + + .alert-link { + font-weight: normal; + color: #fff; + text-decoration: underline; + } +} + +.label { + font-weight: normal; +} + +// Progress bars ============================================================== + +.progress { + border: 1px solid $navbar-default-border; + @include box-shadow(inset 0 2px 0 rgba(0, 0, 0, 0.1)); + + &-bar { + @include box-shadow(inset 0 -4px 0 rgba(0, 0, 0, 0.15)); + } +} + +// Containers ================================================================= + +.well { + border: 1px solid $navbar-default-border; + @include box-shadow(inset 0 2px 0 rgba(0, 0, 0, 0.05)); +} + +a.list-group-item { + + &.active, + &.active:hover, + &.active:focus { + border-color: $list-group-border; + } + + &-success { + &.active { + background-color: $state-success-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-success-bg, 5%); + } + } + + &-warning { + &.active { + background-color: $state-warning-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-warning-bg, 5%); + } + } + + &-danger { + &.active { + background-color: $state-danger-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-danger-bg, 5%); + } + } +} + +.jumbotron { + border: 1px solid $navbar-default-border; + @include box-shadow(inset 0 2px 0 rgba(0, 0, 0, 0.05)); +} + +.panel { + border: 1px solid $navbar-default-border; + @include shadow(); + + &-default { + .close { + color: $text-color; + } + } +} + +.modal { + .close { + color: $text-color; + } +} + +.popover { + color: $text-color; +} diff --git a/lumen/_variables.scss b/lumen/_variables.scss new file mode 100644 index 00000000..04ae96b3 --- /dev/null +++ b/lumen/_variables.scss @@ -0,0 +1,856 @@ +// Lumen 3.3.0 +// Variables +// -------------------------------------------------- + + +//== Colors +// +//## Gray and brand colors for use across Bootstrap. + +$gray-base: #000; +$gray-darker: lighten($gray-base, 13.5%); // #222 +$gray-dark: lighten($gray-base, 20%); // #333 +$gray: lighten($gray-base, 33.5%); // #555 +$gray-light: lighten($gray-base, 60%); // #999 +$gray-lighter: lighten($gray-base, 93.5%); // #eee + +$brand-primary: #158CBA; +$brand-success: #28B62C; +$brand-info: #75CAEB; +$brand-warning: #FF851B; +$brand-danger: #FF4136; + + +//== Scaffolding +// +//## Settings for some of the most global styles. + +//** Background color for `<body>`. +$body-bg: #fff; +//** Global text color on `<body>`. +$text-color: $gray; + +//** Global textual link color. +$link-color: $brand-primary; +//** Link hover color set via `darken()` function. +$link-hover-color: $link-color; +//** Link hover decoration. +$link-hover-decoration: underline; + + +//== Typography +// +//## Font, line-height, and color for body text, headings, and more. + +$font-family-sans-serif: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; +$font-family-serif: Georgia, "Times New Roman", Times, serif; +//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. +$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; +$font-family-base: $font-family-sans-serif; + +$font-size-base: 14px; +$font-size-large: ceil(($font-size-base * 1.25)); // ~18px +$font-size-small: ceil(($font-size-base * 0.85)); // ~12px + +$font-size-h1: floor(($font-size-base * 2.6)); // ~36px +$font-size-h2: floor(($font-size-base * 2.15)); // ~30px +$font-size-h3: ceil(($font-size-base * 1.7)); // ~24px +$font-size-h4: ceil(($font-size-base * 1.25)); // ~18px +$font-size-h5: $font-size-base; +$font-size-h6: ceil(($font-size-base * 0.85)); // ~12px + +//** Unit-less `line-height` for use in components like buttons. +$line-height-base: 1.428571429; // 20/14 +//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. +$line-height-computed: floor(($font-size-base * $line-height-base)); // ~20px + +//** By default, this inherits from the `<body>`. +$headings-font-family: inherit; +$headings-font-weight: 400; +$headings-line-height: 1.1; +$headings-color: $gray-dark; + + +//== Iconography +// +//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. + +//** Load fonts from this directory. +$icon-font-path: "../fonts/"; +//** File name for all font files. +$icon-font-name: "glyphicons-halflings-regular"; +//** Element ID within SVG icon file. +$icon-font-svg-id: "glyphicons_halflingsregular"; + + +//== Components +// +//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). + +$padding-base-vertical: 7px; +$padding-base-horizontal: 12px; + +$padding-large-vertical: 13px; +$padding-large-horizontal: 16px; + +$padding-small-vertical: 4px; +$padding-small-horizontal: 10px; + +$padding-xs-vertical: 1px; +$padding-xs-horizontal: 5px; + +$line-height-large: 1.33; +$line-height-small: 1.5; + +$border-radius-base: 4px; +$border-radius-large: 5px; +$border-radius-small: 2px; + +//** Global color for active items (e.g., navs or dropdowns). +$component-active-color: #fff; +//** Global background color for active items (e.g., navs or dropdowns). +$component-active-bg: $brand-primary; + +//** Width of the `border` for generating carets that indicator dropdowns. +$caret-width-base: 4px; +//** Carets increase slightly in size for larger components. +$caret-width-large: 5px; + + +//== Tables +// +//## Customizes the `.table` component with basic values, each used across all table variations. + +//** Padding for `<th>`s and `<td>`s. +$table-cell-padding: 8px; +//** Padding for cells in `.table-condensed`. +$table-condensed-cell-padding: 5px; + +//** Default background color used for all tables. +$table-bg: transparent; +//** Background color used for `.table-striped`. +$table-bg-accent: #f9f9f9; +//** Background color used for `.table-hover`. +$table-bg-hover: #f5f5f5; +$table-bg-active: $table-bg-hover; + +//** Border color for table and cell borders. +$table-border-color: #ddd; + + +//== Buttons +// +//## For each of Bootstrap's buttons, define text, background and border color. + +$btn-font-weight: normal; + +$btn-default-color: $gray; +$btn-default-bg: $gray-lighter; +$btn-default-border: darken($btn-default-bg, 5%); + +$btn-primary-color: #fff; +$btn-primary-bg: $brand-primary; +$btn-primary-border: darken($btn-primary-bg, 5%); + +$btn-success-color: #fff; +$btn-success-bg: $brand-success; +$btn-success-border: darken($btn-success-bg, 5%); + +$btn-info-color: #fff; +$btn-info-bg: $brand-info; +$btn-info-border: darken($btn-info-bg, 5%); + +$btn-warning-color: #fff; +$btn-warning-bg: $brand-warning; +$btn-warning-border: darken($btn-warning-bg, 5%); + +$btn-danger-color: #fff; +$btn-danger-bg: $brand-danger; +$btn-danger-border: darken($btn-danger-bg, 5%); + +$btn-link-disabled-color: $gray-light; + + +//== Forms +// +//## + +//** `<input>` background color +$input-bg: #fff; +//** `<input disabled>` background color +$input-bg-disabled: $gray-lighter; + +//** Text color for `<input>`s +$input-color: $gray; +//** `<input>` border color +$input-border: darken(#f8f8f8, 6.5%); + +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 +//** Default `.form-control` border radius +$input-border-radius: $border-radius-base; +//** Large `.form-control` border radius +$input-border-radius-large: $border-radius-large; +//** Small `.form-control` border radius +$input-border-radius-small: $border-radius-small; + +//** Border color for inputs on focus +$input-border-focus: #66afe9; + +//** Placeholder text color +$input-color-placeholder: $gray-light; + +//** Default `.form-control` height +$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 4); +//** Large `.form-control` height +$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2); +//** Small `.form-control` height +$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2); + +$legend-color: $gray-dark; +$legend-border-color: #e5e5e5; + +//** Background color for textual input addons +$input-group-addon-bg: $gray-lighter; +//** Border color for textual input addons +$input-group-addon-border-color: $input-border; + +//** Disabled cursor for form controls and buttons. +$cursor-disabled: not-allowed; + + +//== Dropdowns +// +//## Dropdown menu container and contents. + +//** Background for the dropdown menu. +$dropdown-bg: #fff; +//** Dropdown menu `border-color`. +$dropdown-border: $input-border; +//** Dropdown menu `border-color` **for IE8**. +$dropdown-fallback-border: #ccc; +//** Divider color for between dropdown items. +$dropdown-divider-bg: $gray-lighter; + +//** Dropdown link text color. +$dropdown-link-color: $gray-light; +//** Hover color for dropdown links. +$dropdown-link-hover-color: $gray-dark; +//** Hover background for dropdown links. +$dropdown-link-hover-bg: transparent; + +//** Active dropdown menu item text color. +$dropdown-link-active-color: $component-active-color; +//** Active dropdown menu item background color. +$dropdown-link-active-bg: $component-active-bg; + +//** Disabled dropdown menu item background color. +$dropdown-link-disabled-color: $gray-lighter; + +//** Text color for headers within dropdown menus. +$dropdown-header-color: $gray-light; + +//** Deprecated `$dropdown-caret-color` as of v3.1.0 +$dropdown-caret-color: #000; + + +//-- Z-index master list +// +// Warning: Avoid customizing these values. They're used for a bird's eye view +// of components dependent on the z-axis and are designed to all work together. +// +// Note: These variables are not generated into the Customizer. + +$zindex-navbar: 1000; +$zindex-dropdown: 1000; +$zindex-popover: 1060; +$zindex-tooltip: 1070; +$zindex-navbar-fixed: 1030; +$zindex-modal: 1040; + + +//== Media queries breakpoints +// +//## Define the breakpoints at which your layout will change, adapting to different screen sizes. + +// Extra small screen / phone +//** Deprecated `$screen-xs` as of v3.0.1 +$screen-xs: 480px; +//** Deprecated `$screen-xs-min` as of v3.2.0 +$screen-xs-min: $screen-xs; +//** Deprecated `$screen-phone` as of v3.0.1 +$screen-phone: $screen-xs-min; + +// Small screen / tablet +//** Deprecated `$screen-sm` as of v3.0.1 +$screen-sm: 768px; +$screen-sm-min: $screen-sm; +//** Deprecated `$screen-tablet` as of v3.0.1 +$screen-tablet: $screen-sm-min; + +// Medium screen / desktop +//** Deprecated `$screen-md` as of v3.0.1 +$screen-md: 992px; +$screen-md-min: $screen-md; +//** Deprecated `$screen-desktop` as of v3.0.1 +$screen-desktop: $screen-md-min; + +// Large screen / wide desktop +//** Deprecated `$screen-lg` as of v3.0.1 +$screen-lg: 1200px; +$screen-lg-min: $screen-lg; +//** Deprecated `$screen-lg-desktop` as of v3.0.1 +$screen-lg-desktop: $screen-lg-min; + +// So media queries don't overlap when required, provide a maximum +$screen-xs-max: ($screen-sm-min - 1); +$screen-sm-max: ($screen-md-min - 1); +$screen-md-max: ($screen-lg-min - 1); + + +//== Grid system +// +//## Define your custom responsive grid. + +//** Number of columns in the grid. +$grid-columns: 12; +//** Padding between columns. Gets divided in half for the left and right. +$grid-gutter-width: 30px; +// Navbar collapse +//** Point at which the navbar becomes uncollapsed. +$grid-float-breakpoint: $screen-sm-min; +//** Point at which the navbar begins collapsing. +$grid-float-breakpoint-max: ($grid-float-breakpoint - 1); + + +//== Container sizes +// +//## Define the maximum width of `.container` for different screen sizes. + +// Small screen / tablet +$container-tablet: (720px + $grid-gutter-width); +//** For `$screen-sm-min` and up. +$container-sm: $container-tablet; + +// Medium screen / desktop +$container-desktop: (940px + $grid-gutter-width); +//** For `$screen-md-min` and up. +$container-md: $container-desktop; + +// Large screen / wide desktop +$container-large-desktop: (1140px + $grid-gutter-width); +//** For `$screen-lg-min` and up. +$container-lg: $container-large-desktop; + + +//== Navbar +// +//## + +// Basics of a navbar +$navbar-height: 50px; +$navbar-margin-bottom: $line-height-computed; +$navbar-border-radius: $border-radius-base; +$navbar-padding-horizontal: floor(($grid-gutter-width / 2)); +$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2); +$navbar-collapse-max-height: 340px; + +$navbar-default-color: $text-color; +$navbar-default-bg: #f8f8f8; +$navbar-default-border: $input-border; + +// Navbar links +$navbar-default-link-color: $gray-light; +$navbar-default-link-hover-color: $gray-dark; +$navbar-default-link-hover-bg: transparent; +$navbar-default-link-active-color: $navbar-default-link-hover-color; +$navbar-default-link-active-bg: transparent; +$navbar-default-link-disabled-color: $gray-lighter; +$navbar-default-link-disabled-bg: transparent; + +// Navbar brand label +$navbar-default-brand-color: $navbar-default-link-hover-color; +$navbar-default-brand-hover-color: $navbar-default-link-hover-color; +$navbar-default-brand-hover-bg: transparent; + +// Navbar toggle +$navbar-default-toggle-hover-bg: #fff; +$navbar-default-toggle-icon-bar-bg: $gray-light; +$navbar-default-toggle-border-color: $gray-lighter; + + +// Inverted navbar +// Reset inverted navbar basics +$navbar-inverse-color: $gray-light; +$navbar-inverse-bg: #fff; +$navbar-inverse-border: darken($navbar-inverse-bg, 10%); + +// Inverted navbar links +$navbar-inverse-link-color: $gray-light; +$navbar-inverse-link-hover-color: $gray-dark; +$navbar-inverse-link-hover-bg: transparent; +$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color; +$navbar-inverse-link-active-bg: transparent; +$navbar-inverse-link-disabled-color: $gray-lighter; +$navbar-inverse-link-disabled-bg: transparent; + +// Inverted navbar brand label +$navbar-inverse-brand-color: $navbar-inverse-link-color; +$navbar-inverse-brand-hover-color: $navbar-inverse-link-hover-color; +$navbar-inverse-brand-hover-bg: transparent; + +// Inverted navbar toggle +$navbar-inverse-toggle-hover-bg: $gray-lighter; +$navbar-inverse-toggle-icon-bar-bg: $gray-light; +$navbar-inverse-toggle-border-color: $gray-lighter; + + +//== Navs +// +//## + +//=== Shared nav styles +$nav-link-padding: 10px 15px; +$nav-link-hover-bg: #fff; + +$nav-disabled-link-color: $gray-light; +$nav-disabled-link-hover-color: $gray-light; + +//== Tabs +$nav-tabs-border-color: $navbar-default-border; + +$nav-tabs-link-hover-border-color: $gray-lighter; + +$nav-tabs-active-link-hover-bg: #fff; +$nav-tabs-active-link-hover-color: $gray; +$nav-tabs-active-link-hover-border-color: $nav-tabs-border-color; + +$nav-tabs-justified-link-border-color: $nav-tabs-border-color; +$nav-tabs-justified-active-link-border-color: $body-bg; + +//== Pills +$nav-pills-border-radius: $border-radius-base; +$nav-pills-active-link-hover-bg: $component-active-bg; +$nav-pills-active-link-hover-color: $component-active-color; + + +//== Pagination +// +//## + +$pagination-color: $btn-default-color; +$pagination-bg: $btn-default-bg; +$pagination-border: $btn-default-border; + +$pagination-hover-color: $pagination-color; +$pagination-hover-bg: $pagination-bg; +$pagination-hover-border: $pagination-border; + +$pagination-active-color: #fff; +$pagination-active-bg: $brand-primary; +$pagination-active-border: $btn-primary-border; + +$pagination-disabled-color: $gray-light; +$pagination-disabled-bg: $pagination-bg; +$pagination-disabled-border: $pagination-border; + + +//== Pager +// +//## + +$pager-bg: $pagination-bg; +$pager-border: $pagination-border; +$pager-border-radius: 15px; + +$pager-hover-bg: $pagination-hover-bg; + +$pager-active-bg: $pagination-active-bg; +$pager-active-color: $pagination-active-color; + +$pager-disabled-color: $pagination-disabled-color; + + +//== Jumbotron +// +//## + +$jumbotron-padding: 30px; +$jumbotron-color: inherit; +$jumbotron-bg: #fafafa; +$jumbotron-heading-color: inherit; +$jumbotron-font-size: ceil(($font-size-base * 1.5)); + + +//== Form states and alerts +// +//## Define colors for form feedback states and, by default, alerts. + +$state-success-text: #fff; +$state-success-bg: $brand-success; +$state-success-border: darken($state-success-bg, 4%); + +$state-info-text: #fff; +$state-info-bg: $brand-info; +$state-info-border: darken($state-info-bg, 12%); + +$state-warning-text: #fff; +$state-warning-bg: $brand-warning; +$state-warning-border: darken($state-warning-bg, 5%); + +$state-danger-text: #fff; +$state-danger-bg: $brand-danger; +$state-danger-border: darken($state-danger-bg, 10%); + + +//== Tooltips +// +//## + +//** Tooltip max width +$tooltip-max-width: 200px; +//** Tooltip text color +$tooltip-color: #fff; +//** Tooltip background color +$tooltip-bg: #000; +$tooltip-opacity: .9; + +//** Tooltip arrow width +$tooltip-arrow-width: 5px; +//** Tooltip arrow color +$tooltip-arrow-color: $tooltip-bg; + + +//== Popovers +// +//## + +//** Popover body background color +$popover-bg: #fff; +//** Popover maximum width +$popover-max-width: 276px; +//** Popover border color +$popover-border-color: rgba(0,0,0,.2); +//** Popover fallback border color +$popover-fallback-border-color: #ccc; + +//** Popover title background color +$popover-title-bg: darken($popover-bg, 3%); + +//** Popover arrow width +$popover-arrow-width: 10px; +//** Popover arrow color +$popover-arrow-color: $popover-bg; + +//** Popover outer arrow width +$popover-arrow-outer-width: ($popover-arrow-width + 1); +//** Popover outer arrow color +$popover-arrow-outer-color: fadein($popover-border-color, 5%); +//** Popover outer arrow fallback color +$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%); + + +//== Labels +// +//## + +//** Default label background color +$label-default-bg: $gray-light; +//** Primary label background color +$label-primary-bg: $brand-primary; +//** Success label background color +$label-success-bg: $brand-success; +//** Info label background color +$label-info-bg: $brand-info; +//** Warning label background color +$label-warning-bg: $brand-warning; +//** Danger label background color +$label-danger-bg: $brand-danger; + +//** Default label text color +$label-color: #fff; +//** Default text color of a linked label +$label-link-hover-color: #fff; + + +//== Modals +// +//## + +//** Padding applied to the modal body +$modal-inner-padding: 20px; + +//** Padding applied to the modal title +$modal-title-padding: 15px; +//** Modal title line-height +$modal-title-line-height: $line-height-base; + +//** Background color of modal content area +$modal-content-bg: #fff; +//** Modal content border color +$modal-content-border-color: rgba(0,0,0,.2); +//** Modal content border color **for IE8** +$modal-content-fallback-border-color: #999; + +//** Modal backdrop background color +$modal-backdrop-bg: #000; +//** Modal backdrop opacity +$modal-backdrop-opacity: .5; +//** Modal header border color +$modal-header-border-color: #e5e5e5; +//** Modal footer border color +$modal-footer-border-color: $modal-header-border-color; + +$modal-lg: 900px; +$modal-md: 600px; +$modal-sm: 300px; + + +//== Alerts +// +//## Define alert colors, border radius, and padding. + +$alert-padding: 15px; +$alert-border-radius: $border-radius-base; +$alert-link-font-weight: bold; + +$alert-success-bg: $state-success-bg; +$alert-success-text: $state-success-text; +$alert-success-border: $state-success-border; + +$alert-info-bg: $state-info-bg; +$alert-info-text: $state-info-text; +$alert-info-border: $state-info-border; + +$alert-warning-bg: $state-warning-bg; +$alert-warning-text: $state-warning-text; +$alert-warning-border: $state-warning-border; + +$alert-danger-bg: $state-danger-bg; +$alert-danger-text: $state-danger-text; +$alert-danger-border: $state-danger-border; + + +//== Progress bars +// +//## + +//** Background color of the whole progress component +$progress-bg: $jumbotron-bg; +//** Progress bar text color +$progress-bar-color: #fff; +//** Variable for setting rounded corners on progress bar. +$progress-border-radius: $border-radius-base; + +//** Default progress bar color +$progress-bar-bg: $brand-primary; +//** Success progress bar color +$progress-bar-success-bg: $brand-success; +//** Warning progress bar color +$progress-bar-warning-bg: $brand-warning; +//** Danger progress bar color +$progress-bar-danger-bg: $brand-danger; +//** Info progress bar color +$progress-bar-info-bg: $brand-info; + + +//== List group +// +//## + +//** Background color on `.list-group-item` +$list-group-bg: #fff; +//** `.list-group-item` border color +$list-group-border: #ddd; +//** List group border radius +$list-group-border-radius: $border-radius-base; + +//** Background color of single list items on hover +$list-group-hover-bg: #f5f5f5; +//** Text color of active list items +$list-group-active-color: $component-active-color; +//** Background color of active list elements +$list-group-active-bg: $component-active-bg; +//** Background color of active list items +$list-group-active-border: $list-group-active-bg; +//** Text color for content within active list items +$list-group-active-text-color: lighten($list-group-active-bg, 40%); + +//** Text color of disabled list items +$list-group-disabled-color: $gray-light; +//** Background color of disabled list items +$list-group-disabled-bg: $gray-lighter; +//** Text color for content within disabled list items +$list-group-disabled-text-color: $list-group-disabled-color; + +$list-group-link-color: #555; +$list-group-link-hover-color: $list-group-link-color; +$list-group-link-heading-color: #333; + + +//== Panels +// +//## + +$panel-bg: #fff; +$panel-body-padding: 15px; +$panel-heading-padding: 10px 15px; +$panel-footer-padding: $panel-heading-padding; +$panel-border-radius: $border-radius-base; + +//** Border color for elements within panels +$panel-inner-border: transparent; +$panel-footer-bg: #f5f5f5; + +$panel-default-text: $gray-dark; +$panel-default-border: transparent; +$panel-default-heading-bg: #f5f5f5; + +$panel-primary-text: #fff; +$panel-primary-border: transparent; +$panel-primary-heading-bg: $brand-primary; + +$panel-success-text: $state-success-text; +$panel-success-border: transparent; +$panel-success-heading-bg: $state-success-bg; + +$panel-info-text: $state-info-text; +$panel-info-border: transparent; +$panel-info-heading-bg: $state-info-bg; + +$panel-warning-text: $state-warning-text; +$panel-warning-border: transparent; +$panel-warning-heading-bg: $state-warning-bg; + +$panel-danger-text: $state-danger-text; +$panel-danger-border: transparent; +$panel-danger-heading-bg: $state-danger-bg; + + +//== Thumbnails +// +//## + +//** Padding around the thumbnail image +$thumbnail-padding: 4px; +//** Thumbnail background color +$thumbnail-bg: $body-bg; +//** Thumbnail border color +$thumbnail-border: $gray-lighter; +//** Thumbnail border radius +$thumbnail-border-radius: $border-radius-base; + +//** Custom text color for thumbnail captions +$thumbnail-caption-color: $text-color; +//** Padding around the thumbnail caption +$thumbnail-caption-padding: 9px; + + +//== Wells +// +//## + +$well-bg: $jumbotron-bg; +$well-border: darken($well-bg, 7%); + + +//== Badges +// +//## + +$badge-color: #fff; +//** Linked badge text color on hover +$badge-link-hover-color: #fff; +$badge-bg: $brand-primary; + +//** Badge text color in active nav link +$badge-active-color: $link-color; +//** Badge background color in active nav link +$badge-active-bg: #fff; + +$badge-font-weight: normal; +$badge-line-height: 1; +$badge-border-radius: 10px; + + +//== Breadcrumbs +// +//## + +$breadcrumb-padding-vertical: 8px; +$breadcrumb-padding-horizontal: 15px; +//** Breadcrumb background color +$breadcrumb-bg: $well-bg; +//** Breadcrumb text color +$breadcrumb-color: $gray-light; +//** Text color of current page in the breadcrumb +$breadcrumb-active-color: $gray-light; +//** Textual separator for between breadcrumb elements +$breadcrumb-separator: ">"; + + +//== Carousel +// +//## + +$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); + +$carousel-control-color: #fff; +$carousel-control-width: 15%; +$carousel-control-opacity: .5; +$carousel-control-font-size: 20px; + +$carousel-indicator-active-bg: #fff; +$carousel-indicator-border-color: #fff; + +$carousel-caption-color: #fff; + + +//== Close +// +//## + +$close-font-weight: bold; +$close-color: #fff; +$close-text-shadow: 0 1px 0 #fff; + + +//== Code +// +//## + +$code-color: #c7254e; +$code-bg: #f9f2f4; + +$kbd-color: #fff; +$kbd-bg: #333; + +$pre-bg: #f5f5f5; +$pre-color: $gray-dark; +$pre-border-color: #ccc; +$pre-scrollable-max-height: 340px; + + +//== Type +// +//## + +//** Horizontal offset for forms and lists. +$component-offset-horizontal: 180px; +//** Text muted color +$text-muted: $gray-light; +//** Abbreviations and acronyms border color +$abbr-border-color: $gray-light; +//** Headings small color +$headings-small-color: $gray-light; +//** Blockquote small color +$blockquote-small-color: $gray-light; +//** Blockquote font size +$blockquote-font-size: ($font-size-base * 1.25); +//** Blockquote border color +$blockquote-border-color: $gray-lighter; +//** Page header border color +$page-header-border-color: $gray-lighter; +//** Width of horizontal description list titles +$dl-horizontal-offset: $component-offset-horizontal; +//** Horizontal line color. +$hr-border: $gray-lighter; diff --git a/lumen/variables.less b/lumen/variables.less index 7a6aa6fb..df7264af 100644 --- a/lumen/variables.less +++ b/lumen/variables.less @@ -183,7 +183,7 @@ //** Text color for `<input>`s @input-color: @gray; //** `<input>` border color -@input-border: @navbar-default-border; +@input-border: darken(#f8f8f8, 6.5%); // TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4 //** Default `.form-control` border radius @@ -225,7 +225,7 @@ //** Background for the dropdown menu. @dropdown-bg: #fff; //** Dropdown menu `border-color`. -@dropdown-border: @navbar-default-border; +@dropdown-border: @input-border; //** Dropdown menu `border-color` **for IE8**. @dropdown-fallback-border: #ccc; //** Divider color for between dropdown items. @@ -356,7 +356,7 @@ @navbar-default-color: @text-color; @navbar-default-bg: #f8f8f8; -@navbar-default-border: darken(@navbar-default-bg, 6.5%); +@navbar-default-border: @input-border; // Navbar links @navbar-default-link-color: @gray-light; @@ -476,7 +476,7 @@ @jumbotron-padding: 30px; @jumbotron-color: inherit; -@jumbotron-bg: @well-bg; +@jumbotron-bg: #fafafa; @jumbotron-heading-color: inherit; @jumbotron-font-size: ceil((@font-size-base * 1.5)); @@ -635,7 +635,7 @@ //## //** Background color of the whole progress component -@progress-bg: #fafafa; +@progress-bg: @jumbotron-bg; //** Progress bar text color @progress-bar-color: #fff; //** Variable for setting rounded corners on progress bar. @@ -749,7 +749,7 @@ // //## -@well-bg: #fafafa; +@well-bg: @jumbotron-bg; @well-border: darken(@well-bg, 7%); diff --git a/package.json b/package.json index 6c902d6e..07bee62d 100644 --- a/package.json +++ b/package.json @@ -20,6 +20,7 @@ "grunt-contrib-concat": "~0.3.0", "grunt-contrib-connect": "~0.8.0", "grunt-contrib-less": "~0.9.0", + "grunt-contrib-sass": "~0.7.4", "grunt-contrib-watch": "~0.5.1" } } diff --git a/paper/_bootswatch.scss b/paper/_bootswatch.scss new file mode 100644 index 00000000..3bfecc38 --- /dev/null +++ b/paper/_bootswatch.scss @@ -0,0 +1,408 @@ +// Paper 3.3.0 +// Bootswatch +// ----------------------------------------------------- + +@import url("//fonts.googleapis.com/css?family=Roboto:300,400,500"); + +// Navbar ===================================================================== + +.navbar { + border: none; + @include box-shadow(0 1px 2px rgba(0,0,0,.3)); + + &-brand { + font-size: 24px; + } + + &-inverse { + .form-control { + color: #fff; + @include placeholder($navbar-inverse-link-color); + + &[type=text] { + @include box-shadow(inset 0 -1px 0 $navbar-inverse-link-color); + + &:focus { + @include box-shadow(inset 0 -2px 0 #fff); + } + } + } + } + + &-nav > li > .dropdown-menu { + margin-top: 2px; + } +} + +// Buttons ==================================================================== + +@mixin btn($class,$bg){ + .btn-#{$class} { + @include gradient-radial($bg 80%, darken($bg, 6%) 81%); + background-size: 200%; + background-position: 50%; + transition: background-size 2s; + + &:hover { + background-size: 100%; + border-color: darken($bg, 6%); + } + + &:active { + background-color: darken($bg, 6%); + @include gradient-radial(darken($bg, 6%) 10%, $bg 11%); + background-size: 1000%; + @include box-shadow(2px 2px 2px rgba(0,0,0,.3)); + } + } +} + +@include btn(default,$btn-default-bg); +@include btn(primary,$btn-primary-bg); +@include btn(success,$btn-success-bg); +@include btn(info,$btn-info-bg); +@include btn(warning,$btn-warning-bg); +@include btn(danger,$btn-danger-bg); + +.btn { + text-transform: uppercase; + border-right: none; + border-bottom: none; + @include box-shadow(1px 1px 2px rgba(0,0,0,.3)); + @include transition(all 0.2s); + + &-link { + @include box-shadow(none); + + &:hover, + &:focus { + color: $brand-primary; + text-decoration: none; + } + } + + &-default.disabled { + border: 1px solid $btn-default-border; + } +} + +// Typography ================================================================= + +body { + -webkit-font-smoothing: antialiased; + letter-spacing: .1px; + text-rendering: optimizeLegibility; +} + +p { + margin: 0 0 1em; +} + +input, +button { + -webkit-font-smoothing: antialiased; + letter-spacing: .1px; + text-rendering: optimizeLegibility; +} + +a { + @include transition(all 0.2s); +} + +// Tables ===================================================================== + +// Forms ====================================================================== + +textarea, +textarea.form-control, +input.form-control, +input[type=text], +input[type=password], +input[type=email], +input[type=number], +[type=text].form-control, +[type=password].form-control, +[type=email].form-control, +[type=tel].form-control { + padding: 0; + border: none; + border-radius: 0; + @include box-shadow(inset 0 -1px 0 #ddd); + font-size: 16px; + + &:focus { + @include box-shadow(inset 0 -2px 0 $brand-primary); + } + + &[disabled], + &[readonly] { + @include box-shadow(none); + border-bottom: 1px dotted #ddd; + } +} + +select, +select.form-control { + border: 0; + border-radius: 0; + -webkit-appearance: none; + @include box-shadow(inset 0 -1px 0 #ddd); + font-size: 16px; + padding-left: 0px; + + &:focus { + @include box-shadow(inset 0 -2px 0 $brand-primary); + } +} + +.has-warning { + input, + .form-control, + input:focus, + .form-control:focus { + @include box-shadow(inset 0 -2px 0 $brand-warning); + } +} + +.has-error { + input, + .form-control, + input:focus, + .form-control:focus { + @include box-shadow(inset 0 -2px 0 $brand-danger); + } +} + +.has-success { + input, + .form-control, + input:focus, + .form-control:focus { + @include box-shadow(inset 0 -2px 0 $brand-success); + } +} + +// Navs ======================================================================= + +.nav-tabs { + & > li > a { + border: none; + margin-right: 0; + color: $navbar-default-link-color; + @include box-shadow(inset 0 -1px 0 #ddd); + @include transition(all 0.2s); + + &:hover { + background-color: transparent; + @include box-shadow(inset 0 -2px 0 $brand-primary); + color: $brand-primary; + } + } + + & > li.active > a { + border: none; + @include box-shadow(inset 0 -2px 0 $brand-primary); + color: $brand-primary; + + &:hover { + border: none; + color: $brand-primary; + } + } + + & > li.disabled > a { + @include box-shadow(inset 0 -1px 0 #ddd); + } + + &.nav-justified { + + & > li > a, + & > li > a:hover, + & > .active > a, + & > .active > a:hover { + border: none; + } + } + + .dropdown-menu { + margin-top: 0; + } +} + +.dropdown-menu { + border: none; + @include box-shadow(0 1px 4px rgba(0,0,0,.3)); +} + +// Indicators ================================================================= + +.alert { + border: none; + color: #fff; + + &-success { + background-color: $brand-success; + } + + &-info { + background-color: $brand-info; + } + + &-warning { + background-color: $brand-warning; + } + + &-danger { + background-color: $brand-danger; + } + + a:not(.close), + .alert-link { + color: #fff; + font-weight: bold; + } + + .close { + color: #fff; + } +} + +.badge { + padding: 3px 6px 5px; +} + +.progress { + position: relative; + z-index: 1; + height: 6px; + border-radius: 0; + + @include box-shadow(none); + + &-bar { + @include box-shadow(none); + + &:last-child { + border-radius: 0 3px 3px 0; + } + + &:last-child { + &:before { + display: block; + content: 'div::before'; + position: absolute; + width: 100%; + height: 100%; + left: 0; + right: 0; + z-index: -1; + background-color: lighten($progress-bar-bg, 35%); + } + } + + &-success:last-child.progress-bar:before { + background-color: lighten($brand-success, 35%); + } + + &-info:last-child.progress-bar:before { + background-color: lighten($brand-info, 45%); + } + &-warning:last-child.progress-bar:before { + background-color: lighten($brand-warning, 35%); + } + + &-danger:last-child.progress-bar:before { + background-color: lighten($brand-danger, 25%); + } + } +} + +// Progress bars ============================================================== + +// Containers ================================================================= + +.close { + font-size: 34px; + font-weight: 300; + line-height: 24px; + opacity: 0.6; + + &:hover { + opacity: 1; + } +} + +.list-group { + + &-item { + padding: 15px; + } + + &-item-text { + color: $gray-light; + } +} + +.well { + border-radius: 0; + @include box-shadow(none); +} + +.panel { + border: none; + border-radius: 2px; + @include box-shadow(0 1px 4px rgba(0,0,0,.3)); + + &-heading { + border-bottom: none; + } + + &-footer { + border-top: none; + } + + &-success { + .panel-heading { + background-color: $brand-success; + } + + .panel-title { + color: #fff; + } + } + + &-info { + .panel-heading { + background-color: $brand-info; + } + + .panel-title { + color: #fff; + } + } + + &-warning { + .panel-heading { + background-color: $brand-warning; + } + + .panel-title { + color: #fff; + } + } + + &-danger { + .panel-heading { + background-color: $brand-danger; + } + + .panel-title { + color: #fff; + } + } +} + +.popover { + border: none; + @include box-shadow(0 1px 4px rgba(0,0,0,.3)); +} diff --git a/paper/_variables.scss b/paper/_variables.scss new file mode 100644 index 00000000..a280e5b3 --- /dev/null +++ b/paper/_variables.scss @@ -0,0 +1,856 @@ +// Paper 3.3.0 +// Variables +// -------------------------------------------------- + + +//== Colors +// +//## Gray and brand colors for use across Bootstrap. + +$gray-base: #000; +$gray-darker: lighten($gray-base, 13.5%); // #222 +$gray-dark: #212121; +$gray: #666; +$gray-light: #bbb; +$gray-lighter: lighten($gray-base, 93.5%); // #eee + +$brand-primary: #2196F3; +$brand-success: #4CAF50; +$brand-info: #9C27B0; +$brand-warning: #ff9800; +$brand-danger: #e51c23; + + +//== Scaffolding +// +//## Settings for some of the most global styles. + +//** Background color for `<body>`. +$body-bg: #fff; +//** Global text color on `<body>`. +$text-color: $gray; + +//** Global textual link color. +$link-color: $brand-primary; +//** Link hover color set via `darken()` function. +$link-hover-color: darken($link-color, 15%); +//** Link hover decoration. +$link-hover-decoration: underline; + + +//== Typography +// +//## Font, line-height, and color for body text, headings, and more. + +$font-family-sans-serif: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; +$font-family-serif: Georgia, "Times New Roman", Times, serif; +//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. +$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; +$font-family-base: $font-family-sans-serif; + +$font-size-base: 13px; +$font-size-large: ceil(($font-size-base * 1.25)); // ~18px +$font-size-small: ceil(($font-size-base * 0.85)); // ~12px + +$font-size-h1: 56px; +$font-size-h2: 45px; +$font-size-h3: 34px; +$font-size-h4: 24px; +$font-size-h5: 20px; +$font-size-h6: 14px; + +//** Unit-less `line-height` for use in components like buttons. +$line-height-base: 1.846; // 20/14 +//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. +$line-height-computed: floor(($font-size-base * $line-height-base)); // ~20px + +//** By default, this inherits from the `<body>`. +$headings-font-family: inherit; +$headings-font-weight: 400; +$headings-line-height: 1.1; +$headings-color: #444; + + +//== Iconography +// +//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. + +//** Load fonts from this directory. +$icon-font-path: "../fonts/"; +//** File name for all font files. +$icon-font-name: "glyphicons-halflings-regular"; +//** Element ID within SVG icon file. +$icon-font-svg-id: "glyphicons_halflingsregular"; + + +//== Components +// +//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). + +$padding-base-vertical: 6px; +$padding-base-horizontal: 16px; + +$padding-large-vertical: 10px; +$padding-large-horizontal: 16px; + +$padding-small-vertical: 5px; +$padding-small-horizontal: 10px; + +$padding-xs-vertical: 1px; +$padding-xs-horizontal: 5px; + +$line-height-large: 1.33; +$line-height-small: 1.5; + +$border-radius-base: 3px; +$border-radius-large: 3px; +$border-radius-small: 3px; + +//** Global color for active items (e.g., navs or dropdowns). +$component-active-color: #fff; +//** Global background color for active items (e.g., navs or dropdowns). +$component-active-bg: $brand-primary; + +//** Width of the `border` for generating carets that indicator dropdowns. +$caret-width-base: 4px; +//** Carets increase slightly in size for larger components. +$caret-width-large: 5px; + + +//== Tables +// +//## Customizes the `.table` component with basic values, each used across all table variations. + +//** Padding for `<th>`s and `<td>`s. +$table-cell-padding: 8px; +//** Padding for cells in `.table-condensed`. +$table-condensed-cell-padding: 5px; + +//** Default background color used for all tables. +$table-bg: transparent; +//** Background color used for `.table-striped`. +$table-bg-accent: #f9f9f9; +//** Background color used for `.table-hover`. +$table-bg-hover: #f5f5f5; +$table-bg-active: $table-bg-hover; + +//** Border color for table and cell borders. +$table-border-color: #ddd; + + +//== Buttons +// +//## For each of Bootstrap's buttons, define text, background and border color. + +$btn-font-weight: normal; + +$btn-default-color: $text-color; +$btn-default-bg: #fff; +$btn-default-border: #eee; + +$btn-primary-color: #fff; +$btn-primary-bg: $brand-primary; +$btn-primary-border: transparent; + +$btn-success-color: #fff; +$btn-success-bg: $brand-success; +$btn-success-border: transparent; + +$btn-info-color: #fff; +$btn-info-bg: $brand-info; +$btn-info-border: transparent; + +$btn-warning-color: #fff; +$btn-warning-bg: $brand-warning; +$btn-warning-border: transparent; + +$btn-danger-color: #fff; +$btn-danger-bg: $brand-danger; +$btn-danger-border: transparent; + +$btn-link-disabled-color: $gray-light; + + +//== Forms +// +//## + +//** `<input>` background color +$input-bg: transparent; +//** `<input disabled>` background color +$input-bg-disabled: transparent; + +//** Text color for `<input>`s +$input-color: $gray; +//** `<input>` border color +$input-border: transparent; + +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 +//** Default `.form-control` border radius +$input-border-radius: $border-radius-base; +//** Large `.form-control` border radius +$input-border-radius-large: $border-radius-large; +//** Small `.form-control` border radius +$input-border-radius-small: $border-radius-small; + +//** Border color for inputs on focus +$input-border-focus: #66afe9; + +//** Placeholder text color +$input-color-placeholder: $gray-light; + +//** Default `.form-control` height +$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2); +//** Large `.form-control` height +$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2); +//** Small `.form-control` height +$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2); + +$legend-color: $gray-dark; +$legend-border-color: #e5e5e5; + +//** Background color for textual input addons +$input-group-addon-bg: transparent; +//** Border color for textual input addons +$input-group-addon-border-color: $input-border; + +//** Disabled cursor for form controls and buttons. +$cursor-disabled: not-allowed; + + +//== Dropdowns +// +//## Dropdown menu container and contents. + +//** Background for the dropdown menu. +$dropdown-bg: #fff; +//** Dropdown menu `border-color`. +$dropdown-border: rgba(0,0,0,.15); +//** Dropdown menu `border-color` **for IE8**. +$dropdown-fallback-border: #ccc; +//** Divider color for between dropdown items. +$dropdown-divider-bg: #e5e5e5; + +//** Dropdown link text color. +$dropdown-link-color: $text-color; +//** Hover color for dropdown links. +$dropdown-link-hover-color: darken($gray-dark, 5%); +//** Hover background for dropdown links. +$dropdown-link-hover-bg: $gray-lighter; + +//** Active dropdown menu item text color. +$dropdown-link-active-color: $component-active-color; +//** Active dropdown menu item background color. +$dropdown-link-active-bg: $component-active-bg; + +//** Disabled dropdown menu item background color. +$dropdown-link-disabled-color: $gray-light; + +//** Text color for headers within dropdown menus. +$dropdown-header-color: $gray-light; + +//** Deprecated `$dropdown-caret-color` as of v3.1.0 +$dropdown-caret-color: $gray-light; + + +//-- Z-index master list +// +// Warning: Avoid customizing these values. They're used for a bird's eye view +// of components dependent on the z-axis and are designed to all work together. +// +// Note: These variables are not generated into the Customizer. + +$zindex-navbar: 1000; +$zindex-dropdown: 1000; +$zindex-popover: 1060; +$zindex-tooltip: 1070; +$zindex-navbar-fixed: 1030; +$zindex-modal: 1040; + + +//== Media queries breakpoints +// +//## Define the breakpoints at which your layout will change, adapting to different screen sizes. + +// Extra small screen / phone +//** Deprecated `$screen-xs` as of v3.0.1 +$screen-xs: 480px; +//** Deprecated `$screen-xs-min` as of v3.2.0 +$screen-xs-min: $screen-xs; +//** Deprecated `$screen-phone` as of v3.0.1 +$screen-phone: $screen-xs-min; + +// Small screen / tablet +//** Deprecated `$screen-sm` as of v3.0.1 +$screen-sm: 768px; +$screen-sm-min: $screen-sm; +//** Deprecated `$screen-tablet` as of v3.0.1 +$screen-tablet: $screen-sm-min; + +// Medium screen / desktop +//** Deprecated `$screen-md` as of v3.0.1 +$screen-md: 992px; +$screen-md-min: $screen-md; +//** Deprecated `$screen-desktop` as of v3.0.1 +$screen-desktop: $screen-md-min; + +// Large screen / wide desktop +//** Deprecated `$screen-lg` as of v3.0.1 +$screen-lg: 1200px; +$screen-lg-min: $screen-lg; +//** Deprecated `$screen-lg-desktop` as of v3.0.1 +$screen-lg-desktop: $screen-lg-min; + +// So media queries don't overlap when required, provide a maximum +$screen-xs-max: ($screen-sm-min - 1); +$screen-sm-max: ($screen-md-min - 1); +$screen-md-max: ($screen-lg-min - 1); + + +//== Grid system +// +//## Define your custom responsive grid. + +//** Number of columns in the grid. +$grid-columns: 12; +//** Padding between columns. Gets divided in half for the left and right. +$grid-gutter-width: 30px; +// Navbar collapse +//** Point at which the navbar becomes uncollapsed. +$grid-float-breakpoint: $screen-sm-min; +//** Point at which the navbar begins collapsing. +$grid-float-breakpoint-max: ($grid-float-breakpoint - 1); + + +//== Container sizes +// +//## Define the maximum width of `.container` for different screen sizes. + +// Small screen / tablet +$container-tablet: (720px + $grid-gutter-width); +//** For `$screen-sm-min` and up. +$container-sm: $container-tablet; + +// Medium screen / desktop +$container-desktop: (940px + $grid-gutter-width); +//** For `$screen-md-min` and up. +$container-md: $container-desktop; + +// Large screen / wide desktop +$container-large-desktop: (1140px + $grid-gutter-width); +//** For `$screen-lg-min` and up. +$container-lg: $container-large-desktop; + + +//== Navbar +// +//## + +// Basics of a navbar +$navbar-height: 64px; +$navbar-margin-bottom: $line-height-computed; +$navbar-border-radius: $border-radius-base; +$navbar-padding-horizontal: floor(($grid-gutter-width / 2)); +$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2); +$navbar-collapse-max-height: 340px; + +$navbar-default-color: $gray-light; +$navbar-default-bg: #fff; +$navbar-default-border: transparent; + +// Navbar links +$navbar-default-link-color: $gray; +$navbar-default-link-hover-color: $gray-dark; +$navbar-default-link-hover-bg: transparent; +$navbar-default-link-active-color: $gray-dark; +$navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%); +$navbar-default-link-disabled-color: #ccc; +$navbar-default-link-disabled-bg: transparent; + +// Navbar brand label +$navbar-default-brand-color: $navbar-default-link-color; +$navbar-default-brand-hover-color: $navbar-default-link-hover-color; +$navbar-default-brand-hover-bg: transparent; + +// Navbar toggle +$navbar-default-toggle-hover-bg: transparent; +$navbar-default-toggle-icon-bar-bg: rgba(0,0,0,0.5); +$navbar-default-toggle-border-color: transparent; + + +// Inverted navbar +// Reset inverted navbar basics +$navbar-inverse-color: $gray-light; +$navbar-inverse-bg: $brand-primary; +$navbar-inverse-border: transparent; + +// Inverted navbar links +$navbar-inverse-link-color: lighten($brand-primary, 30%); +$navbar-inverse-link-hover-color: #fff; +$navbar-inverse-link-hover-bg: transparent; +$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color; +$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%); +$navbar-inverse-link-disabled-color: #444; +$navbar-inverse-link-disabled-bg: transparent; + +// Inverted navbar brand label +$navbar-inverse-brand-color: $navbar-inverse-link-color; +$navbar-inverse-brand-hover-color: #fff; +$navbar-inverse-brand-hover-bg: transparent; + +// Inverted navbar toggle\ +$navbar-inverse-toggle-hover-bg: transparent; +$navbar-inverse-toggle-icon-bar-bg: rgba(0,0,0,0.5); +$navbar-inverse-toggle-border-color: transparent; + + +//== Navs +// +//## + +//=== Shared nav styles +$nav-link-padding: 10px 15px; +$nav-link-hover-bg: $gray-lighter; + +$nav-disabled-link-color: $gray-light; +$nav-disabled-link-hover-color: $gray-light; + +//== Tabs +$nav-tabs-border-color: transparent; + +$nav-tabs-link-hover-border-color: $gray-lighter; + +$nav-tabs-active-link-hover-bg: transparent; +$nav-tabs-active-link-hover-color: $gray; +$nav-tabs-active-link-hover-border-color: transparent; + +$nav-tabs-justified-link-border-color: $nav-tabs-border-color; +$nav-tabs-justified-active-link-border-color: $body-bg; + +//== Pills +$nav-pills-border-radius: $border-radius-base; +$nav-pills-active-link-hover-bg: $component-active-bg; +$nav-pills-active-link-hover-color: $component-active-color; + + +//== Pagination +// +//## + +$pagination-color: $link-color; +$pagination-bg: #fff; +$pagination-border: #ddd; + +$pagination-hover-color: $link-hover-color; +$pagination-hover-bg: $gray-lighter; +$pagination-hover-border: #ddd; + +$pagination-active-color: #fff; +$pagination-active-bg: $brand-primary; +$pagination-active-border: $brand-primary; + +$pagination-disabled-color: $gray-light; +$pagination-disabled-bg: #fff; +$pagination-disabled-border: #ddd; + + +//== Pager +// +//## + +$pager-bg: $pagination-bg; +$pager-border: $pagination-border; +$pager-border-radius: 15px; + +$pager-hover-bg: $pagination-hover-bg; + +$pager-active-bg: $pagination-active-bg; +$pager-active-color: $pagination-active-color; + +$pager-disabled-color: $pagination-disabled-color; + + +//== Jumbotron +// +//## + +$jumbotron-padding: 30px; +$jumbotron-color: inherit; +$jumbotron-bg: #f9f9f9; +$jumbotron-heading-color: $headings-color; +$jumbotron-font-size: ceil(($font-size-base * 1.5)); + + +//== Form states and alerts +// +//## Define colors for form feedback states and, by default, alerts. + +$state-success-text: $brand-success; +$state-success-bg: #dff0d8; +$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%); + +$state-info-text: $brand-info; +$state-info-bg: #e1bee7; +$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%); + +$state-warning-text: $brand-warning; +$state-warning-bg: #ffe0b2; +$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%); + +$state-danger-text: $brand-danger; +$state-danger-bg: #f9bdbb; +$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%); + + +//== Tooltips +// +//## + +//** Tooltip max width +$tooltip-max-width: 200px; +//** Tooltip text color +$tooltip-color: #fff; +//** Tooltip background color +$tooltip-bg: #727272; +$tooltip-opacity: .9; + +//** Tooltip arrow width +$tooltip-arrow-width: 5px; +//** Tooltip arrow color +$tooltip-arrow-color: $tooltip-bg; + + +//== Popovers +// +//## + +//** Popover body background color +$popover-bg: #fff; +//** Popover maximum width +$popover-max-width: 276px; +//** Popover border color +$popover-border-color: transparent; +//** Popover fallback border color +$popover-fallback-border-color: transparent; + +//** Popover title background color +$popover-title-bg: darken($popover-bg, 3%); + +//** Popover arrow width +$popover-arrow-width: 10px; +//** Popover arrow color +$popover-arrow-color: $popover-bg; + +//** Popover outer arrow width +$popover-arrow-outer-width: ($popover-arrow-width + 1); +//** Popover outer arrow color +$popover-arrow-outer-color: fadein($popover-border-color, 7.5%); +//** Popover outer arrow fallback color +$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%); + + +//== Labels +// +//## + +//** Default label background color +$label-default-bg: $gray-light; +//** Primary label background color +$label-primary-bg: $brand-primary; +//** Success label background color +$label-success-bg: $brand-success; +//** Info label background color +$label-info-bg: $brand-info; +//** Warning label background color +$label-warning-bg: $brand-warning; +//** Danger label background color +$label-danger-bg: $brand-danger; + +//** Default label text color +$label-color: #fff; +//** Default text color of a linked label +$label-link-hover-color: #fff; + + +//== Modals +// +//## + +//** Padding applied to the modal body +$modal-inner-padding: 15px; + +//** Padding applied to the modal title +$modal-title-padding: 15px; +//** Modal title line-height +$modal-title-line-height: $line-height-base; + +//** Background color of modal content area +$modal-content-bg: #fff; +//** Modal content border color +$modal-content-border-color: transparent; +//** Modal content border color **for IE8** +$modal-content-fallback-border-color: #999; + +//** Modal backdrop background color +$modal-backdrop-bg: #000; +//** Modal backdrop opacity +$modal-backdrop-opacity: .5; +//** Modal header border color +$modal-header-border-color: transparent; +//** Modal footer border color +$modal-footer-border-color: $modal-header-border-color; + +$modal-lg: 900px; +$modal-md: 600px; +$modal-sm: 300px; + + +//== Alerts +// +//## Define alert colors, border radius, and padding. + +$alert-padding: 15px; +$alert-border-radius: $border-radius-base; +$alert-link-font-weight: bold; + +$alert-success-bg: $state-success-bg; +$alert-success-text: $state-success-text; +$alert-success-border: $state-success-border; + +$alert-info-bg: $state-info-bg; +$alert-info-text: $state-info-text; +$alert-info-border: $state-info-border; + +$alert-warning-bg: $state-warning-bg; +$alert-warning-text: $state-warning-text; +$alert-warning-border: $state-warning-border; + +$alert-danger-bg: $state-danger-bg; +$alert-danger-text: $state-danger-text; +$alert-danger-border: $state-danger-border; + + +//== Progress bars +// +//## + +//** Background color of the whole progress component +$progress-bg: #f5f5f5; +//** Progress bar text color +$progress-bar-color: #fff; +//** Variable for setting rounded corners on progress bar. +$progress-border-radius: $border-radius-base; + +//** Default progress bar color +$progress-bar-bg: $brand-primary; +//** Success progress bar color +$progress-bar-success-bg: $brand-success; +//** Warning progress bar color +$progress-bar-warning-bg: $brand-warning; +//** Danger progress bar color +$progress-bar-danger-bg: $brand-danger; +//** Info progress bar color +$progress-bar-info-bg: $brand-info; + + +//== List group +// +//## + +//** Background color on `.list-group-item` +$list-group-bg: #fff; +//** `.list-group-item` border color +$list-group-border: #ddd; +//** List group border radius +$list-group-border-radius: $border-radius-base; + +//** Background color of single list items on hover +$list-group-hover-bg: #f5f5f5; +//** Text color of active list items +$list-group-active-color: $component-active-color; +//** Background color of active list items +$list-group-active-bg: $component-active-bg; +//** Border color of active list elements +$list-group-active-border: $list-group-active-bg; +//** Text color for content within active list items +$list-group-active-text-color: lighten($list-group-active-bg, 40%); + +//** Text color of disabled list items +$list-group-disabled-color: $gray-light; +//** Background color of disabled list items +$list-group-disabled-bg: $gray-lighter; +//** Text color for content within disabled list items +$list-group-disabled-text-color: $list-group-disabled-color; + +$list-group-link-color: #555; +$list-group-link-hover-color: $list-group-link-color; +$list-group-link-heading-color: #333; + + +//== Panels +// +//## + +$panel-bg: #fff; +$panel-body-padding: 15px; +$panel-heading-padding: 10px 15px; +$panel-footer-padding: $panel-heading-padding; +$panel-border-radius: $border-radius-base; + +//** Border color for elements within panels +$panel-inner-border: #ddd; +$panel-footer-bg: #f5f5f5; + +$panel-default-text: $gray-dark; +$panel-default-border: #ddd; +$panel-default-heading-bg: #f5f5f5; + +$panel-primary-text: #fff; +$panel-primary-border: $brand-primary; +$panel-primary-heading-bg: $brand-primary; + +$panel-success-text: $state-success-text; +$panel-success-border: $state-success-border; +$panel-success-heading-bg: $state-success-bg; + +$panel-info-text: $state-info-text; +$panel-info-border: $state-info-border; +$panel-info-heading-bg: $state-info-bg; + +$panel-warning-text: $state-warning-text; +$panel-warning-border: $state-warning-border; +$panel-warning-heading-bg: $state-warning-bg; + +$panel-danger-text: $state-danger-text; +$panel-danger-border: $state-danger-border; +$panel-danger-heading-bg: $state-danger-bg; + + +//== Thumbnails +// +//## + +//** Padding around the thumbnail image +$thumbnail-padding: 4px; +//** Thumbnail background color +$thumbnail-bg: $body-bg; +//** Thumbnail border color +$thumbnail-border: #ddd; +//** Thumbnail border radius +$thumbnail-border-radius: $border-radius-base; + +//** Custom text color for thumbnail captions +$thumbnail-caption-color: $text-color; +//** Padding around the thumbnail caption +$thumbnail-caption-padding: 9px; + + +//== Wells +// +//## + +$well-bg: #f9f9f9; +$well-border: transparent; + + +//== Badges +// +//## + +$badge-color: #fff; +//** Linked badge text color on hover +$badge-link-hover-color: #fff; +$badge-bg: $gray-light; + +//** Badge text color in active nav link +$badge-active-color: $link-color; +//** Badge background color in active nav link +$badge-active-bg: #fff; + +$badge-font-weight: normal; +$badge-line-height: 1; +$badge-border-radius: 10px; + + +//== Breadcrumbs +// +//## + +$breadcrumb-padding-vertical: 8px; +$breadcrumb-padding-horizontal: 15px; +//** Breadcrumb background color +$breadcrumb-bg: #f5f5f5; +//** Breadcrumb text color +$breadcrumb-color: #ccc; +//** Text color of current page in the breadcrumb +$breadcrumb-active-color: $gray-light; +//** Textual separator for between breadcrumb elements +$breadcrumb-separator: "/"; + + +//== Carousel +// +//## + +$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); + +$carousel-control-color: #fff; +$carousel-control-width: 15%; +$carousel-control-opacity: .5; +$carousel-control-font-size: 20px; + +$carousel-indicator-active-bg: #fff; +$carousel-indicator-border-color: #fff; + +$carousel-caption-color: #fff; + + +//== Close +// +//## + +$close-font-weight: normal; +$close-color: #000; +$close-text-shadow: none; + + +//== Code +// +//## + +$code-color: #c7254e; +$code-bg: #f9f2f4; + +$kbd-color: #fff; +$kbd-bg: #333; + +$pre-bg: #f5f5f5; +$pre-color: $gray-dark; +$pre-border-color: #ccc; +$pre-scrollable-max-height: 340px; + + +//== Type +// +//## + +//** Horizontal offset for forms and lists. +$component-offset-horizontal: 180px; +//** Text muted color +$text-muted: $gray-light; +//** Abbreviations and acronyms border color +$abbr-border-color: $gray-light; +//** Headings small color +$headings-small-color: $gray-light; +//** Blockquote small color +$blockquote-small-color: $gray-light; +//** Blockquote font size +$blockquote-font-size: ($font-size-base * 1.25); +//** Blockquote border color +$blockquote-border-color: $gray-lighter; +//** Page header border color +$page-header-border-color: $gray-lighter; +//** Width of horizontal description list titles +$dl-horizontal-offset: $component-offset-horizontal; +//** Horizontal line color. +$hr-border: $gray-lighter; diff --git a/paper/bootswatch.less b/paper/bootswatch.less index 9e22fe28..25abb599 100644 --- a/paper/bootswatch.less +++ b/paper/bootswatch.less @@ -36,34 +36,33 @@ // Buttons ==================================================================== -#btn(@class) { +#btn(@class,@bg) { .btn-@{class} { - @bg: "btn-@{class}-bg"; - #gradient > .radial(@@bg 80%, darken(@@bg, 6%) 81%); + #gradient > .radial(@bg 80%, darken(@bg, 6%) 81%); background-size: 200%; background-position: 50%; transition: background-size 2s; &:hover { background-size: 100%; - border-color: darken(@@bg, 6%); + border-color: darken(@bg, 6%); } &:active { - background-color: darken(@@bg, 6%); - #gradient > .radial(darken(@@bg, 6%) 10%, @@bg 11%); + background-color: darken(@bg, 6%); + #gradient > .radial(darken(@bg, 6%) 10%, @bg 11%); background-size: 1000%; .box-shadow(2px 2px 2px rgba(0,0,0,.3)); } } } -#btn(default); -#btn(primary); -#btn(success); -#btn(info); -#btn(warning); -#btn(danger); +#btn(default,@btn-default-bg); +#btn(primary,@btn-primary-bg); +#btn(success,@btn-success-bg); +#btn(info,@btn-info-bg); +#btn(warning,@btn-warning-bg); +#btn(danger,@btn-danger-bg); .btn { text-transform: uppercase; @@ -287,31 +286,32 @@ select.form-control { border-radius: 0 3px 3px 0; } - &:last-child&:before { - display: block; - content: 'div::before'; - position: absolute; - width: 100%; - height: 100%; - left: 0; - right: 0; - z-index: -1; - background-color: lighten(@progress-bar-bg, 35%); + &:last-child { + &:before { + display: block; + content: 'div::before'; + position: absolute; + width: 100%; + height: 100%; + left: 0; + right: 0; + z-index: -1; + background-color: lighten(@progress-bar-bg, 35%); + } } - - &-success:last-child&:before { + + &-success:last-child.progress-bar:before { background-color: lighten(@brand-success, 35%); } - - &-info:last-child&:before { + + &-info:last-child.progress-bar:before { background-color: lighten(@brand-info, 45%); } - - &-warning:last-child&:before { + &-warning:last-child.progress-bar:before { background-color: lighten(@brand-warning, 35%); } - - &-danger:last-child&:before { + + &-danger:last-child.progress-bar:before { background-color: lighten(@brand-danger, 25%); } } diff --git a/readable/_bootswatch.scss b/readable/_bootswatch.scss new file mode 100644 index 00000000..d4028fe8 --- /dev/null +++ b/readable/_bootswatch.scss @@ -0,0 +1,187 @@ +// Readable 3.3.0 +// Bootswatch +// ----------------------------------------------------- + +@import url("//fonts.googleapis.com/css?family=Raleway:400,700"); + +// Navbar ===================================================================== + +.navbar { + font-family: $headings-font-family; + + &-nav, + &-form { + margin-left: 0; + margin-right: 0; + } + + &-nav > li > a { + padding: $padding-base-vertical $padding-base-horizontal; + margin: 12px 6px; + border: 1px solid transparent; + border-radius: $border-radius-base; + + &:hover { + border: 1px solid #ddd; + } + } + + &-nav > .active > a, + &-nav > .active > a:hover { + border: 1px solid #ddd; + } + + &-default .navbar-nav > .active > a:hover { + color: $navbar-default-link-hover-color; + } + + &-inverse .navbar-nav > .active > a:hover { + color: $navbar-inverse-link-hover-color; + } + + &-brand { + padding-top: 20px; + } +} + +@media (max-width: $grid-float-breakpoint) { + .navbar { + .navbar-nav > li > a { + margin: 0; + } + } +} + +// Buttons ==================================================================== + +.btn { + font-family: $headings-font-family; +} + +// Typography ================================================================= + +// Tables ===================================================================== + +// Forms ====================================================================== + +legend { + font-family: $headings-font-family; +} + +.input-group-addon { + font-family: $font-family-sans-serif; +} + +// Navs ======================================================================= + +.nav { + .open > a, + .open > a:hover, + .open > a:focus { + border: 1px solid #ddd; + } +} + +.pagination { + + font-family: $headings-font-family; + + &-lg > li > a, + &-lg > li > span { + padding: 14px 24px; + } +} + +.pager { + + font-family: $headings-font-family; + + a { + color: $text-color; + } + + a:hover { + border-color: transparent; + color: #fff; + } + + .disabled a { + border-color: $pager-border; + } +} + +// Indicators ================================================================= + +.close { + color: #fff; + text-decoration: none; + text-shadow: none; + opacity: 0.4; + + &:hover, + &:focus { + color: #fff; + opacity: 1; + } +} + +.alert { + .alert-link { + color: $alert-success-text; + text-decoration: underline; + } +} + +.label { + font-family: $headings-font-family; + font-weight: normal; + + &-default { + border: 1px solid #ddd; + color: $text-color; + } + +} + +.badge { + padding: 1px 7px 5px; + vertical-align: 2px; + font-family: $headings-font-family; + font-weight: normal; +} + +// Progress bars ============================================================== + +// Containers ================================================================= + +.panel { + @include box-shadow(none); + + &-default { + .close { + color: $text-color; + } + } + + &-primary, + &-success, + &-warning, + &-danger, + &-info { + .panel-heading { + color: #fff; + } + + .panel-body { + border: 1px solid #ddd; + border-top-width: 0; + border-radius: 0 0 $border-radius-base $border-radius-base; + } + } +} + +.modal { + .close { + color: $text-color; + } +} diff --git a/readable/_variables.scss b/readable/_variables.scss new file mode 100644 index 00000000..660f4cce --- /dev/null +++ b/readable/_variables.scss @@ -0,0 +1,856 @@ +// Readable 3.3.0 +// Variables +// -------------------------------------------------- + + +//== Colors +// +//## Gray and brand colors for use across Bootstrap. + +$gray-base: #000; +$gray-darker: lighten($gray-base, 13.5%); // #222 +$gray-dark: lighten($gray-base, 20%); // #333 +$gray: lighten($gray-base, 33.5%); // #555 +$gray-light: lighten($gray-base, 70%); // #999 +$gray-lighter: lighten($gray-base, 93.5%); // #eee + +$brand-primary: #4582EC; +$brand-success: #3FAD46; +$brand-info: #5bc0de; +$brand-warning: #f0ad4e; +$brand-danger: #d9534f; + + +//== Scaffolding +// +//## Settings for some of the most global styles. + +//** Background color for `<body>`. +$body-bg: #fff; +//** Global text color on `<body>`. +$text-color: $gray-dark; + +//** Global textual link color. +$link-color: $brand-primary; +//** Link hover color set via `darken()` function. +$link-hover-color: darken($link-color, 20%); +//** Link hover decoration. +$link-hover-decoration: underline; + + +//== Typography +// +//## Font, line-height, and color for body text, headings, and more. + +$font-family-sans-serif: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; +$font-family-serif: Georgia, "Times New Roman", Times, serif; +//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. +$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; +$font-family-base: $font-family-serif; + +$font-size-base: 16px; +$font-size-large: ceil(($font-size-base * 1.25)); // ~18px +$font-size-small: ceil(($font-size-base * 0.85)); // ~12px + +$font-size-h1: floor(($font-size-base * 2.6)); // ~36px +$font-size-h2: floor(($font-size-base * 2.15)); // ~30px +$font-size-h3: ceil(($font-size-base * 1.7)); // ~24px +$font-size-h4: ceil(($font-size-base * 1.25)); // ~18px +$font-size-h5: $font-size-base; +$font-size-h6: ceil(($font-size-base * 0.85)); // ~12px + +//** Unit-less `line-height` for use in components like buttons. +$line-height-base: 1.428571429; // 20/14 +//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. +$line-height-computed: floor(($font-size-base * $line-height-base)); // ~20px + +//** By default, this inherits from the `<body>`. +$headings-font-family: $font-family-sans-serif; +$headings-font-weight: bold; +$headings-line-height: 1.1; +$headings-color: inherit; + + +//== Iconography +// +//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. + +//** Load fonts from this directory. +$icon-font-path: "../fonts/"; +//** File name for all font files. +$icon-font-name: "glyphicons-halflings-regular"; +//** Element ID within SVG icon file. +$icon-font-svg-id: "glyphicons_halflingsregular"; + + +//== Components +// +//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). + +$padding-base-vertical: 8px; +$padding-base-horizontal: 12px; + +$padding-large-vertical: 14px; +$padding-large-horizontal: 16px; + +$padding-small-vertical: 5px; +$padding-small-horizontal: 10px; + +$padding-xs-vertical: 1px; +$padding-xs-horizontal: 5px; + +$line-height-large: 1.33; +$line-height-small: 1.5; + +$border-radius-base: 4px; +$border-radius-large: 6px; +$border-radius-small: 3px; + +//** Global color for active items (e.g., navs or dropdowns). +$component-active-color: #fff; +//** Global background color for active items (e.g., navs or dropdowns). +$component-active-bg: $brand-primary; + +//** Width of the `border` for generating carets that indicator dropdowns. +$caret-width-base: 4px; +//** Carets increase slightly in size for larger components. +$caret-width-large: 5px; + + +//== Tables +// +//## Customizes the `.table` component with basic values, each used across all table variations. + +//** Padding for `<th>`s and `<td>`s. +$table-cell-padding: 8px; +//** Padding for cells in `.table-condensed`. +$table-condensed-cell-padding: 5px; + +//** Default background color used for all tables. +$table-bg: transparent; +//** Background color used for `.table-striped`. +$table-bg-accent: #f9f9f9; +//** Background color used for `.table-hover`. +$table-bg-hover: #f5f5f5; +$table-bg-active: $table-bg-hover; + +//** Border color for table and cell borders. +$table-border-color: #ddd; + + +//== Buttons +// +//## For each of Bootstrap's buttons, define text, background and border color. + +$btn-font-weight: normal; + +$btn-default-color: $text-color; +$btn-default-bg: #fff; +$btn-default-border: #ddd; + +$btn-primary-color: #fff; +$btn-primary-bg: $brand-primary; +$btn-primary-border: $btn-primary-bg; + +$btn-success-color: #fff; +$btn-success-bg: $brand-success; +$btn-success-border: $btn-success-bg; + +$btn-info-color: #fff; +$btn-info-bg: $brand-info; +$btn-info-border: $btn-info-bg; + +$btn-warning-color: #fff; +$btn-warning-bg: $brand-warning; +$btn-warning-border: $btn-warning-bg; + +$btn-danger-color: #fff; +$btn-danger-bg: $brand-danger; +$btn-danger-border: $btn-danger-bg; + +$btn-link-disabled-color: $gray-light; + + +//== Forms +// +//## + +//** `<input>` background color +$input-bg: #fff; +//** `<input disabled>` background color +$input-bg-disabled: $gray-lighter; + +//** Text color for `<input>`s +$input-color: $text-color; +//** `<input>` border color +$input-border: #ddd; + +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 +//** Default `.form-control` border radius +$input-border-radius: $border-radius-base; +//** Large `.form-control` border radius +$input-border-radius-large: $border-radius-large; +//** Small `.form-control` border radius +$input-border-radius-small: $border-radius-small; + +//** Border color for inputs on focus +$input-border-focus: #66afe9; + +//** Placeholder text color +$input-color-placeholder: $gray-light; + +//** Default `.form-control` height +$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2); +//** Large `.form-control` height +$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2); +//** Small `.form-control` height +$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2); + +$legend-color: $text-color; +$legend-border-color: #e5e5e5; + +//** Background color for textual input addons +$input-group-addon-bg: $gray-lighter; +//** Border color for textual input addons +$input-group-addon-border-color: $input-border; + +//** Disabled cursor for form controls and buttons. +$cursor-disabled: not-allowed; + + +//== Dropdowns +// +//## Dropdown menu container and contents. + +//** Background for the dropdown menu. +$dropdown-bg: #fff; +//** Dropdown menu `border-color`. +$dropdown-border: rgba(0,0,0,.15); +//** Dropdown menu `border-color` **for IE8**. +$dropdown-fallback-border: #ccc; +//** Divider color for between dropdown items. +$dropdown-divider-bg: #e5e5e5; + +//** Dropdown link text color. +$dropdown-link-color: $gray-dark; +//** Hover color for dropdown links. +$dropdown-link-hover-color: #fff; +//** Hover background for dropdown links. +$dropdown-link-hover-bg: $component-active-bg; + +//** Active dropdown menu item text color. +$dropdown-link-active-color: #fff; +//** Active dropdown menu item background color. +$dropdown-link-active-bg: $component-active-bg; + +//** Disabled dropdown menu item background color. +$dropdown-link-disabled-color: $gray-light; + +//** Text color for headers within dropdown menus. +$dropdown-header-color: $gray-light; + +//** Deprecated `$dropdown-caret-color` as of v3.1.0 +$dropdown-caret-color: #000; + + +//-- Z-index master list +// +// Warning: Avoid customizing these values. They're used for a bird's eye view +// of components dependent on the z-axis and are designed to all work together. +// +// Note: These variables are not generated into the Customizer. + +$zindex-navbar: 1000; +$zindex-dropdown: 1000; +$zindex-popover: 1060; +$zindex-tooltip: 1070; +$zindex-navbar-fixed: 1030; +$zindex-modal: 1040; + + +//== Media queries breakpoints +// +//## Define the breakpoints at which your layout will change, adapting to different screen sizes. + +// Extra small screen / phone +//** Deprecated `$screen-xs` as of v3.0.1 +$screen-xs: 480px; +//** Deprecated `$screen-xs-min` as of v3.2.0 +$screen-xs-min: $screen-xs; +//** Deprecated `$screen-phone` as of v3.0.1 +$screen-phone: $screen-xs-min; + +// Small screen / tablet +//** Deprecated `$screen-sm` as of v3.0.1 +$screen-sm: 768px; +$screen-sm-min: $screen-sm; +//** Deprecated `$screen-tablet` as of v3.0.1 +$screen-tablet: $screen-sm-min; + +// Medium screen / desktop +//** Deprecated `$screen-md` as of v3.0.1 +$screen-md: 992px; +$screen-md-min: $screen-md; +//** Deprecated `$screen-desktop` as of v3.0.1 +$screen-desktop: $screen-md-min; + +// Large screen / wide desktop +//** Deprecated `$screen-lg` as of v3.0.1 +$screen-lg: 1200px; +$screen-lg-min: $screen-lg; +//** Deprecated `$screen-lg-desktop` as of v3.0.1 +$screen-lg-desktop: $screen-lg-min; + +// So media queries don't overlap when required, provide a maximum +$screen-xs-max: ($screen-sm-min - 1); +$screen-sm-max: ($screen-md-min - 1); +$screen-md-max: ($screen-lg-min - 1); + + +//== Grid system +// +//## Define your custom responsive grid. + +//** Number of columns in the grid. +$grid-columns: 12; +//** Padding between columns. Gets divided in half for the left and right. +$grid-gutter-width: 30px; +// Navbar collapse +//** Point at which the navbar becomes uncollapsed. +$grid-float-breakpoint: $screen-sm-min; +//** Point at which the navbar begins collapsing. +$grid-float-breakpoint-max: ($grid-float-breakpoint - 1); + + +//== Container sizes +// +//## Define the maximum width of `.container` for different screen sizes. + +// Small screen / tablet +$container-tablet: (720px + $grid-gutter-width); +//** For `$screen-sm-min` and up. +$container-sm: $container-tablet; + +// Medium screen / desktop +$container-desktop: (940px + $grid-gutter-width); +//** For `$screen-md-min` and up. +$container-md: $container-desktop; + +// Large screen / wide desktop +$container-large-desktop: (1140px + $grid-gutter-width); +//** For `$screen-lg-min` and up. +$container-lg: $container-large-desktop; + + +//== Navbar +// +//## + +// Basics of a navbar +$navbar-height: 65px; +$navbar-margin-bottom: $line-height-computed; +$navbar-border-radius: $border-radius-base; +$navbar-padding-horizontal: floor(($grid-gutter-width / 2)); +$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2); +$navbar-collapse-max-height: 340px; + +$navbar-default-color: $text-color; +$navbar-default-bg: $body-bg; +$navbar-default-border: #ddd; + +// Navbar links +$navbar-default-link-color: $link-color; +$navbar-default-link-hover-color: $link-color; +$navbar-default-link-hover-bg: transparent; +$navbar-default-link-active-color: $navbar-default-link-color; +$navbar-default-link-active-bg: transparent; +$navbar-default-link-disabled-color: #333; +$navbar-default-link-disabled-bg: transparent; + +// Navbar brand label +$navbar-default-brand-color: $navbar-default-link-color; +$navbar-default-brand-hover-color: $navbar-default-link-hover-color; +$navbar-default-brand-hover-bg: transparent; + +// Navbar toggle +$navbar-default-toggle-hover-bg: #ddd; +$navbar-default-toggle-icon-bar-bg: #ccc; +$navbar-default-toggle-border-color: #ddd; + + +// Inverted navbar +// Reset inverted navbar basics +$navbar-inverse-color: $text-color; +$navbar-inverse-bg: $body-bg; +$navbar-inverse-border: #ddd; + +// Inverted navbar links +$navbar-inverse-link-color: $text-color; +$navbar-inverse-link-hover-color: $text-color; +$navbar-inverse-link-hover-bg: transparent; +$navbar-inverse-link-active-color: $text-color; +$navbar-inverse-link-active-bg: transparent; +$navbar-inverse-link-disabled-color: #ccc; +$navbar-inverse-link-disabled-bg: transparent; + +// Inverted navbar brand label +$navbar-inverse-brand-color: $navbar-inverse-link-color; +$navbar-inverse-brand-hover-color: $navbar-inverse-link-hover-color; +$navbar-inverse-brand-hover-bg: transparent; + +// Inverted navbar toggle +$navbar-inverse-toggle-hover-bg: #ddd; +$navbar-inverse-toggle-icon-bar-bg: #ccc; +$navbar-inverse-toggle-border-color: #ddd; + + +//== Navs +// +//## + +//=== Shared nav styles +$nav-link-padding: 10px 15px; +$nav-link-hover-bg: $gray-lighter; + +$nav-disabled-link-color: $gray-light; +$nav-disabled-link-hover-color: $gray-light; + +//== Tabs +$nav-tabs-border-color: #ddd; + +$nav-tabs-link-hover-border-color: $gray-lighter; + +$nav-tabs-active-link-hover-bg: $body-bg; +$nav-tabs-active-link-hover-color: $gray; +$nav-tabs-active-link-hover-border-color: #ddd; + +$nav-tabs-justified-link-border-color: #ddd; +$nav-tabs-justified-active-link-border-color: $body-bg; + +//== Pills +$nav-pills-border-radius: $border-radius-base; +$nav-pills-active-link-hover-bg: $component-active-bg; +$nav-pills-active-link-hover-color: $component-active-color; + + +//== Pagination +// +//## + +$pagination-color: $text-color; +$pagination-bg: #fff; +$pagination-border: #ddd; + +$pagination-hover-color: #fff; +$pagination-hover-bg: $brand-primary; +$pagination-hover-border: $brand-primary; + +$pagination-active-color: #fff; +$pagination-active-bg: $brand-primary; +$pagination-active-border: $brand-primary; + +$pagination-disabled-color: $gray-light; +$pagination-disabled-bg: #fff; +$pagination-disabled-border: #ddd; + + +//== Pager +// +//## + +$pager-bg: $pagination-bg; +$pager-border: $pagination-border; +$pager-border-radius: 15px; + +$pager-hover-bg: $pagination-hover-bg; + +$pager-active-bg: $pagination-active-bg; +$pager-active-color: $pagination-active-color; + +$pager-disabled-color: $gray-light; + + +//== Jumbotron +// +//## + +$jumbotron-padding: 30px; +$jumbotron-color: inherit; +$jumbotron-bg: darken($body-bg, 3%); +$jumbotron-heading-color: inherit; +$jumbotron-font-size: ceil(($font-size-base * 1.5)); + + +//== Form states and alerts +// +//## Define colors for form feedback states and, by default, alerts. + +$state-success-text: $brand-success; +$state-success-bg: #dff0d8; +$state-success-border: $brand-success; + +$state-info-text: $brand-info; +$state-info-bg: #d9edf7; +$state-info-border: $brand-info; + +$state-warning-text: $brand-warning; +$state-warning-bg: #fcf8e3; +$state-warning-border: $brand-warning; + +$state-danger-text: $brand-danger; +$state-danger-bg: #f2dede; +$state-danger-border: $brand-danger; + + +//== Tooltips +// +//## + +//** Tooltip max width +$tooltip-max-width: 200px; +//** Tooltip text color +$tooltip-color: #fff; +//** Tooltip background color +$tooltip-bg: rgba(0,0,0,.9); +$tooltip-opacity: .9; + +//** Tooltip arrow width +$tooltip-arrow-width: 5px; +//** Tooltip arrow color +$tooltip-arrow-color: $tooltip-bg; + + +//== Popovers +// +//## + +//** Popover body background color +$popover-bg: #fff; +//** Popover maximum width +$popover-max-width: 276px; +//** Popover border color +$popover-border-color: rgba(0,0,0,.2); +//** Popover fallback border color +$popover-fallback-border-color: #ccc; + +//** Popover title background color +$popover-title-bg: darken($popover-bg, 3%); + +//** Popover arrow width +$popover-arrow-width: 10px; +//** Popover arrow color +$popover-arrow-color: $popover-bg; + +//** Popover outer arrow width +$popover-arrow-outer-width: ($popover-arrow-width + 1); +//** Popover outer arrow color +$popover-arrow-outer-color: fadein($popover-border-color, 5%); +//** Popover outer arrow fallback color +$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%); + + +//== Labels +// +//## + +//** Default label background color +$label-default-bg: $btn-default-bg; +//** Primary label background color +$label-primary-bg: $brand-primary; +//** Success label background color +$label-success-bg: $brand-success; +//** Info label background color +$label-info-bg: $brand-info; +//** Warning label background color +$label-warning-bg: $brand-warning; +//** Danger label background color +$label-danger-bg: $brand-danger; + +//** Default label text color +$label-color: #fff; +//** Default text color of a linked label +$label-link-hover-color: #fff; + + +//== Modals +// +//## + +//** Padding applied to the modal body +$modal-inner-padding: 20px; + +//** Padding applied to the modal title +$modal-title-padding: 15px; +//** Modal title line-height +$modal-title-line-height: $line-height-base; + +//** Background color of modal content area +$modal-content-bg: #fff; +//** Modal content border color +$modal-content-border-color: rgba(0,0,0,.2); +//** Modal content border color **for IE8** +$modal-content-fallback-border-color: #999; + +//** Modal backdrop background color +$modal-backdrop-bg: #000; +//** Modal backdrop opacity +$modal-backdrop-opacity: .5; +//** Modal header border color +$modal-header-border-color: #e5e5e5; +//** Modal footer border color +$modal-footer-border-color: $modal-header-border-color; + +$modal-lg: 900px; +$modal-md: 600px; +$modal-sm: 300px; + + +//== Alerts +// +//## Define alert colors, border radius, and padding. + +$alert-padding: 15px; +$alert-border-radius: $border-radius-base; +$alert-link-font-weight: bold; + +$alert-success-bg: $state-success-border; +$alert-success-text: #fff; +$alert-success-border: $state-success-border; + +$alert-info-bg: $state-info-border; +$alert-info-text: #fff; +$alert-info-border: $state-info-border; + +$alert-warning-bg: $state-warning-border; +$alert-warning-text: #fff; +$alert-warning-border: $state-warning-border; + +$alert-danger-bg: $state-danger-border; +$alert-danger-text: #fff; +$alert-danger-border: $state-danger-border; + + +//== Progress bars +// +//## + +//** Background color of the whole progress component +$progress-bg: #f5f5f5; +//** Progress bar text color +$progress-bar-color: #fff; +//** Variable for setting rounded corners on progress bar. +$progress-border-radius: $border-radius-base; + +//** Default progress bar color +$progress-bar-bg: $brand-primary; +//** Success progress bar color +$progress-bar-success-bg: $brand-success; +//** Warning progress bar color +$progress-bar-warning-bg: $brand-warning; +//** Danger progress bar color +$progress-bar-danger-bg: $brand-danger; +//** Info progress bar color +$progress-bar-info-bg: $brand-info; + + +//== List group +// +//## + +//** Background color on `.list-group-item` +$list-group-bg: #fff; +//** `.list-group-item` border color +$list-group-border: #ddd; +//** List group border radius +$list-group-border-radius: $border-radius-base; + +//** Background color of single list items on hover +$list-group-hover-bg: #f5f5f5; +//** Text color of active list items +$list-group-active-color: $component-active-color; +//** Background color of active list items +$list-group-active-bg: $component-active-bg; +//** Border color of active list elements +$list-group-active-border: $list-group-active-bg; +//** Text color for content within active list items +$list-group-active-text-color: lighten($list-group-active-bg, 40%); + +//** Text color of disabled list items +$list-group-disabled-color: $gray-light; +//** Background color of disabled list items +$list-group-disabled-bg: $gray-lighter; +//** Text color for content within disabled list items +$list-group-disabled-text-color: $list-group-disabled-color; + +$list-group-link-color: #555; +$list-group-link-hover-color: $list-group-link-color; +$list-group-link-heading-color: #333; + + +//== Panels +// +//## + +$panel-bg: #fff; +$panel-body-padding: 15px; +$panel-heading-padding: 10px 15px; +$panel-footer-padding: $panel-heading-padding; +$panel-border-radius: $border-radius-base; + +//** Border color for elements within panels +$panel-inner-border: #ddd; +$panel-footer-bg: #fff; + +$panel-default-text: $gray-dark; +$panel-default-border: #ddd; +$panel-default-heading-bg: #f5f5f5; + +$panel-primary-text: #fff; +$panel-primary-border: transparent; +$panel-primary-heading-bg: $brand-primary; + +$panel-success-text: $state-success-text; +$panel-success-border: transparent; +$panel-success-heading-bg: $state-success-border; + +$panel-info-text: $state-info-text; +$panel-info-border: transparent; +$panel-info-heading-bg: $state-info-border; + +$panel-warning-text: $state-warning-text; +$panel-warning-border: transparent; +$panel-warning-heading-bg: $state-warning-border; + +$panel-danger-text: $state-danger-text; +$panel-danger-border: transparent; +$panel-danger-heading-bg: $state-danger-border; + + +//== Thumbnails +// +//## + +//** Padding around the thumbnail image +$thumbnail-padding: 4px; +//** Thumbnail background color +$thumbnail-bg: $body-bg; +//** Thumbnail border color +$thumbnail-border: #ddd; +//** Thumbnail border radius +$thumbnail-border-radius: $border-radius-base; + +//** Custom text color for thumbnail captions +$thumbnail-caption-color: $text-color; +//** Padding around the thumbnail caption +$thumbnail-caption-padding: 9px; + + +//== Wells +// +//## + +$well-bg: darken($body-bg, 3%); +$well-border: darken($well-bg, 7%); + + +//== Badges +// +//## + +$badge-color: #fff; +//** Linked badge text color on hover +$badge-link-hover-color: #fff; +$badge-bg: $brand-primary; + +//** Badge text color in active nav link +$badge-active-color: $link-color; +//** Badge background color in active nav link +$badge-active-bg: #fff; + +$badge-font-weight: bold; +$badge-line-height: 1; +$badge-border-radius: 10px; + + +//== Breadcrumbs +// +//## + +$breadcrumb-padding-vertical: 8px; +$breadcrumb-padding-horizontal: 15px; +//** Breadcrumb background color +$breadcrumb-bg: #f5f5f5; +//** Breadcrumb text color +$breadcrumb-color: #ccc; +//** Text color of current page in the breadcrumb +$breadcrumb-active-color: $gray-light; +//** Textual separator for between breadcrumb elements +$breadcrumb-separator: "/"; + + +//== Carousel +// +//## + +$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); + +$carousel-control-color: #fff; +$carousel-control-width: 15%; +$carousel-control-opacity: .5; +$carousel-control-font-size: 20px; + +$carousel-indicator-active-bg: #fff; +$carousel-indicator-border-color: #fff; + +$carousel-caption-color: #fff; + + +//== Close +// +//## + +$close-font-weight: bold; +$close-color: #fff; +$close-text-shadow: 0 1px 0 #fff; + + +//== Code +// +//## + +$code-color: #c7254e; +$code-bg: #f9f2f4; + +$kbd-color: #fff; +$kbd-bg: #333; + +$pre-bg: #f5f5f5; +$pre-color: $gray-dark; +$pre-border-color: #ccc; +$pre-scrollable-max-height: 340px; + + +//== Type +// +//## + +//** Horizontal offset for forms and lists. +$component-offset-horizontal: 180px; +//** Text muted color +$text-muted: $gray-light; +//** Abbreviations and acronyms border color +$abbr-border-color: $gray-light; +//** Headings small color +$headings-small-color: $gray-light; +//** Blockquote small color +$blockquote-small-color: $text-color; +//** Blockquote font size +$blockquote-font-size: ($font-size-base * 1.25); +//** Blockquote border color +$blockquote-border-color: $brand-primary; +//** Page header border color +$page-header-border-color: #ddd; +//** Width of horizontal description list titles +$dl-horizontal-offset: $component-offset-horizontal; +//** Horizontal line color. +$hr-border: $gray-lighter; diff --git a/readable/variables.less b/readable/variables.less index 24b7253e..93351154 100644 --- a/readable/variables.less +++ b/readable/variables.less @@ -236,7 +236,7 @@ //** Hover color for dropdown links. @dropdown-link-hover-color: #fff; //** Hover background for dropdown links. -@dropdown-link-hover-bg: @dropdown-link-active-bg; +@dropdown-link-hover-bg: @component-active-bg; //** Active dropdown menu item text color. @dropdown-link-active-color: #fff; @@ -244,10 +244,10 @@ @dropdown-link-active-bg: @component-active-bg; //** Disabled dropdown menu item background color. -@dropdown-link-disabled-color: @text-muted; +@dropdown-link-disabled-color: @gray-light; //** Text color for headers within dropdown menus. -@dropdown-header-color: @text-muted; +@dropdown-header-color: @gray-light; //** Deprecated `@dropdown-caret-color` as of v3.1.0 @dropdown-caret-color: #000; diff --git a/sandstone/_bootswatch.scss b/sandstone/_bootswatch.scss new file mode 100644 index 00000000..85e4a831 --- /dev/null +++ b/sandstone/_bootswatch.scss @@ -0,0 +1,195 @@ +// Sandstone 3.3.0 +// Bootswatch +// ----------------------------------------------------- + +@import url("//fonts.googleapis.com/css?family=Roboto:400,500"); + +// Navbar ===================================================================== + +.sandstone { + font-size: 11px; + line-height: 22px; + font-weight: 500; + text-transform: uppercase; +} + +.navbar { + .nav > li > a { + @extend .sandstone; + } + + &-form input, + &-form .form-control { + border: none; + } +} + +// Buttons ==================================================================== + +.btn { + border: none; + @extend .sandstone; + + &:hover { + border-color: transparent; + } + + &-lg { + line-height: 26px; + } + + &-default { + &:hover { + background-color: $navbar-default-link-active-bg; + } + } +} + +// Typography ================================================================= + +// Tables ===================================================================== + +// Forms ====================================================================== + +input, +.form-control { + @include box-shadow(none); + + &:focus { + border-color: $input-border; + @include box-shadow(none); + } +} + +.input-sm { + padding: 15px 10px; +} + +// Navs ======================================================================= + +.nav { + @extend .sandstone; + + .open > a, + .open > a:hover, + .open > a:focus { + border-color: $gray-light; + } +} + +.nav-tabs { + + & > li > a { + background-color: $gray-lighter; + border-color: $nav-tabs-border-color; + color: $gray; + } + + > li.disabled > a:hover { + background-color: $gray-lighter; + } +} + +.nav-pills { + a { + color: $gray; + } + + li > a { + border: 1px solid transparent; + } + + li.active > a, + li > a:hover { + border-color: $gray-light; + } + + li.disabled > a { + border-color: transparent; + } +} + +.breadcrumb { + @extend .sandstone; + + border: 1px solid $gray-light; + + a { + color: $gray; + } +} + +.pagination { + @extend .sandstone; +} + +.pager { + @extend .sandstone; + + li > a { + color: $gray; + } +} + +.dropdown-menu { + & > li > a { + @extend .sandstone; + } +} + +// Indicators ================================================================= + +.alert { + + a, + .alert-link { + color: #fff; + } +} + +.tooltip { + @extend .sandstone; +} + +// Progress bars ============================================================== + +.progress { + border-radius: 10px; + background-color: $gray-light; + @include box-shadow(none); + + &-bar { + @include box-shadow(none); + } +} + +// Containers ================================================================= + +.list-group { + &-item { + padding: 16px 24px; + } +} + +.well { + @include box-shadow(none); +} + +.panel { + @include box-shadow(none); + + .panel-heading, + .panel-title, + .panel-footer { + @extend .sandstone; + color: #fff; + } + + &-default { + .panel-heading, + .panel-title, + .panel-footer { + color: $gray; + } + } +} diff --git a/sandstone/_variables.scss b/sandstone/_variables.scss new file mode 100644 index 00000000..9aa5087c --- /dev/null +++ b/sandstone/_variables.scss @@ -0,0 +1,856 @@ +// Sandstone 3.3.0 +// Variables +// -------------------------------------------------- + + +//== Colors +// +//## Gray and brand colors for use across Bootstrap. + +$gray-base: #000; +$gray-darker: #3E3F3A; +$gray-dark: #8E8C84; +$gray: #98978B; +$gray-light: #DFD7CA; +$gray-lighter: #F8F5F0; + +$brand-primary: #325D88; +$brand-success: #93C54B; +$brand-info: #29ABE0; +$brand-warning: #F47C3C; +$brand-danger: #d9534f; + + +//== Scaffolding +// +//## Settings for some of the most global styles. + +//** Background color for `<body>`. +$body-bg: #fff; +//** Global text color on `<body>`. +$text-color: #3E3F3A; + +//** Global textual link color. +$link-color: $brand-success; +//** Link hover color set via `darken()` function. +$link-hover-color: darken($link-color, 10%); +//** Link hover decoration. +$link-hover-decoration: underline; + + +//== Typography +// +//## Font, line-height, and color for body text, headings, and more. + +$font-family-sans-serif: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; +$font-family-serif: Georgia, "Times New Roman", Times, serif; +//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. +$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; +$font-family-base: $font-family-sans-serif; + +$font-size-base: 14px; +$font-size-large: ceil(($font-size-base * 1.25)); // ~18px +$font-size-small: ceil(($font-size-base * 0.85)); // ~12px + +$font-size-h1: floor(($font-size-base * 2.6)); // ~36px +$font-size-h2: floor(($font-size-base * 2.15)); // ~30px +$font-size-h3: ceil(($font-size-base * 1.7)); // ~24px +$font-size-h4: ceil(($font-size-base * 1.25)); // ~18px +$font-size-h5: $font-size-base; +$font-size-h6: ceil(($font-size-base * 0.85)); // ~12px + +//** Unit-less `line-height` for use in components like buttons. +$line-height-base: 1.428571429; // 20/14 +//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. +$line-height-computed: floor(($font-size-base * $line-height-base)); // ~20px + +//** By default, this inherits from the `<body>`. +$headings-font-family: inherit; +$headings-font-weight: 400; +$headings-line-height: 1.1; +$headings-color: inherit; + + +//== Iconography +// +//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. + +//** Load fonts from this directory. +$icon-font-path: "../fonts/"; +//** File name for all font files. +$icon-font-name: "glyphicons-halflings-regular"; +//** Element ID within SVG icon file. +$icon-font-svg-id: "glyphicons_halflingsregular"; + + +//== Components +// +//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). + +$padding-base-vertical: 12px; +$padding-base-horizontal: 16px; + +$padding-large-vertical: 20px; +$padding-large-horizontal: 30px; + +$padding-small-vertical: 5px; +$padding-small-horizontal: 10px; + +$padding-xs-vertical: 1px; +$padding-xs-horizontal: 5px; + +$line-height-large: 1.33; +$line-height-small: 1.5; + +$border-radius-base: 4px; +$border-radius-large: 6px; +$border-radius-small: 3px; + +//** Global color for active items (e.g., navs or dropdowns). +$component-active-color: $gray; +//** Global background color for active items (e.g., navs or dropdowns). +$component-active-bg: $gray-lighter; + +//** Width of the `border` for generating carets that indicator dropdowns. +$caret-width-base: 4px; +//** Carets increase slightly in size for larger components. +$caret-width-large: 5px; + + +//== Tables +// +//## Customizes the `.table` component with basic values, each used across all table variations. + +//** Padding for `<th>`s and `<td>`s. +$table-cell-padding: 8px; +//** Padding for cells in `.table-condensed`. +$table-condensed-cell-padding: 5px; + +//** Default background color used for all tables. +$table-bg: transparent; +//** Background color used for `.table-striped`. +$table-bg-accent: $gray-lighter; +//** Background color used for `.table-hover`. +$table-bg-hover: $gray-lighter; +$table-bg-active: $table-bg-hover; + +//** Border color for table and cell borders. +$table-border-color: $gray-light; + + +//== Buttons +// +//## For each of Bootstrap's buttons, define text, background and border color. + +$btn-font-weight: normal; + +$btn-default-color: #fff; +$btn-default-bg: $gray-darker; +$btn-default-border: transparent; + +$btn-primary-color: #fff; +$btn-primary-bg: $brand-primary; +$btn-primary-border: transparent; + +$btn-success-color: #fff; +$btn-success-bg: $brand-success; +$btn-success-border: transparent; + +$btn-info-color: #fff; +$btn-info-bg: $brand-info; +$btn-info-border: transparent; + +$btn-warning-color: #fff; +$btn-warning-bg: $brand-warning; +$btn-warning-border: transparent; + +$btn-danger-color: #fff; +$btn-danger-bg: $brand-danger; +$btn-danger-border: transparent; + +$btn-link-disabled-color: $gray-light; + + +//== Forms +// +//## + +//** `<input>` background color +$input-bg: #fff; +//** `<input disabled>` background color +$input-bg-disabled: $gray-lighter; + +//** Text color for `<input>`s +$input-color: $text-color; +//** `<input>` border color +$input-border: $gray-light; + +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 +//** Default `.form-control` border radius +$input-border-radius: $border-radius-base; +//** Large `.form-control` border radius +$input-border-radius-large: $border-radius-large; +//** Small `.form-control` border radius +$input-border-radius-small: $border-radius-small; + +//** Border color for inputs on focus +$input-border-focus: transparent; + +//** Placeholder text color +$input-color-placeholder: $gray-light; + +//** Default `.form-control` height +$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2); +//** Large `.form-control` height +$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2); +//** Small `.form-control` height +$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2); + +$legend-color: $headings-color; +$legend-border-color: transparent; + +//** Background color for textual input addons +$input-group-addon-bg: $gray-lighter; +//** Border color for textual input addons +$input-group-addon-border-color: $input-border; + +//** Disabled cursor for form controls and buttons. +$cursor-disabled: not-allowed; + + +//== Dropdowns +// +//## Dropdown menu container and contents. + +//** Background for the dropdown menu. +$dropdown-bg: #fff; +//** Dropdown menu `border-color`. +$dropdown-border: $gray-light; +//** Dropdown menu `border-color` **for IE8**. +$dropdown-fallback-border: $gray-light; +//** Divider color for between dropdown items. +$dropdown-divider-bg: $gray-lighter; + +//** Dropdown link text color. +$dropdown-link-color: $gray; +//** Hover color for dropdown links. +$dropdown-link-hover-color: $dropdown-link-color; +//** Hover background for dropdown links. +$dropdown-link-hover-bg: $gray-lighter; + +//** Active dropdown menu item text color. +$dropdown-link-active-color: $component-active-color; +//** Active dropdown menu item background color. +$dropdown-link-active-bg: $component-active-bg; + +//** Disabled dropdown menu item background color. +$dropdown-link-disabled-color: $gray-light; + +//** Text color for headers within dropdown menus. +$dropdown-header-color: $gray-light; + +//** Deprecated `$dropdown-caret-color` as of v3.1.0 +$dropdown-caret-color: #000; + + +//-- Z-index master list +// +// Warning: Avoid customizing these values. They're used for a bird's eye view +// of components dependent on the z-axis and are designed to all work together. +// +// Note: These variables are not generated into the Customizer. + +$zindex-navbar: 1000; +$zindex-dropdown: 1000; +$zindex-popover: 1060; +$zindex-tooltip: 1070; +$zindex-navbar-fixed: 1030; +$zindex-modal: 1040; + + +//== Media queries breakpoints +// +//## Define the breakpoints at which your layout will change, adapting to different screen sizes. + +// Extra small screen / phone +//** Deprecated `$screen-xs` as of v3.0.1 +$screen-xs: 480px; +//** Deprecated `$screen-xs-min` as of v3.2.0 +$screen-xs-min: $screen-xs; +//** Deprecated `$screen-phone` as of v3.0.1 +$screen-phone: $screen-xs-min; + +// Small screen / tablet +//** Deprecated `$screen-sm` as of v3.0.1 +$screen-sm: 768px; +$screen-sm-min: $screen-sm; +//** Deprecated `$screen-tablet` as of v3.0.1 +$screen-tablet: $screen-sm-min; + +// Medium screen / desktop +//** Deprecated `$screen-md` as of v3.0.1 +$screen-md: 992px; +$screen-md-min: $screen-md; +//** Deprecated `$screen-desktop` as of v3.0.1 +$screen-desktop: $screen-md-min; + +// Large screen / wide desktop +//** Deprecated `$screen-lg` as of v3.0.1 +$screen-lg: 1200px; +$screen-lg-min: $screen-lg; +//** Deprecated `$screen-lg-desktop` as of v3.0.1 +$screen-lg-desktop: $screen-lg-min; + +// So media queries don't overlap when required, provide a maximum +$screen-xs-max: ($screen-sm-min - 1); +$screen-sm-max: ($screen-md-min - 1); +$screen-md-max: ($screen-lg-min - 1); + + +//== Grid system +// +//## Define your custom responsive grid. + +//** Number of columns in the grid. +$grid-columns: 12; +//** Padding between columns. Gets divided in half for the left and right. +$grid-gutter-width: 30px; +// Navbar collapse +//** Point at which the navbar becomes uncollapsed. +$grid-float-breakpoint: $screen-sm-min; +//** Point at which the navbar begins collapsing. +$grid-float-breakpoint-max: ($grid-float-breakpoint - 1); + + +//== Container sizes +// +//## Define the maximum width of `.container` for different screen sizes. + +// Small screen / tablet +$container-tablet: (720px + $grid-gutter-width); +//** For `$screen-sm-min` and up. +$container-sm: $container-tablet; + +// Medium screen / desktop +$container-desktop: (940px + $grid-gutter-width); +//** For `$screen-md-min` and up. +$container-md: $container-desktop; + +// Large screen / wide desktop +$container-large-desktop: (1140px + $grid-gutter-width); +//** For `$screen-lg-min` and up. +$container-lg: $container-large-desktop; + + +//== Navbar +// +//## + +// Basics of a navbar +$navbar-height: 60px; +$navbar-margin-bottom: $line-height-computed; +$navbar-border-radius: $border-radius-base; +$navbar-padding-horizontal: floor(($grid-gutter-width / 2)); +$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2); +$navbar-collapse-max-height: 340px; + +$navbar-default-color: $gray-dark; +$navbar-default-bg: $gray-darker; +$navbar-default-border: $gray-darker; + +// Navbar links +$navbar-default-link-color: $gray; +$navbar-default-link-hover-color: #fff; +$navbar-default-link-hover-bg: transparent; +$navbar-default-link-active-color: #fff; +$navbar-default-link-active-bg: darken($navbar-default-bg, 2%); +$navbar-default-link-disabled-color: #ccc; +$navbar-default-link-disabled-bg: transparent; + +// Navbar brand label +$navbar-default-brand-color: #fff; +$navbar-default-brand-hover-color: #fff; +$navbar-default-brand-hover-bg: transparent; + +// Navbar toggle +$navbar-default-toggle-hover-bg: $navbar-default-link-active-bg; +$navbar-default-toggle-icon-bar-bg: $navbar-default-link-color; +$navbar-default-toggle-border-color: transparent; + + +// Inverted navbar +// Reset inverted navbar basics +$navbar-inverse-color: $gray-light; +$navbar-inverse-bg: $brand-success; +$navbar-inverse-border: $brand-success; + +// Inverted navbar links +$navbar-inverse-link-color: darken($brand-success, 15%); +$navbar-inverse-link-hover-color: #fff; +$navbar-inverse-link-hover-bg: transparent; +$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color; +$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 4%); +$navbar-inverse-link-disabled-color: #444; +$navbar-inverse-link-disabled-bg: transparent; + +// Inverted navbar brand label +$navbar-inverse-brand-color: #fff; +$navbar-inverse-brand-hover-color: #fff; +$navbar-inverse-brand-hover-bg: transparent; + +// Inverted navbar toggle +$navbar-inverse-toggle-hover-bg: $navbar-inverse-link-active-bg; +$navbar-inverse-toggle-icon-bar-bg: $navbar-inverse-link-color; +$navbar-inverse-toggle-border-color: transparent; + + +//== Navs +// +//## + +//=== Shared nav styles +$nav-link-padding: 10px 15px; +$nav-link-hover-bg: $gray-lighter; + +$nav-disabled-link-color: $gray-light; +$nav-disabled-link-hover-color: $gray-light; + +//== Tabs +$nav-tabs-border-color: $gray-light; + +$nav-tabs-link-hover-border-color: $gray-light; + +$nav-tabs-active-link-hover-bg: $body-bg; +$nav-tabs-active-link-hover-color: $gray; +$nav-tabs-active-link-hover-border-color: $gray-light; + +$nav-tabs-justified-link-border-color: $gray-light; +$nav-tabs-justified-active-link-border-color: $body-bg; + +//== Pills +$nav-pills-border-radius: $border-radius-base; +$nav-pills-active-link-hover-bg: $component-active-bg; +$nav-pills-active-link-hover-color: $component-active-color; + + +//== Pagination +// +//## + +$pagination-color: $gray; +$pagination-bg: $gray-lighter; +$pagination-border: $gray-light; + +$pagination-hover-color: $gray-dark; +$pagination-hover-bg: $gray-light; +$pagination-hover-border: $pagination-border; + +$pagination-active-color: $gray-dark; +$pagination-active-bg: $gray-light; +$pagination-active-border: $gray-light; + +$pagination-disabled-color: $gray-light; +$pagination-disabled-bg: $gray-lighter; +$pagination-disabled-border: $gray-light; + + +//== Pager +// +//## + +$pager-bg: $pagination-bg; +$pager-border: $pagination-border; +$pager-border-radius: 15px; + +$pager-hover-bg: $pagination-hover-bg; + +$pager-active-bg: $pagination-active-bg; +$pager-active-color: $pagination-active-color; + +$pager-disabled-color: $pagination-disabled-color; + + +//== Jumbotron +// +//## + +$jumbotron-padding: 30px; +$jumbotron-color: inherit; +$jumbotron-bg: $gray-lighter; +$jumbotron-heading-color: inherit; +$jumbotron-font-size: ceil(($font-size-base * 1.5)); + + +//== Form states and alerts +// +//## Define colors for form feedback states and, by default, alerts. + +$state-success-text: $brand-success; +$state-success-bg: #dff0d8; +$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%); + +$state-info-text: $brand-info; +$state-info-bg: #d9edf7; +$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%); + +$state-warning-text: $brand-warning; +$state-warning-bg: #fcf8e3; +$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%); + +$state-danger-text: $brand-danger; +$state-danger-bg: #f2dede; +$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%); + + +//== Tooltips +// +//## + +//** Tooltip max width +$tooltip-max-width: 200px; +//** Tooltip text color +$tooltip-color: #fff; +//** Tooltip background color +$tooltip-bg: $navbar-default-bg; +$tooltip-opacity: 1; + +//** Tooltip arrow width +$tooltip-arrow-width: 5px; +//** Tooltip arrow color +$tooltip-arrow-color: $tooltip-bg; + + +//== Popovers +// +//## + +//** Popover body background color +$popover-bg: #fff; +//** Popover maximum width +$popover-max-width: 276px; +//** Popover border color +$popover-border-color: $gray-light; +//** Popover fallback border color +$popover-fallback-border-color: $gray-light; + +//** Popover title background color +$popover-title-bg: $gray-lighter; + +//** Popover arrow width +$popover-arrow-width: 10px; +//** Popover arrow color +$popover-arrow-color: $popover-bg; + +//** Popover outer arrow width +$popover-arrow-outer-width: ($popover-arrow-width + 1); +//** Popover outer arrow color +$popover-arrow-outer-color: fadein($popover-border-color, 5%); +//** Popover outer arrow fallback color +$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%); + + +//== Labels +// +//## + +//** Default label background color +$label-default-bg: $navbar-default-bg; +//** Primary label background color +$label-primary-bg: $brand-primary; +//** Success label background color +$label-success-bg: $brand-success; +//** Info label background color +$label-info-bg: $brand-info; +//** Warning label background color +$label-warning-bg: $brand-warning; +//** Danger label background color +$label-danger-bg: $brand-danger; + +//** Default label text color +$label-color: #fff; +//** Default text color of a linked label +$label-link-hover-color: #fff; + + +//== Modals +// +//## + +//** Padding applied to the modal body +$modal-inner-padding: 15px; + +//** Padding applied to the modal title +$modal-title-padding: 15px; +//** Modal title line-height +$modal-title-line-height: $line-height-base; + +//** Background color of modal content area +$modal-content-bg: #fff; +//** Modal content border color +$modal-content-border-color: $gray-lighter; +//** Modal content border color **for IE8** +$modal-content-fallback-border-color: $gray-lighter; + +//** Modal backdrop background color +$modal-backdrop-bg: #000; +//** Modal backdrop opacity +$modal-backdrop-opacity: .5; +//** Modal header border color +$modal-header-border-color: $gray-lighter; +//** Modal footer border color +$modal-footer-border-color: $modal-header-border-color; + +$modal-lg: 900px; +$modal-md: 600px; +$modal-sm: 300px; + + +//== Alerts +// +//## Define alert colors, border radius, and padding. + +$alert-padding: 15px; +$alert-border-radius: $border-radius-base; +$alert-link-font-weight: bold; + +$alert-success-bg: $brand-success; +$alert-success-text: #fff; +$alert-success-border: transparent; + +$alert-info-bg: $brand-info; +$alert-info-text: #fff; +$alert-info-border: transparent; + +$alert-warning-bg: $brand-warning; +$alert-warning-text: #fff; +$alert-warning-border: transparent; + +$alert-danger-bg: $brand-danger; +$alert-danger-text: #fff; +$alert-danger-border: transparent; + + +//== Progress bars +// +//## + +//** Background color of the whole progress component +$progress-bg: #f5f5f5; +//** Progress bar text color +$progress-bar-color: #fff; +//** Variable for setting rounded corners on progress bar. +$progress-border-radius: $border-radius-base; + +//** Default progress bar color +$progress-bar-bg: $brand-primary; +//** Success progress bar color +$progress-bar-success-bg: $brand-success; +//** Warning progress bar color +$progress-bar-warning-bg: $brand-warning; +//** Danger progress bar color +$progress-bar-danger-bg: $brand-danger; +//** Info progress bar color +$progress-bar-info-bg: $brand-info; + + +//== List group +// +//## + +//** Background color on `.list-group-item` +$list-group-bg: #fff; +//** `.list-group-item` border color +$list-group-border: $gray-light; +//** List group border radius +$list-group-border-radius: $border-radius-base; + +//** Background color of single list items on hover +$list-group-hover-bg: $gray-lighter; +//** Text color of active list items +$list-group-active-color: $text-color; +//** Background color of active list items +$list-group-active-bg: $component-active-bg; +//** Border color of active list elements +$list-group-active-border: $list-group-border; +//** Text color for content within active list items +$list-group-active-text-color: $text-color; + +//** Text color of disabled list items +$list-group-disabled-color: $gray-light; +//** Background color of disabled list items +$list-group-disabled-bg: $gray-lighter; +//** Text color for content within disabled list items +$list-group-disabled-text-color: $list-group-disabled-color; + +$list-group-link-color: $text-color; +$list-group-link-hover-color: $list-group-link-color; +$list-group-link-heading-color: $headings-color; + + +//== Panels +// +//## + +$panel-bg: #fff; +$panel-body-padding: 15px; +$panel-heading-padding: 10px 15px; +$panel-footer-padding: $panel-heading-padding; +$panel-border-radius: $border-radius-base; + +//** Border color for elements within panels +$panel-inner-border: $gray-light; +$panel-footer-bg: $gray-lighter; + +$panel-default-text: $text-color; +$panel-default-border: $gray-light; +$panel-default-heading-bg: $gray-lighter; + +$panel-primary-text: #fff; +$panel-primary-border: $brand-primary; +$panel-primary-heading-bg: $brand-primary; + +$panel-success-text: $state-success-text; +$panel-success-border: $state-success-border; +$panel-success-heading-bg: $brand-success; + +$panel-info-text: $state-info-text; +$panel-info-border: $state-info-border; +$panel-info-heading-bg: $brand-info; + +$panel-warning-text: $state-warning-text; +$panel-warning-border: $state-warning-border; +$panel-warning-heading-bg: $brand-warning; + +$panel-danger-text: $state-danger-text; +$panel-danger-border: $state-danger-border; +$panel-danger-heading-bg: $brand-danger; + + +//== Thumbnails +// +//## + +//** Padding around the thumbnail image +$thumbnail-padding: 4px; +//** Thumbnail background color +$thumbnail-bg: $gray-lighter; +//** Thumbnail border color +$thumbnail-border: $gray-light; +//** Thumbnail border radius +$thumbnail-border-radius: $border-radius-base; + +//** Custom text color for thumbnail captions +$thumbnail-caption-color: $text-color; +//** Padding around the thumbnail caption +$thumbnail-caption-padding: 9px; + + +//== Wells +// +//## + +$well-bg: $gray-lighter; +$well-border: transparent; + + +//== Badges +// +//## + +$badge-color: #fff; +//** Linked badge text color on hover +$badge-link-hover-color: #fff; +$badge-bg: $brand-success; + +//** Badge text color in active nav link +$badge-active-color: #fff; +//** Badge background color in active nav link +$badge-active-bg: $brand-success; + +$badge-font-weight: normal; +$badge-line-height: 1; +$badge-border-radius: 10px; + + +//== Breadcrumbs +// +//## + +$breadcrumb-padding-vertical: 8px; +$breadcrumb-padding-horizontal: 15px; +//** Breadcrumb background color +$breadcrumb-bg: $gray-lighter; +//** Breadcrumb text color +$breadcrumb-color: $gray-light; +//** Text color of current page in the breadcrumb +$breadcrumb-active-color: $gray; +//** Textual separator for between breadcrumb elements +$breadcrumb-separator: "/"; + + +//== Carousel +// +//## + +$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); + +$carousel-control-color: #fff; +$carousel-control-width: 15%; +$carousel-control-opacity: .5; +$carousel-control-font-size: 20px; + +$carousel-indicator-active-bg: #fff; +$carousel-indicator-border-color: #fff; + +$carousel-caption-color: #fff; + + +//== Close +// +//## + +$close-font-weight: bold; +$close-color: #000; +$close-text-shadow: 0 0 0 transparent; + + +//== Code +// +//## + +$code-color: #c7254e; +$code-bg: #f9f2f4; + +$kbd-color: #fff; +$kbd-bg: #333; + +$pre-bg: #f5f5f5; +$pre-color: $gray-dark; +$pre-border-color: #ccc; +$pre-scrollable-max-height: 340px; + + +//== Type +// +//## + +//** Horizontal offset for forms and lists. +$component-offset-horizontal: 180px; +//** Text muted color +$text-muted: $gray; +//** Abbreviations and acronyms border color +$abbr-border-color: $gray; +//** Headings small color +$headings-small-color: $gray; +//** Blockquote small color +$blockquote-small-color: $text-color; +//** Blockquote font size +$blockquote-font-size: ($font-size-base * 1.25); +//** Blockquote border color +$blockquote-border-color: $gray-light; +//** Page header border color +$page-header-border-color: $gray-lighter; +//** Width of horizontal description list titles +$dl-horizontal-offset: $component-offset-horizontal; +//** Horizontal line color. +$hr-border: $gray-lighter; diff --git a/sandstone/bootswatch.less b/sandstone/bootswatch.less index 3659c20f..990812be 100644 --- a/sandstone/bootswatch.less +++ b/sandstone/bootswatch.less @@ -15,7 +15,7 @@ .navbar { .nav > li > a { - .sandstone(); + .sandstone; } &-form input, @@ -28,7 +28,7 @@ .btn { border: none; - .sandstone(); + .sandstone; &:hover { border-color: transparent; @@ -68,7 +68,7 @@ input, // Navs ======================================================================= .nav { - .sandstone(); + .sandstone; .open > a, .open > a:hover, @@ -110,7 +110,7 @@ input, } .breadcrumb { - .sandstone(); + .sandstone; border: 1px solid @gray-light; @@ -120,11 +120,11 @@ input, } .pagination { - .sandstone(); + .sandstone; } .pager { - .sandstone(); + .sandstone; li > a { color: @gray; @@ -133,7 +133,7 @@ input, .dropdown-menu { & > li > a { - .sandstone(); + .sandstone; } } @@ -148,7 +148,7 @@ input, } .tooltip { - .sandstone(); + .sandstone; } // Progress bars ============================================================== @@ -181,7 +181,7 @@ input, .panel-heading, .panel-title, .panel-footer { - .sandstone(); + .sandstone; color: #fff; } diff --git a/sandstone/variables.less b/sandstone/variables.less index 94610a5d..c0867021 100644 --- a/sandstone/variables.less +++ b/sandstone/variables.less @@ -145,7 +145,7 @@ @btn-font-weight: normal; @btn-default-color: #fff; -@btn-default-bg: @navbar-default-bg; +@btn-default-bg: @gray-darker; @btn-default-border: transparent; @btn-primary-color: #fff; diff --git a/simplex/_bootswatch.scss b/simplex/_bootswatch.scss new file mode 100644 index 00000000..71f7ad63 --- /dev/null +++ b/simplex/_bootswatch.scss @@ -0,0 +1,142 @@ +// Simplex 3.3.0 +// Bootswatch +// ----------------------------------------------------- + +@import url("//fonts.googleapis.com/css?family=Open+Sans:400,700"); + +@mixin btn-shadow($color){ + @include gradient-vertical-three-colors(lighten($color, 3%), $color, 6%, darken($color, 3%)); + filter: none; + border: 1px solid darken($color, 10%); +} + +// Navbar ===================================================================== + +.navbar { + + &-inverse { + + .badge { + background-color: #fff; + color: $brand-primary; + } + } +} + +// Buttons ==================================================================== + +.btn { + font-family: $headings-font-family; +} + +.btn-default, +.btn-default:hover { + @include btn-shadow($btn-default-bg); +} + +.btn-primary, +.btn-primary:hover { + @include btn-shadow($btn-primary-bg); +} + +.btn-success, +.btn-success:hover { + @include btn-shadow($btn-success-bg); +} + +.btn-info, +.btn-info:hover { + @include btn-shadow($btn-info-bg); +} + +.btn-warning, +.btn-warning:hover { + @include btn-shadow($btn-warning-bg); +} + +.btn-danger, +.btn-danger:hover { + @include btn-shadow($btn-danger-bg); +} + +// Typography ================================================================= + +body { + font-weight: 200; +} + +// Tables ===================================================================== + +th { + color: $headings-color; +} + +// Forms ====================================================================== + +legend { + color: $headings-color; +} + +label { + font-weight: normal; +} + +.has-warning { + .help-block, + .control-label { + color: $brand-danger; + } + + .form-control, + .form-control:focus { + border-color: $brand-danger; + } +} + +.has-error { + .help-block, + .control-label { + color: $brand-primary; + } + + .form-control, + .form-control:focus { + border-color: $brand-primary; + } +} + +.has-success { + .help-block, + .control-label { + color: $brand-success; + } + + .form-control, + .form-control:focus { + border-color: $brand-success; + } +} + +// Navs ======================================================================= + +.pager { + a { + color: $headings-color; + } + + a:hover, + .active > a, { + border-color: $brand-primary; + color: #fff; + } + + .disabled > a { + border-color: $pager-border; + } +} + +// Indicators ================================================================= + +// Progress bars ============================================================== + +// Containers =================================================================
\ No newline at end of file diff --git a/simplex/_variables.scss b/simplex/_variables.scss new file mode 100644 index 00000000..45f59213 --- /dev/null +++ b/simplex/_variables.scss @@ -0,0 +1,856 @@ +// Simplex 3.3.0 +// Variables +// -------------------------------------------------- + + +//== Colors +// +//## Gray and brand colors for use across Bootstrap. + +$gray-base: #000; +$gray-darker: lighten($gray-base, 13.5%); // #222 +$gray-dark: #444; +$gray: #777; +$gray-light: #808080; +$gray-lighter: #ddd; + +$brand-primary: #D9230F; +$brand-success: #469408; +$brand-info: #029ACF; +$brand-warning: #9B479F; +$brand-danger: #D9831F; + + +//== Scaffolding +// +//## Settings for some of the most global styles. + +//** Background color for `<body>`. +$body-bg: #FCFCFC; +//** Global text color on `<body>`. +$text-color: $gray; + +//** Global textual link color. +$link-color: $brand-primary; +//** Link hover color set via `darken()` function. +$link-hover-color: darken($link-color, 15%); +//** Link hover decoration. +$link-hover-decoration: underline; + + +//== Typography +// +//## Font, line-height, and color for body text, headings, and more. + +$font-family-sans-serif: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; +$font-family-serif: Georgia, "Times New Roman", Times, serif; +//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. +$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; +$font-family-base: $font-family-sans-serif; + +$font-size-base: 13px; +$font-size-large: ceil(($font-size-base * 1.25)); // ~18px +$font-size-small: ceil(($font-size-base * 0.85)); // ~12px + +$font-size-h1: floor(($font-size-base * 2.6)); // ~36px +$font-size-h2: floor(($font-size-base * 2.15)); // ~30px +$font-size-h3: ceil(($font-size-base * 1.7)); // ~24px +$font-size-h4: ceil(($font-size-base * 1.25)); // ~18px +$font-size-h5: $font-size-base; +$font-size-h6: ceil(($font-size-base * 0.85)); // ~12px + +//** Unit-less `line-height` for use in components like buttons. +$line-height-base: 1.428571429; // 20/14 +//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. +$line-height-computed: floor(($font-size-base * $line-height-base)); // ~20px + +//** By default, this inherits from the `<body>`. +$headings-font-family: $font-family-sans-serif; +$headings-font-weight: 300; +$headings-line-height: 1.1; +$headings-color: $gray-dark; + + +//== Iconography +// +//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. + +//** Load fonts from this directory. +$icon-font-path: "../fonts/"; +//** File name for all font files. +$icon-font-name: "glyphicons-halflings-regular"; +//** Element ID within SVG icon file. +$icon-font-svg-id: "glyphicons_halflingsregular"; + + +//== Components +// +//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). + +$padding-base-vertical: 8px; +$padding-base-horizontal: 12px; + +$padding-large-vertical: 14px; +$padding-large-horizontal: 16px; + +$padding-small-vertical: 5px; +$padding-small-horizontal: 10px; + +$padding-xs-vertical: 1px; +$padding-xs-horizontal: 5px; + +$line-height-large: 1.33; +$line-height-small: 1.5; + +$border-radius-base: 4px; +$border-radius-large: 6px; +$border-radius-small: 3px; + +//** Global color for active items (e.g., navs or dropdowns). +$component-active-color: #fff; +//** Global background color for active items (e.g., navs or dropdowns). +$component-active-bg: $brand-primary; + +//** Width of the `border` for generating carets that indicator dropdowns. +$caret-width-base: 4px; +//** Carets increase slightly in size for larger components. +$caret-width-large: 5px; + + +//== Tables +// +//## Customizes the `.table` component with basic values, each used across all table variations. + +//** Padding for `<th>`s and `<td>`s. +$table-cell-padding: 8px; +//** Padding for cells in `.table-condensed`. +$table-condensed-cell-padding: 5px; + +//** Default background color used for all tables. +$table-bg: transparent; +//** Background color used for `.table-striped`. +$table-bg-accent: #f9f9f9; +//** Background color used for `.table-hover`. +$table-bg-hover: #f5f5f5; +$table-bg-active: $table-bg-hover; + +//** Border color for table and cell borders. +$table-border-color: #ddd; + + +//== Buttons +// +//## For each of Bootstrap's buttons, define text, background and border color. + +$btn-font-weight: normal; + +$btn-default-color: #fff; +$btn-default-bg: #474949; +$btn-default-border: $btn-default-bg; + +$btn-primary-color: $btn-default-color; +$btn-primary-bg: $brand-primary; +$btn-primary-border: $btn-primary-bg; + +$btn-success-color: $btn-default-color; +$btn-success-bg: $brand-success; +$btn-success-border: $btn-success-bg; + +$btn-info-color: $btn-default-color; +$btn-info-bg: $brand-info; +$btn-info-border: $btn-info-bg; + +$btn-warning-color: $btn-default-color; +$btn-warning-bg: $brand-warning; +$btn-warning-border: $btn-warning-bg; + +$btn-danger-color: $btn-default-color; +$btn-danger-bg: $brand-danger; +$btn-danger-border: $btn-danger-bg; + +$btn-link-disabled-color: $gray-light; + + +//== Forms +// +//## + +//** `<input>` background color +$input-bg: #fff; +//** `<input disabled>` background color +$input-bg-disabled: $gray-lighter; + +//** Text color for `<input>`s +$input-color: $text-color; +//** `<input>` border color +$input-border: #ddd; + +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 +//** Default `.form-control` border radius +$input-border-radius: $border-radius-base; +//** Large `.form-control` border radius +$input-border-radius-large: $border-radius-large; +//** Small `.form-control` border radius +$input-border-radius-small: $border-radius-small; + +//** Border color for inputs on focus +$input-border-focus: #66afe9; + +//** Placeholder text color +$input-color-placeholder: $gray-lighter; + +//** Default `.form-control` height +$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2); +//** Large `.form-control` height +$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2); +//** Small `.form-control` height +$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2); + +$legend-color: $text-color; +$legend-border-color: #e5e5e5; + +//** Background color for textual input addons +$input-group-addon-bg: $gray-lighter; +//** Border color for textual input addons +$input-group-addon-border-color: $input-border; + +//** Disabled cursor for form controls and buttons. +$cursor-disabled: not-allowed; + + +//== Dropdowns +// +//## Dropdown menu container and contents. + +//** Background for the dropdown menu. +$dropdown-bg: #fff; +//** Dropdown menu `border-color`. +$dropdown-border: rgba(0,0,0,.15); +//** Dropdown menu `border-color` **for IE8**. +$dropdown-fallback-border: #ccc; +//** Divider color for between dropdown items. +$dropdown-divider-bg: #e5e5e5; + +//** Dropdown link text color. +$dropdown-link-color: $gray-dark; +//** Hover color for dropdown links. +$dropdown-link-hover-color: #fff; +//** Hover background for dropdown links. +$dropdown-link-hover-bg: $component-active-bg; + +//** Active dropdown menu item text color. +$dropdown-link-active-color: #fff; +//** Active dropdown menu item background color. +$dropdown-link-active-bg: $component-active-bg; + +//** Disabled dropdown menu item background color. +$dropdown-link-disabled-color: $gray-light; + +//** Text color for headers within dropdown menus. +$dropdown-header-color: $gray-light; + +//** Deprecated `$dropdown-caret-color` as of v3.1.0 +$dropdown-caret-color: #000; + + +//-- Z-index master list +// +// Warning: Avoid customizing these values. They're used for a bird's eye view +// of components dependent on the z-axis and are designed to all work together. +// +// Note: These variables are not generated into the Customizer. + +$zindex-navbar: 1000; +$zindex-dropdown: 1000; +$zindex-popover: 1060; +$zindex-tooltip: 1070; +$zindex-navbar-fixed: 1030; +$zindex-modal: 1040; + + +//== Media queries breakpoints +// +//## Define the breakpoints at which your layout will change, adapting to different screen sizes. + +// Extra small screen / phone +//** Deprecated `$screen-xs` as of v3.0.1 +$screen-xs: 480px; +//** Deprecated `$screen-xs-min` as of v3.2.0 +$screen-xs-min: $screen-xs; +//** Deprecated `$screen-phone` as of v3.0.1 +$screen-phone: $screen-xs-min; + +// Small screen / tablet +//** Deprecated `$screen-sm` as of v3.0.1 +$screen-sm: 768px; +$screen-sm-min: $screen-sm; +//** Deprecated `$screen-tablet` as of v3.0.1 +$screen-tablet: $screen-sm-min; + +// Medium screen / desktop +//** Deprecated `$screen-md` as of v3.0.1 +$screen-md: 992px; +$screen-md-min: $screen-md; +//** Deprecated `$screen-desktop` as of v3.0.1 +$screen-desktop: $screen-md-min; + +// Large screen / wide desktop +//** Deprecated `$screen-lg` as of v3.0.1 +$screen-lg: 1200px; +$screen-lg-min: $screen-lg; +//** Deprecated `$screen-lg-desktop` as of v3.0.1 +$screen-lg-desktop: $screen-lg-min; + +// So media queries don't overlap when required, provide a maximum +$screen-xs-max: ($screen-sm-min - 1); +$screen-sm-max: ($screen-md-min - 1); +$screen-md-max: ($screen-lg-min - 1); + + +//== Grid system +// +//## Define your custom responsive grid. + +//** Number of columns in the grid. +$grid-columns: 12; +//** Padding between columns. Gets divided in half for the left and right. +$grid-gutter-width: 30px; +// Navbar collapse +//** Point at which the navbar becomes uncollapsed. +$grid-float-breakpoint: $screen-sm-min; +//** Point at which the navbar begins collapsing. +$grid-float-breakpoint-max: ($grid-float-breakpoint - 1); + + +//== Container sizes +// +//## Define the maximum width of `.container` for different screen sizes. + +// Small screen / tablet +$container-tablet: (720px + $grid-gutter-width); +//** For `$screen-sm-min` and up. +$container-sm: $container-tablet; + +// Medium screen / desktop +$container-desktop: (940px + $grid-gutter-width); +//** For `$screen-md-min` and up. +$container-md: $container-desktop; + +// Large screen / wide desktop +$container-large-desktop: (1140px + $grid-gutter-width); +//** For `$screen-lg-min` and up. +$container-lg: $container-large-desktop; + + +//== Navbar +// +//## + +// Basics of a navbar +$navbar-height: 40px; +$navbar-margin-bottom: $line-height-computed; +$navbar-border-radius: $border-radius-base; +$navbar-padding-horizontal: floor(($grid-gutter-width / 2)); +$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2); +$navbar-collapse-max-height: 340px; + +$navbar-default-color: $gray; +$navbar-default-bg: #fff; +$navbar-default-border: darken($navbar-default-bg, 6.5%); + +// Navbar links +$navbar-default-link-color: $gray; +$navbar-default-link-hover-color: $brand-primary; +$navbar-default-link-hover-bg: transparent; +$navbar-default-link-active-color: $navbar-default-link-hover-color; +$navbar-default-link-active-bg: transparent; +$navbar-default-link-disabled-color: #444; +$navbar-default-link-disabled-bg: transparent; + +// Navbar brand label +$navbar-default-brand-color: $navbar-default-link-color; +$navbar-default-brand-hover-color: $navbar-default-link-hover-color; +$navbar-default-brand-hover-bg: transparent; + +// Navbar toggle +$navbar-default-toggle-hover-bg: #ddd; +$navbar-default-toggle-icon-bar-bg: #ccc; +$navbar-default-toggle-border-color: #ddd; + + +// Inverted navbar +// Reset inverted navbar basics +$navbar-inverse-color: lighten($brand-primary, 40%); +$navbar-inverse-bg: $brand-primary; +$navbar-inverse-border: darken($navbar-inverse-bg, 10%); + +// Inverted navbar links +$navbar-inverse-link-color: lighten($brand-primary, 40%); +$navbar-inverse-link-hover-color: #fff; +$navbar-inverse-link-hover-bg: transparent; +$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color; +$navbar-inverse-link-active-bg: transparent; +$navbar-inverse-link-disabled-color: #ccc; +$navbar-inverse-link-disabled-bg: transparent; + +// Inverted navbar brand label +$navbar-inverse-brand-color: $navbar-inverse-link-color; +$navbar-inverse-brand-hover-color: #fff; +$navbar-inverse-brand-hover-bg: transparent; + +// Inverted navbar toggle +$navbar-inverse-toggle-hover-bg: darken($navbar-inverse-bg, 10%); +$navbar-inverse-toggle-icon-bar-bg: #fff; +$navbar-inverse-toggle-border-color: darken($navbar-inverse-bg, 10%); + + +//== Navs +// +//## + +//=== Shared nav styles +$nav-link-padding: 10px 15px; +$nav-link-hover-bg: $gray-lighter; + +$nav-disabled-link-color: $gray-light; +$nav-disabled-link-hover-color: $gray-light; + +//== Tabs +$nav-tabs-border-color: #ddd; + +$nav-tabs-link-hover-border-color: $gray-lighter; + +$nav-tabs-active-link-hover-bg: $body-bg; +$nav-tabs-active-link-hover-color: $gray; +$nav-tabs-active-link-hover-border-color: #ddd; + +$nav-tabs-justified-link-border-color: #ddd; +$nav-tabs-justified-active-link-border-color: $body-bg; + +//== Pills +$nav-pills-border-radius: $border-radius-base; +$nav-pills-active-link-hover-bg: $component-active-bg; +$nav-pills-active-link-hover-color: $component-active-color; + + +//== Pagination +// +//## + +$pagination-color: $headings-color; +$pagination-bg: #fff; +$pagination-border: #ddd; + +$pagination-hover-color: #fff; +$pagination-hover-bg: $brand-primary; +$pagination-hover-border: $brand-primary; + +$pagination-active-color: #fff; +$pagination-active-bg: $brand-primary; +$pagination-active-border: $brand-primary; + +$pagination-disabled-color: $gray-lighter; +$pagination-disabled-bg: #fff; +$pagination-disabled-border: #ddd; + + +//== Pager +// +//## + +$pager-bg: $pagination-bg; +$pager-border: $pagination-border; +$pager-border-radius: 15px; + +$pager-hover-bg: $brand-primary; + +$pager-active-bg: $brand-primary; +$pager-active-color: #fff; + +$pager-disabled-color: $gray-lighter; + + +//== Jumbotron +// +//## + +$jumbotron-padding: 30px; +$jumbotron-color: inherit; +$jumbotron-bg: darken($body-bg, 3%); +$jumbotron-heading-color: inherit; +$jumbotron-font-size: ceil(($font-size-base * 1.5)); + + +//== Form states and alerts +// +//## Define colors for form feedback states and, by default, alerts. + +$state-success-text: #468847; +$state-success-bg: #dff0d8; +$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%); + +$state-info-text: #3a87ad; +$state-info-bg: #d9edf7; +$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%); + +$state-warning-text: #c09853; +$state-warning-bg: #fcf8e3; +$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 3%); + +$state-danger-text: #b94a48; +$state-danger-bg: #f2dede; +$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 3%); + + +//== Tooltips +// +//## + +//** Tooltip max width +$tooltip-max-width: 200px; +//** Tooltip text color +$tooltip-color: #fff; +//** Tooltip background color +$tooltip-bg: rgba(0,0,0,.9); +$tooltip-opacity: .9; + +//** Tooltip arrow width +$tooltip-arrow-width: 5px; +//** Tooltip arrow color +$tooltip-arrow-color: $tooltip-bg; + + +//== Popovers +// +//## + +//** Popover body background color +$popover-bg: #fff; +//** Popover maximum width +$popover-max-width: 276px; +//** Popover border color +$popover-border-color: rgba(0,0,0,.2); +//** Popover fallback border color +$popover-fallback-border-color: #ccc; + +//** Popover title background color +$popover-title-bg: darken($popover-bg, 3%); + +//** Popover arrow width +$popover-arrow-width: 10px; +//** Popover arrow color +$popover-arrow-color: $popover-bg; + +//** Popover outer arrow width +$popover-arrow-outer-width: ($popover-arrow-width + 1); +//** Popover outer arrow color +$popover-arrow-outer-color: fadein($popover-border-color, 5%); +//** Popover outer arrow fallback color +$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%); + + +//== Labels +// +//## + +//** Default label background color +$label-default-bg: $btn-default-bg; +//** Primary label background color +$label-primary-bg: $brand-primary; +//** Success label background color +$label-success-bg: $brand-success; +//** Info label background color +$label-info-bg: $brand-info; +//** Warning label background color +$label-warning-bg: $brand-warning; +//** Danger label background color +$label-danger-bg: $brand-danger; + +//** Default label text color +$label-color: #fff; +//** Default text color of a linked label +$label-link-hover-color: #fff; + + +//== Modals +// +//## + +//** Padding applied to the modal body +$modal-inner-padding: 20px; + +//** Padding applied to the modal title +$modal-title-padding: 15px; +//** Modal title line-height +$modal-title-line-height: $line-height-base; + +//** Background color of modal content area +$modal-content-bg: #fff; +//** Modal content border color +$modal-content-border-color: rgba(0,0,0,.2); +//** Modal content border color **for IE8** +$modal-content-fallback-border-color: #999; + +//** Modal backdrop background color +$modal-backdrop-bg: #000; +//** Modal backdrop opacity +$modal-backdrop-opacity: .5; +//** Modal header border color +$modal-header-border-color: #e5e5e5; +//** Modal footer border color +$modal-footer-border-color: $modal-header-border-color; + +$modal-lg: 900px; +$modal-md: 600px; +$modal-sm: 300px; + + +//== Alerts +// +//## Define alert colors, border radius, and padding. + +$alert-padding: 15px; +$alert-border-radius: $border-radius-base; +$alert-link-font-weight: bold; + +$alert-success-bg: $state-success-bg; +$alert-success-text: $state-success-text; +$alert-success-border: $state-success-border; + +$alert-info-bg: $state-info-bg; +$alert-info-text: $state-info-text; +$alert-info-border: $state-info-border; + +$alert-warning-bg: $state-warning-bg; +$alert-warning-text: $state-warning-text; +$alert-warning-border: $state-warning-border; + +$alert-danger-bg: $state-danger-bg; +$alert-danger-text: $state-danger-text; +$alert-danger-border: $state-danger-border; + + +//== Progress bars +// +//## + +//** Background color of the whole progress component +$progress-bg: #f5f5f5; +//** Progress bar text color +$progress-bar-color: #fff; +//** Variable for setting rounded corners on progress bar. +$progress-border-radius: $border-radius-base; + +//** Default progress bar color +$progress-bar-bg: $brand-primary; +//** Success progress bar color +$progress-bar-success-bg: $brand-success; +//** Warning progress bar color +$progress-bar-warning-bg: $brand-warning; +//** Danger progress bar color +$progress-bar-danger-bg: $brand-danger; +//** Info progress bar color +$progress-bar-info-bg: $brand-info; + + +//== List group +// +//## + +//** Background color on `.list-group-item` +$list-group-bg: #fff; +//** `.list-group-item` border color +$list-group-border: #ddd; +//** List group border radius +$list-group-border-radius: $border-radius-base; + +//** Background color of single list items on hover +$list-group-hover-bg: #f5f5f5; +//** Text color of active list items +$list-group-active-color: $component-active-color; +//** Background color of active list items +$list-group-active-bg: $component-active-bg; +//** Border color of active list elements +$list-group-active-border: $list-group-active-bg; +//** Text color for content within active list items +$list-group-active-text-color: lighten($list-group-active-bg, 40%); + +//** Text color of disabled list items +$list-group-disabled-color: $gray-light; +//** Background color of disabled list items +$list-group-disabled-bg: $gray-lighter; +//** Text color for content within disabled list items +$list-group-disabled-text-color: $list-group-disabled-color; + +$list-group-link-color: #555; +$list-group-link-hover-color: $list-group-link-color; +$list-group-link-heading-color: #333; + + +//== Panels +// +//## + +$panel-bg: #fff; +$panel-body-padding: 15px; +$panel-heading-padding: 10px 15px; +$panel-footer-padding: $panel-heading-padding; +$panel-border-radius: $border-radius-base; + +//** Border color for elements within panels +$panel-inner-border: #ddd; +$panel-footer-bg: $body-bg; + +$panel-default-text: $gray-dark; +$panel-default-border: #ddd; +$panel-default-heading-bg: $panel-footer-bg; + +$panel-primary-text: #fff; +$panel-primary-border: $brand-primary; +$panel-primary-heading-bg: $brand-primary; + +$panel-success-text: #fff; +$panel-success-border: $brand-success; +$panel-success-heading-bg: $brand-success; + +$panel-info-text: #fff; +$panel-info-border: $brand-info; +$panel-info-heading-bg: $brand-info; + +$panel-warning-text: #fff; +$panel-warning-border: $brand-warning; +$panel-warning-heading-bg: $brand-warning; + +$panel-danger-text: #fff; +$panel-danger-border: $brand-danger; +$panel-danger-heading-bg: $brand-danger; + + +//== Thumbnails +// +//## + +//** Padding around the thumbnail image +$thumbnail-padding: 4px; +//** Thumbnail background color +$thumbnail-bg: $body-bg; +//** Thumbnail border color +$thumbnail-border: #ddd; +//** Thumbnail border radius +$thumbnail-border-radius: $border-radius-base; + +//** Custom text color for thumbnail captions +$thumbnail-caption-color: $text-color; +//** Padding around the thumbnail caption +$thumbnail-caption-padding: 9px; + + +//== Wells +// +//## + +$well-bg: darken($body-bg, 3%); +$well-border: darken($well-bg, 7%); + + +//== Badges +// +//## + +$badge-color: #fff; +//** Linked badge text color on hover +$badge-link-hover-color: #fff; +$badge-bg: $link-color; + +//** Badge text color in active nav link +$badge-active-color: $link-color; +//** Badge background color in active nav link +$badge-active-bg: #fff; + +$badge-font-weight: bold; +$badge-line-height: 1; +$badge-border-radius: 10px; + + +//== Breadcrumbs +// +//## + +$breadcrumb-padding-vertical: 8px; +$breadcrumb-padding-horizontal: 15px; +//** Breadcrumb background color +$breadcrumb-bg: transparent; +//** Breadcrumb text color +$breadcrumb-color: #ccc; +//** Text color of current page in the breadcrumb +$breadcrumb-active-color: $gray-light; +//** Textual separator for between breadcrumb elements +$breadcrumb-separator: "/"; + + +//== Carousel +// +//## + +$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); + +$carousel-control-color: #fff; +$carousel-control-width: 15%; +$carousel-control-opacity: .5; +$carousel-control-font-size: 20px; + +$carousel-indicator-active-bg: #fff; +$carousel-indicator-border-color: #fff; + +$carousel-caption-color: #fff; + + +//== Close +// +//## + +$close-font-weight: bold; +$close-color: #000; +$close-text-shadow: 0 1px 0 #fff; + + +//== Code +// +//## + +$code-color: #c7254e; +$code-bg: #f9f2f4; + +$kbd-color: #fff; +$kbd-bg: #333; + +$pre-bg: #f5f5f5; +$pre-color: $gray-dark; +$pre-border-color: #ccc; +$pre-scrollable-max-height: 340px; + + +//== Type +// +//## + +//** Horizontal offset for forms and lists. +$component-offset-horizontal: 180px; +//** Text muted color +$text-muted: $gray-light; +//** Abbreviations and acronyms border color +$abbr-border-color: $gray-light; +//** Headings small color +$headings-small-color: $gray-light; +//** Blockquote small color +$blockquote-small-color: $gray-light; +//** Blockquote font size +$blockquote-font-size: ($font-size-base * 1.25); +//** Blockquote border color +$blockquote-border-color: $gray-lighter; +//** Page header border color +$page-header-border-color: $gray-lighter; +//** Width of horizontal description list titles +$dl-horizontal-offset: $component-offset-horizontal; +//** Horizontal line color. +$hr-border: $gray-lighter; diff --git a/simplex/variables.less b/simplex/variables.less index 0fd0dc66..cc4216ca 100644 --- a/simplex/variables.less +++ b/simplex/variables.less @@ -236,7 +236,7 @@ //** Hover color for dropdown links. @dropdown-link-hover-color: #fff; //** Hover background for dropdown links. -@dropdown-link-hover-bg: @dropdown-link-active-bg; +@dropdown-link-hover-bg: @component-active-bg; //** Active dropdown menu item text color. @dropdown-link-active-color: #fff; @@ -244,10 +244,10 @@ @dropdown-link-active-bg: @component-active-bg; //** Disabled dropdown menu item background color. -@dropdown-link-disabled-color: @text-muted; +@dropdown-link-disabled-color: @gray-light; //** Text color for headers within dropdown menus. -@dropdown-header-color: @text-muted; +@dropdown-header-color: @gray-light; //** Deprecated `@dropdown-caret-color` as of v3.1.0 @dropdown-caret-color: #000; @@ -699,11 +699,11 @@ //** Border color for elements within panels @panel-inner-border: #ddd; -@panel-footer-bg: @panel-default-heading-bg; +@panel-footer-bg: @body-bg; @panel-default-text: @gray-dark; @panel-default-border: #ddd; -@panel-default-heading-bg: @body-bg; +@panel-default-heading-bg: @panel-footer-bg; @panel-primary-text: #fff; @panel-primary-border: @brand-primary; diff --git a/slate/_bootswatch.scss b/slate/_bootswatch.scss new file mode 100644 index 00000000..27e05156 --- /dev/null +++ b/slate/_bootswatch.scss @@ -0,0 +1,417 @@ +// Slate 3.3.0 +// Bootswatch +// ----------------------------------------------------- + +@mixin btn-shadow($color){ + @include gradient-vertical-three-colors(lighten($color, 6%), $color, 60%, darken($color, 4%)); + filter: none; +} + +@mixin btn-shadow-inverse($color){ + @include gradient-vertical-three-colors(darken($color, 24%), darken($color, 18%), 40%, darken($color, 14%)); + filter: none; +} + +// Navbar ===================================================================== + +.navbar { + + @include btn-shadow($navbar-default-bg); + border: 1px solid rgba(0, 0, 0, 0.6); + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); + + &-inverse { + @include btn-shadow($navbar-inverse-bg); + + .badge { + background-color: $navbar-inverse-link-active-bg; + } + } + + &-nav > li > a { + border-right: 1px solid rgba(0, 0, 0, 0.2); + border-left: 1px solid rgba(255, 255, 255, 0.1); + + &:hover { + @include btn-shadow-inverse($navbar-default-bg); + border-left-color: transparent; + } + } + + .nav .open > a { + border-color: transparent; + } + + &-nav > li.active > a { + border-left-color: transparent; + } + + &-form { + margin-left: 5px; + margin-right: 5px; + } +} + +// Buttons ==================================================================== + +.btn, +.btn:hover { + border-color: rgba(0, 0, 0, 0.6); + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); +} + +.btn-default { + @include btn-shadow($btn-default-bg); + + &:hover { + @include btn-shadow-inverse($btn-default-bg); + } +} + +.btn-primary { + @include btn-shadow($btn-primary-bg); + + &:hover { + @include btn-shadow-inverse($btn-primary-bg); + } +} + +.btn-success { + @include btn-shadow($btn-success-bg); + + &:hover { + @include btn-shadow-inverse($btn-success-bg); + } +} + +.btn-info { + @include btn-shadow($btn-info-bg); + + &:hover { + @include btn-shadow-inverse($btn-info-bg); + } +} + +.btn-warning { + @include btn-shadow($btn-warning-bg); + + &:hover { + @include btn-shadow-inverse($btn-warning-bg); + } +} + +.btn-danger { + @include btn-shadow($btn-danger-bg); + + &:hover { + @include btn-shadow-inverse($btn-danger-bg); + } +} + +.btn-link, +.btn-link:hover { + border-color: transparent; +} + +// Typography ================================================================= + +h1, h2, h3, h4, h5, h6 { + text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); +} + +.text-primary, +.text-primary:hover { + color: $brand-primary; +} + +.text-success, +.text-success:hover { + color: $brand-success; +} + +.text-danger, +.text-danger:hover { + color: $brand-danger; +} + +.text-warning, +.text-warning:hover { + color: $brand-warning; +} + +.text-info, +.text-info:hover { + color: $brand-info; +} + +// Tables ===================================================================== + +.table { + + .success, + .warning, + .danger, + .info { + color: #fff; + } + + &-bordered tbody { + + tr.success, + tr.warning, + tr.danger { + + td, + &:hover td { + border-color: $table-border-color; + } + } + } +} + +.table-responsive > .table { + background-color: $table-bg; +} + +// Forms ====================================================================== + +input, +textarea { + color: $input-color; +} + +.has-warning { + .help-block, + .control-label, + .form-control-feedback { + color: $brand-warning; + } + + .form-control, + .form-control:focus { + border-color: $brand-warning; + } + + .input-group-addon { + background-color: $body-bg; + border: none; + } +} + +.has-error { + .help-block, + .control-label, + .form-control-feedback { + color: $brand-danger; + } + + .form-control, + .form-control:focus { + border-color: $brand-danger; + } + + .input-group-addon { + background-color: $body-bg; + border: none; + } +} + +.has-success { + .help-block, + .control-label, + .form-control-feedback { + color: $brand-success; + } + + .form-control, + .form-control:focus { + border-color: $brand-success; + } + + .input-group-addon { + background-color: $body-bg; + border: none; + } +} + +legend { + color: #fff; +} + +.input-group-addon { + border-color: rgba(0, 0, 0, 0.6); + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); + @include btn-shadow($btn-default-bg); + color: $btn-default-color; +} + +// Navs ======================================================================= + +.nav { + + .open > a, + .open > a:hover, + .open > a:focus { + border-color: rgba(0, 0, 0, 0.6); + } + +} + +.nav-pills { + + & > li > a { + @include btn-shadow($btn-default-bg); + border: 1px solid rgba(0, 0, 0, 0.6); + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); + + &:hover { + @include btn-shadow-inverse($btn-default-bg); + border: 1px solid rgba(0, 0, 0, 0.6); + } + } + + & > li.active > a, + & > li.active > a:hover { + background-color: none; + @include btn-shadow-inverse($btn-default-bg); + border: 1px solid rgba(0, 0, 0, 0.6); + } + + & > li.disabled > a, + & > li.disabled > a:hover { + @include btn-shadow($btn-default-bg); + } +} + +.pagination { + + & > li > a, + & > li > span { + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); + @include btn-shadow($btn-default-bg); + + &:hover { + @include btn-shadow-inverse($btn-default-bg); + } + } + + & > li.active > a, + & > li.active > span { + @include btn-shadow-inverse($btn-default-bg); + } + + & > li.disabled > a, + & > li.disabled > a:hover, + & > li.disabled > span, + & > li.disabled > span:hover { + background-color: transparent; + @include btn-shadow($btn-default-bg); + } +} + +.pager { + + & > li > a { + @include btn-shadow($btn-default-bg); + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); + + &:hover { + @include btn-shadow-inverse($btn-default-bg); + } + } + + & > li.disabled > a, + & > li.disabled > a:hover { + background-color: transparent; + @include btn-shadow($btn-default-bg); + } +} + +.breadcrumb { + border: 1px solid rgba(0, 0, 0, 0.6); + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); + @include btn-shadow($btn-default-bg); +} + +// Indicators ================================================================= + +.alert { + + .alert-link, + a { + color: #fff; + text-decoration: underline; + } + + .close { + color: $close-color; + text-decoration: none; + } +} + +// Progress bars ============================================================== + +// Containers ================================================================= + +a.thumbnail:hover, +a.thumbnail:focus, +a.thumbnail.active { + border-color: $thumbnail-border; +} + +a.list-group-item { + + &.active, + &.active:hover, + &.active:focus { + border-color: $list-group-border; + } + + &-success { + &.active { + background-color: $state-success-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-success-bg, 5%); + } + } + + &-warning { + &.active { + background-color: $state-warning-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-warning-bg, 5%); + } + } + + &-danger { + &.active { + background-color: $state-danger-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-danger-bg, 5%); + } + } +} + +.jumbotron { + border: 1px solid rgba(0, 0, 0, 0.6); +} + +.panel-primary, +.panel-success, +.panel-danger, +.panel-warning, +.panel-info { + + .panel-heading { + border-color: #000; + } +}
\ No newline at end of file diff --git a/slate/_variables.scss b/slate/_variables.scss new file mode 100644 index 00000000..59676928 --- /dev/null +++ b/slate/_variables.scss @@ -0,0 +1,856 @@ +// Slate 3.3.0 +// Variables +// -------------------------------------------------- + + +//== Colors +// +//## Gray and brand colors for use across Bootstrap. + +$gray-base: #000; +$gray-darker: #272B30; // #222 +$gray-dark: #3A3F44; // #333 +$gray: #52575C; // #555 +$gray-light: #7A8288; // #999 +$gray-lighter: #999; // #eee + +$brand-primary: $gray-light; +$brand-success: #62c462; +$brand-info: #5bc0de; +$brand-warning: #f89406; +$brand-danger: #ee5f5b; + + +//== Scaffolding +// +//## Settings for some of the most global styles. + +//** Background color for `<body>`. +$body-bg: $gray-darker; +//** Global text color on `<body>`. +$text-color: #C8C8C8; + +//** Global textual link color. +$link-color: #fff; +//** Link hover color set via `darken()` function. +$link-hover-color: #fff; +//** Link hover decoration. +$link-hover-decoration: underline; + + +//== Typography +// +//## Font, line-height, and color for body text, headings, and more. + +$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif; +$font-family-serif: Georgia, "Times New Roman", Times, serif; +//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. +$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; +$font-family-base: $font-family-sans-serif; + +$font-size-base: 14px; +$font-size-large: ceil(($font-size-base * 1.25)); // ~18px +$font-size-small: ceil(($font-size-base * 0.85)); // ~12px + +$font-size-h1: floor(($font-size-base * 2.6)); // ~36px +$font-size-h2: floor(($font-size-base * 2.15)); // ~30px +$font-size-h3: ceil(($font-size-base * 1.7)); // ~24px +$font-size-h4: ceil(($font-size-base * 1.25)); // ~18px +$font-size-h5: $font-size-base; +$font-size-h6: ceil(($font-size-base * 0.85)); // ~12px + +//** Unit-less `line-height` for use in components like buttons. +$line-height-base: 1.428571429; // 20/14 +//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. +$line-height-computed: floor(($font-size-base * $line-height-base)); // ~20px + +//** By default, this inherits from the `<body>`. +$headings-font-family: $font-family-base; +$headings-font-weight: 500; +$headings-line-height: 1.1; +$headings-color: inherit; + + +//== Iconography +// +//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. + +//** Load fonts from this directory. +$icon-font-path: "../fonts/"; +//** File name for all font files. +$icon-font-name: "glyphicons-halflings-regular"; +//** Element ID within SVG icon file. +$icon-font-svg-id: "glyphicons_halflingsregular"; + + +//== Components +// +//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). + +$padding-base-vertical: 8px; +$padding-base-horizontal: 12px; + +$padding-large-vertical: 14px; +$padding-large-horizontal: 16px; + +$padding-small-vertical: 5px; +$padding-small-horizontal: 10px; + +$padding-xs-vertical: 1px; +$padding-xs-horizontal: 5px; + +$line-height-large: 1.33; +$line-height-small: 1.5; + +$border-radius-base: 4px; +$border-radius-large: 6px; +$border-radius-small: 3px; + +//** Global color for active items (e.g., navs or dropdowns). +$component-active-color: #fff; +//** Global background color for active items (e.g., navs or dropdowns). +$component-active-bg: transparent; + +//** Width of the `border` for generating carets that indicator dropdowns. +$caret-width-base: 4px; +//** Carets increase slightly in size for larger components. +$caret-width-large: 5px; + + +//== Tables +// +//## Customizes the `.table` component with basic values, each used across all table variations. + +//** Padding for `<th>`s and `<td>`s. +$table-cell-padding: 8px; +//** Padding for cells in `.table-condensed`. +$table-condensed-cell-padding: 5px; + +//** Default background color used for all tables. +$table-bg: lighten($body-bg, 3%); +//** Background color used for `.table-striped`. +$table-bg-accent: lighten($table-bg, 3%); +//** Background color used for `.table-hover`. +$table-bg-hover: lighten($table-bg, 12%); +$table-bg-active: $table-bg-hover; + +//** Border color for table and cell borders. +$table-border-color: darken($gray-darker, 5%); + + +//== Buttons +// +//## For each of Bootstrap's buttons, define text, background and border color. + +$btn-font-weight: normal; + +$btn-default-color: #fff; +$btn-default-bg: $gray-dark; +$btn-default-border: $btn-default-bg; + +$btn-primary-color: $btn-default-color; +$btn-primary-bg: $brand-primary; +$btn-primary-border: $btn-primary-bg; + +$btn-success-color: $btn-default-color; +$btn-success-bg: $brand-success; +$btn-success-border: $btn-success-bg; + +$btn-info-color: $btn-default-color; +$btn-info-bg: $brand-info; +$btn-info-border: $btn-info-bg; + +$btn-warning-color: $btn-default-color; +$btn-warning-bg: $brand-warning; +$btn-warning-border: $btn-warning-bg; + +$btn-danger-color: $btn-default-color; +$btn-danger-bg: $brand-danger; +$btn-danger-border: $btn-danger-bg; + +$btn-link-disabled-color: $gray-light; + + +//== Forms +// +//## + +//** `<input>` background color +$input-bg: #fff; +//** `<input disabled>` background color +$input-bg-disabled: $gray-lighter; + +//** Text color for `<input>`s +$input-color: $gray-darker; +//** `<input>` border color +$input-border: #ccc; + +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 +//** Default `.form-control` border radius +$input-border-radius: $border-radius-base; +//** Large `.form-control` border radius +$input-border-radius-large: $border-radius-large; +//** Small `.form-control` border radius +$input-border-radius-small: $border-radius-small; + +//** Border color for inputs on focus +$input-border-focus: #66afe9; + +//** Placeholder text color +$input-color-placeholder: $gray-light; + +//** Default `.form-control` height +$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2); +//** Large `.form-control` height +$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2); +//** Small `.form-control` height +$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2); + +$legend-color: $text-color; +$legend-border-color: darken($gray-darker, 5%); + +//** Background color for textual input addons +$input-group-addon-bg: $gray-lighter; +//** Border color for textual input addons +$input-group-addon-border-color: $input-border; + +//** Disabled cursor for form controls and buttons. +$cursor-disabled: not-allowed; + + +//== Dropdowns +// +//## Dropdown menu container and contents. + +//** Background for the dropdown menu. +$dropdown-bg: $gray-dark; +//** Dropdown menu `border-color`. +$dropdown-border: rgba(0,0,0,.15); +//** Dropdown menu `border-color` **for IE8**. +$dropdown-fallback-border: $gray-darker; +//** Divider color for between dropdown items. +$dropdown-divider-bg: $gray-darker; + +//** Dropdown link text color. +$dropdown-link-color: $text-color; +//** Hover color for dropdown links. +$dropdown-link-hover-color: #fff; +//** Hover background for dropdown links. +$dropdown-link-hover-bg: $gray-darker; + +//** Active dropdown menu item text color. +$dropdown-link-active-color: #fff; +//** Active dropdown menu item background color. +$dropdown-link-active-bg: $gray-darker; + +//** Disabled dropdown menu item background color. +$dropdown-link-disabled-color: $gray-light; + +//** Text color for headers within dropdown menus. +$dropdown-header-color: $gray-light; + +//** Deprecated `$dropdown-caret-color` as of v3.1.0 +$dropdown-caret-color: #000; + + +//-- Z-index master list +// +// Warning: Avoid customizing these values. They're used for a bird's eye view +// of components dependent on the z-axis and are designed to all work together. +// +// Note: These variables are not generated into the Customizer. + +$zindex-navbar: 1000; +$zindex-dropdown: 1000; +$zindex-popover: 1060; +$zindex-tooltip: 1070; +$zindex-navbar-fixed: 1030; +$zindex-modal: 1040; + + +//== Media queries breakpoints +// +//## Define the breakpoints at which your layout will change, adapting to different screen sizes. + +// Extra small screen / phone +//** Deprecated `$screen-xs` as of v3.0.1 +$screen-xs: 480px; +//** Deprecated `$screen-xs-min` as of v3.2.0 +$screen-xs-min: $screen-xs; +//** Deprecated `$screen-phone` as of v3.0.1 +$screen-phone: $screen-xs-min; + +// Small screen / tablet +//** Deprecated `$screen-sm` as of v3.0.1 +$screen-sm: 768px; +$screen-sm-min: $screen-sm; +//** Deprecated `$screen-tablet` as of v3.0.1 +$screen-tablet: $screen-sm-min; + +// Medium screen / desktop +//** Deprecated `$screen-md` as of v3.0.1 +$screen-md: 992px; +$screen-md-min: $screen-md; +//** Deprecated `$screen-desktop` as of v3.0.1 +$screen-desktop: $screen-md-min; + +// Large screen / wide desktop +//** Deprecated `$screen-lg` as of v3.0.1 +$screen-lg: 1200px; +$screen-lg-min: $screen-lg; +//** Deprecated `$screen-lg-desktop` as of v3.0.1 +$screen-lg-desktop: $screen-lg-min; + +// So media queries don't overlap when required, provide a maximum +$screen-xs-max: ($screen-sm-min - 1); +$screen-sm-max: ($screen-md-min - 1); +$screen-md-max: ($screen-lg-min - 1); + + +//== Grid system +// +//## Define your custom responsive grid. + +//** Number of columns in the grid. +$grid-columns: 12; +//** Padding between columns. Gets divided in half for the left and right. +$grid-gutter-width: 30px; +// Navbar collapse +//** Point at which the navbar becomes uncollapsed. +$grid-float-breakpoint: $screen-sm-min; +//** Point at which the navbar begins collapsing. +$grid-float-breakpoint-max: ($grid-float-breakpoint - 1); + + +//== Container sizes +// +//## Define the maximum width of `.container` for different screen sizes. + +// Small screen / tablet +$container-tablet: (720px + $grid-gutter-width); +//** For `$screen-sm-min` and up. +$container-sm: $container-tablet; + +// Medium screen / desktop +$container-desktop: (940px + $grid-gutter-width); +//** For `$screen-md-min` and up. +$container-md: $container-desktop; + +// Large screen / wide desktop +$container-large-desktop: (1140px + $grid-gutter-width); +//** For `$screen-lg-min` and up. +$container-lg: $container-large-desktop; + + +//== Navbar +// +//## + +// Basics of a navbar +$navbar-height: 50px; +$navbar-margin-bottom: $line-height-computed; +$navbar-border-radius: $border-radius-base; +$navbar-padding-horizontal: floor(($grid-gutter-width / 2)); +$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2); +$navbar-collapse-max-height: 340px; + +$navbar-default-color: $text-color; +$navbar-default-bg: $gray-dark; +$navbar-default-border: darken($navbar-default-bg, 6.5%); + +// Navbar links +$navbar-default-link-color: $text-color; +$navbar-default-link-hover-color: #fff; +$navbar-default-link-hover-bg: darken($navbar-default-bg, 8%); +$navbar-default-link-active-color: #fff; +$navbar-default-link-active-bg: darken($navbar-default-bg, 8%); +$navbar-default-link-disabled-color: #ccc; +$navbar-default-link-disabled-bg: transparent; + +// Navbar brand label +$navbar-default-brand-color: $navbar-default-link-color; +$navbar-default-brand-hover-color: #fff; +$navbar-default-brand-hover-bg: none; + +// Navbar toggle +$navbar-default-toggle-hover-bg: darken($navbar-default-bg, 8%); +$navbar-default-toggle-icon-bar-bg: $text-color; +$navbar-default-toggle-border-color: darken($navbar-default-bg, 8%); + + +// Inverted navbar +// Reset inverted navbar basics +$navbar-inverse-color: #ccc; +$navbar-inverse-bg: $brand-primary; +$navbar-inverse-border: darken($navbar-inverse-bg, 10%); + +// Inverted navbar links +$navbar-inverse-link-color: #ccc; +$navbar-inverse-link-hover-color: #fff; +$navbar-inverse-link-hover-bg: darken($navbar-inverse-bg, 12%); +$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color; +$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 12%); +$navbar-inverse-link-disabled-color: #ccc; +$navbar-inverse-link-disabled-bg: transparent; + +// Inverted navbar brand label +$navbar-inverse-brand-color: $navbar-inverse-link-color; +$navbar-inverse-brand-hover-color: #fff; +$navbar-inverse-brand-hover-bg: none; + +// Inverted navbar toggle +$navbar-inverse-toggle-hover-bg: darken($navbar-inverse-bg, 12%); +$navbar-inverse-toggle-icon-bar-bg: #fff; +$navbar-inverse-toggle-border-color: darken($navbar-inverse-bg, 12%); + + +//== Navs +// +//## + +//=== Shared nav styles +$nav-link-padding: 10px 15px; +$nav-link-hover-bg: lighten($body-bg, 10%); + +$nav-disabled-link-color: $gray-light; +$nav-disabled-link-hover-color: $gray-light; + +//== Tabs +$nav-tabs-border-color: darken($gray-darker, 5%); + +$nav-tabs-link-hover-border-color: darken($gray-darker, 5%); + +$nav-tabs-active-link-hover-bg: lighten($body-bg, 10%); +$nav-tabs-active-link-hover-color: #fff; +$nav-tabs-active-link-hover-border-color: darken($gray-darker, 5%); + +$nav-tabs-justified-link-border-color: $nav-tabs-border-color; +$nav-tabs-justified-active-link-border-color: $body-bg; + +//== Pills +$nav-pills-border-radius: $border-radius-base; +$nav-pills-active-link-hover-bg: $component-active-bg; +$nav-pills-active-link-hover-color: $component-active-color; + + +//== Pagination +// +//## + +$pagination-color: $link-color; +$pagination-bg: $btn-default-bg; +$pagination-border: rgba(0, 0, 0, 0.6); + +$pagination-hover-color: $link-hover-color; +$pagination-hover-bg: transparent; +$pagination-hover-border: rgba(0, 0, 0, 0.6); + +$pagination-active-color: #fff; +$pagination-active-bg: darken($pagination-bg, 10%); +$pagination-active-border: rgba(0, 0, 0, 0.6); + +$pagination-disabled-color: $gray-light; +$pagination-disabled-bg: #fff; +$pagination-disabled-border: rgba(0, 0, 0, 0.6); + + +//== Pager +// +//## + +$pager-bg: $pagination-bg; +$pager-border: $pagination-border; +$pager-border-radius: 15px; + +$pager-hover-bg: $pagination-hover-bg; + +$pager-active-bg: $pagination-active-bg; +$pager-active-color: $pagination-active-color; + +$pager-disabled-color: $gray-light; + + +//== Jumbotron +// +//## + +$jumbotron-padding: 30px; +$jumbotron-color: inherit; +$jumbotron-bg: darken($body-bg, 5%); +$jumbotron-heading-color: inherit; +$jumbotron-font-size: ceil(($font-size-base * 1.5)); + + +//== Form states and alerts +// +//## Define colors for form feedback states and, by default, alerts. + +$state-success-text: #fff; +$state-success-bg: $brand-success; +$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%); + +$state-info-text: #fff; +$state-info-bg: $brand-info; +$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%); + +$state-warning-text: #fff; +$state-warning-bg: $brand-warning; +$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 3%); + +$state-danger-text: #fff; +$state-danger-bg: $brand-danger; +$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 3%); + + +//== Tooltips +// +//## + +//** Tooltip max width +$tooltip-max-width: 200px; +//** Tooltip text color +$tooltip-color: #fff; +//** Tooltip background color +$tooltip-bg: rgba(0,0,0,.9); +$tooltip-opacity: .9; + +//** Tooltip arrow width +$tooltip-arrow-width: 5px; +//** Tooltip arrow color +$tooltip-arrow-color: $tooltip-bg; + + +//== Popovers +// +//## + +//** Popover body background color +$popover-bg: lighten($body-bg, 3%); +//** Popover maximum width +$popover-max-width: 276px; +//** Popover border color +$popover-border-color: rgba(0,0,0,.2); +//** Popover fallback border color +$popover-fallback-border-color: #999; + +//** Popover title background color +$popover-title-bg: $popover-bg; + +//** Popover arrow width +$popover-arrow-width: 10px; +//** Popover arrow color +$popover-arrow-color: $popover-bg; + +//** Popover outer arrow width +$popover-arrow-outer-width: ($popover-arrow-width + 1); +//** Popover outer arrow color +$popover-arrow-outer-color: fadein($popover-border-color, 5%); +//** Popover outer arrow fallback color +$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%); + + +//== Labels +// +//## + +//** Default label background color +$label-default-bg: $btn-default-bg; +//** Primary label background color +$label-primary-bg: $brand-primary; +//** Success label background color +$label-success-bg: $brand-success; +//** Info label background color +$label-info-bg: $brand-info; +//** Warning label background color +$label-warning-bg: $brand-warning; +//** Danger label background color +$label-danger-bg: $brand-danger; + +//** Default label text color +$label-color: #fff; +//** Default text color of a linked label +$label-link-hover-color: #fff; + + +//== Modals +// +//## + +//** Padding applied to the modal body +$modal-inner-padding: 20px; + +//** Padding applied to the modal title +$modal-title-padding: 15px; +//** Modal title line-height +$modal-title-line-height: $line-height-base; + +//** Background color of modal content area +$modal-content-bg: lighten($body-bg, 3%); +//** Modal content border color +$modal-content-border-color: rgba(0,0,0,.2); +//** Modal content border color **for IE8** +$modal-content-fallback-border-color: #999; + +//** Modal backdrop background color +$modal-backdrop-bg: #000; +//** Modal backdrop opacity +$modal-backdrop-opacity: .5; +//** Modal header border color +$modal-header-border-color: darken($gray-darker, 5%); +//** Modal footer border color +$modal-footer-border-color: $modal-header-border-color; + +$modal-lg: 900px; +$modal-md: 600px; +$modal-sm: 300px; + + +//== Alerts +// +//## Define alert colors, border radius, and padding. + +$alert-padding: 15px; +$alert-border-radius: $border-radius-base; +$alert-link-font-weight: bold; + +$alert-success-bg: $state-success-bg; +$alert-success-text: $state-success-text; +$alert-success-border: $state-success-border; + +$alert-info-bg: $state-info-bg; +$alert-info-text: $state-info-text; +$alert-info-border: $state-info-border; + +$alert-warning-bg: $state-warning-bg; +$alert-warning-text: $state-warning-text; +$alert-warning-border: $state-warning-border; + +$alert-danger-bg: $state-danger-bg; +$alert-danger-text: $state-danger-text; +$alert-danger-border: $state-danger-border; + + +//== Progress bars +// +//## + +//** Background color of the whole progress component +$progress-bg: darken($body-bg, 5%); +//** Progress bar text color +$progress-bar-color: #fff; +//** Variable for setting rounded corners on progress bar. +$progress-border-radius: $border-radius-base; + +//** Default progress bar color +$progress-bar-bg: $brand-primary; +//** Success progress bar color +$progress-bar-success-bg: $brand-success; +//** Warning progress bar color +$progress-bar-warning-bg: $brand-warning; +//** Danger progress bar color +$progress-bar-danger-bg: $brand-danger; +//** Info progress bar color +$progress-bar-info-bg: $brand-info; + + +//== List group +// +//## + +//** Background color on `.list-group-item` +$list-group-bg: lighten($body-bg, 5%); +//** `.list-group-item` border color +$list-group-border: rgba(0, 0, 0, 0.6); +//** List group border radius +$list-group-border-radius: $border-radius-base; + +//** Background color of single list items on hover +$list-group-hover-bg: lighten($body-bg, 10%); +//** Text color of active list items +$list-group-active-color: $component-active-color; +//** Background color of active list items +$list-group-active-bg: lighten($body-bg, 10%); +//** Border color of active list elements +$list-group-active-border: $list-group-border; +//** Text color for content within active list items +$list-group-active-text-color: lighten($list-group-active-bg, 40%); + +//** Text color of disabled list items +$list-group-disabled-color: $gray-light; +//** Background color of disabled list items +$list-group-disabled-bg: $gray-lighter; +//** Text color for content within disabled list items +$list-group-disabled-text-color: $list-group-disabled-color; + +$list-group-link-color: $text-color; +$list-group-link-hover-color: $list-group-link-color; +$list-group-link-heading-color: #fff; + + +//== Panels +// +//## + +$panel-bg: lighten($body-bg, 3%); +$panel-body-padding: 15px; +$panel-heading-padding: 10px 15px; +$panel-footer-padding: $panel-heading-padding; +$panel-border-radius: $border-radius-base; + +//** Border color for elements within panels +$panel-inner-border: rgba(0, 0, 0, 0.6); +$panel-footer-bg: lighten($body-bg, 10%); + +$panel-default-text: $text-color; +$panel-default-border: rgba(0, 0, 0, 0.6); +$panel-default-heading-bg: $panel-footer-bg; + +$panel-primary-text: #fff; +$panel-primary-border: $panel-default-border; +$panel-primary-heading-bg: $brand-primary; + +$panel-success-text: $state-success-text; +$panel-success-border: $panel-default-border; +$panel-success-heading-bg: $state-success-bg; + +$panel-info-text: $state-info-text; +$panel-info-border: $panel-default-border; +$panel-info-heading-bg: $state-info-bg; + +$panel-warning-text: $state-warning-text; +$panel-warning-border: $panel-default-border; +$panel-warning-heading-bg: $state-warning-bg; + +$panel-danger-text: $state-danger-text; +$panel-danger-border: $panel-default-border; +$panel-danger-heading-bg: $state-danger-bg; + + +//== Thumbnails +// +//## + +//** Padding around the thumbnail image +$thumbnail-padding: 4px; +//** Thumbnail background color +$thumbnail-bg: darken($body-bg, 5%); +//** Thumbnail border color +$thumbnail-border: darken($thumbnail-bg, 7%); +//** Thumbnail border radius +$thumbnail-border-radius: $border-radius-base; + +//** Custom text color for thumbnail captions +$thumbnail-caption-color: $text-color; +//** Padding around the thumbnail caption +$thumbnail-caption-padding: 9px; + + +//== Wells +// +//## + +$well-bg: $thumbnail-bg; +$well-border: $thumbnail-border; + + +//== Badges +// +//## + +$badge-color: #fff; +//** Linked badge text color on hover +$badge-link-hover-color: #fff; +$badge-bg: $gray-light; + +//** Badge text color in active nav link +$badge-active-color: $link-color; +//** Badge background color in active nav link +$badge-active-bg: $gray-light; + +$badge-font-weight: bold; +$badge-line-height: 1; +$badge-border-radius: 10px; + + +//== Breadcrumbs +// +//## + +$breadcrumb-padding-vertical: 8px; +$breadcrumb-padding-horizontal: 15px; +//** Breadcrumb background color +$breadcrumb-bg: transparent; +//** Breadcrumb text color +$breadcrumb-color: #ccc; +//** Text color of current page in the breadcrumb +$breadcrumb-active-color: $gray-light; +//** Textual separator for between breadcrumb elements +$breadcrumb-separator: "/"; + + +//== Carousel +// +//## + +$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); + +$carousel-control-color: #fff; +$carousel-control-width: 15%; +$carousel-control-opacity: .5; +$carousel-control-font-size: 20px; + +$carousel-indicator-active-bg: #fff; +$carousel-indicator-border-color: #fff; + +$carousel-caption-color: #fff; + + +//== Close +// +//## + +$close-font-weight: bold; +$close-color: #000; +$close-text-shadow: 0 1px 0 #fff; + + +//== Code +// +//## + +$code-color: #c7254e; +$code-bg: #f9f2f4; + +$kbd-color: #fff; +$kbd-bg: #333; + +$pre-bg: #f5f5f5; +$pre-color: $gray-dark; +$pre-border-color: #ccc; +$pre-scrollable-max-height: 340px; + + +//== Type +// +//## + +//** Horizontal offset for forms and lists. +$component-offset-horizontal: 180px; +//** Text muted color +$text-muted: $gray-light; +//** Abbreviations and acronyms border color +$abbr-border-color: $gray-light; +//** Headings small color +$headings-small-color: $gray-light; +//** Blockquote small color +$blockquote-small-color: $gray-light; +//** Blockquote font size +$blockquote-font-size: ($font-size-base * 1.25); +//** Blockquote border color +$blockquote-border-color: $gray-light; +//** Page header border color +$page-header-border-color: darken($gray-darker, 5%); +//** Width of horizontal description list titles +$dl-horizontal-offset: $component-offset-horizontal; +//** Horizontal line color. +$hr-border: darken($gray-darker, 5%); diff --git a/slate/variables.less b/slate/variables.less index 56c2b90f..39de43c4 100644 --- a/slate/variables.less +++ b/slate/variables.less @@ -145,7 +145,7 @@ @btn-font-weight: normal; @btn-default-color: #fff; -@btn-default-bg: @navbar-default-bg; +@btn-default-bg: @gray-dark; @btn-default-border: @btn-default-bg; @btn-primary-color: @btn-default-color; @@ -236,7 +236,7 @@ //** Hover color for dropdown links. @dropdown-link-hover-color: #fff; //** Hover background for dropdown links. -@dropdown-link-hover-bg: @dropdown-link-active-bg; +@dropdown-link-hover-bg: @gray-darker; //** Active dropdown menu item text color. @dropdown-link-active-color: #fff; @@ -244,10 +244,10 @@ @dropdown-link-active-bg: @gray-darker; //** Disabled dropdown menu item background color. -@dropdown-link-disabled-color: @text-muted; +@dropdown-link-disabled-color: @gray-light; //** Text color for headers within dropdown menus. -@dropdown-header-color: @text-muted; +@dropdown-header-color: @gray-light; //** Deprecated `@dropdown-caret-color` as of v3.1.0 @dropdown-caret-color: #000; @@ -699,11 +699,11 @@ //** Border color for elements within panels @panel-inner-border: rgba(0, 0, 0, 0.6); -@panel-footer-bg: @panel-default-heading-bg; +@panel-footer-bg: lighten(@body-bg, 10%); @panel-default-text: @text-color; @panel-default-border: rgba(0, 0, 0, 0.6); -@panel-default-heading-bg: lighten(@body-bg, 10%); +@panel-default-heading-bg: @panel-footer-bg; @panel-primary-text: #fff; @panel-primary-border: @panel-default-border; @@ -733,9 +733,9 @@ //** Padding around the thumbnail image @thumbnail-padding: 4px; //** Thumbnail background color -@thumbnail-bg: @well-bg; +@thumbnail-bg: darken(@body-bg, 5%); //** Thumbnail border color -@thumbnail-border: @well-border; +@thumbnail-border: darken(@thumbnail-bg, 7%); //** Thumbnail border radius @thumbnail-border-radius: @border-radius-base; @@ -749,8 +749,8 @@ // //## -@well-bg: darken(@body-bg, 5%); -@well-border: darken(@well-bg, 7%); +@well-bg: @thumbnail-bg; +@well-border: @thumbnail-border; //== Badges diff --git a/spacelab/_bootswatch.scss b/spacelab/_bootswatch.scss new file mode 100644 index 00000000..013ec162 --- /dev/null +++ b/spacelab/_bootswatch.scss @@ -0,0 +1,137 @@ +// Spacelab 3.3.0 +// Bootswatch +// ----------------------------------------------------- + +@import url("//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700"); + +@mixin btn-shadow($color){ + @include gradient-vertical-three-colors(lighten($color, 15%), $color, 50%, darken($color, 4%)); + filter: none; + border: 1px solid darken($color, 10%); +} + +// Navbar ===================================================================== + +.navbar { + + @include btn-shadow($navbar-default-bg); + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); + + &-inverse { + @include btn-shadow($navbar-inverse-bg); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); + + .badge { + background-color: #fff; + color: $navbar-inverse-bg; + } + } + + .badge { + text-shadow: none; + } + + &-nav > li > a, + &-nav > li > a:hover { + padding-top: $navbar-padding-vertical + 2px; + padding-bottom: $navbar-padding-vertical - 2px; + @include transition(color ease-in-out .2s); + } + + &-brand, + &-brand:hover { + @include transition(color ease-in-out .2s); + } + + .caret, + .caret:hover { + @include transition(border-color ease-in-out .2s); + } + + .dropdown-menu { + text-shadow: none; + } +} + +// Buttons ==================================================================== + +.btn { + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); + + &-default { + @include btn-shadow($btn-default-bg); + + &:hover { + @include btn-shadow(darken($btn-default-bg, 4%)); + } + } + + &-primary { + @include btn-shadow($btn-primary-bg); + + &:hover { + @include btn-shadow(darken($btn-primary-bg, 4%)); + } + } + + &-success { + @include btn-shadow($btn-success-bg); + + &:hover { + @include btn-shadow(darken($btn-success-bg, 4%)); + } + } + + &-info { + @include btn-shadow($btn-info-bg); + + &:hover { + @include btn-shadow(darken($btn-info-bg, 4%)); + } + } + + &-warning { + @include btn-shadow($btn-warning-bg); + + &:hover { + @include btn-shadow(darken($btn-warning-bg, 4%)); + } + } + + &-danger { + @include btn-shadow($btn-danger-bg); + + &:hover { + @include btn-shadow(darken($btn-danger-bg, 4%)); + } + } + + &:active, + &.active { + background-image: none; + @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + } +} + +// Typography ================================================================= + +// Tables ===================================================================== + +// Forms ====================================================================== + +// Navs ======================================================================= + +// Indicators ================================================================= + +// Progress bars ============================================================== + +// Containers ================================================================= + +.panel { + + &-primary { + .panel-title { + color: #fff; + } + } +}
\ No newline at end of file diff --git a/spacelab/_variables.scss b/spacelab/_variables.scss new file mode 100644 index 00000000..9bf97014 --- /dev/null +++ b/spacelab/_variables.scss @@ -0,0 +1,856 @@ +// Spacelab 3.3.0 +// Variables +// -------------------------------------------------- + + +//== Colors +// +//## Gray and brand colors for use across Bootstrap. + +$gray-base: #000; +$gray-darker: #2d2d2d; // #222 +$gray-dark: lighten($gray-base, 20%); // #333 +$gray: #666; // #555 +$gray-light: lighten($gray-base, 60%); // #999 +$gray-lighter: lighten($gray-base, 93.5%); // #eee + +$brand-primary: #446E9B; +$brand-success: #3CB521; +$brand-info: #3399F3; +$brand-warning: #D47500; +$brand-danger: #CD0200; + + +//== Scaffolding +// +//## Settings for some of the most global styles. + +//** Background color for `<body>`. +$body-bg: #fff; +//** Global text color on `<body>`. +$text-color: $gray; + +//** Global textual link color. +$link-color: $brand-info; +//** Link hover color set via `darken()` function. +$link-hover-color: $link-color; +//** Link hover decoration. +$link-hover-decoration: underline; + + +//== Typography +// +//## Font, line-height, and color for body text, headings, and more. + +$font-family-sans-serif: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; +$font-family-serif: Georgia, "Times New Roman", Times, serif; +//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. +$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; +$font-family-base: $font-family-sans-serif; + +$font-size-base: 14px; +$font-size-large: ceil(($font-size-base * 1.25)); // ~18px +$font-size-small: ceil(($font-size-base * 0.85)); // ~12px + +$font-size-h1: floor(($font-size-base * 2.6)); // ~36px +$font-size-h2: floor(($font-size-base * 2.15)); // ~30px +$font-size-h3: ceil(($font-size-base * 1.7)); // ~24px +$font-size-h4: ceil(($font-size-base * 1.25)); // ~18px +$font-size-h5: $font-size-base; +$font-size-h6: ceil(($font-size-base * 0.85)); // ~12px + +//** Unit-less `line-height` for use in components like buttons. +$line-height-base: 1.428571429; // 20/14 +//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. +$line-height-computed: floor(($font-size-base * $line-height-base)); // ~20px + +//** By default, this inherits from the `<body>`. +$headings-font-family: $font-family-base; +$headings-font-weight: 500; +$headings-line-height: 1.1; +$headings-color: $gray-darker; + + +//== Iconography +// +//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. + +//** Load fonts from this directory. +$icon-font-path: "../fonts/"; +//** File name for all font files. +$icon-font-name: "glyphicons-halflings-regular"; +//** Element ID within SVG icon file. +$icon-font-svg-id: "glyphicons_halflingsregular"; + + +//== Components +// +//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). + +$padding-base-vertical: 8px; +$padding-base-horizontal: 12px; + +$padding-large-vertical: 14px; +$padding-large-horizontal: 16px; + +$padding-small-vertical: 5px; +$padding-small-horizontal: 10px; + +$padding-xs-vertical: 1px; +$padding-xs-horizontal: 5px; + +$line-height-large: 1.33; +$line-height-small: 1.5; + +$border-radius-base: 4px; +$border-radius-large: 6px; +$border-radius-small: 3px; + +//** Global color for active items (e.g., navs or dropdowns). +$component-active-color: #fff; +//** Global background color for active items (e.g., navs or dropdowns). +$component-active-bg: $brand-primary; + +//** Width of the `border` for generating carets that indicator dropdowns. +$caret-width-base: 4px; +//** Carets increase slightly in size for larger components. +$caret-width-large: 5px; + + +//== Tables +// +//## Customizes the `.table` component with basic values, each used across all table variations. + +//** Padding for `<th>`s and `<td>`s. +$table-cell-padding: 8px; +//** Padding for cells in `.table-condensed`. +$table-condensed-cell-padding: 5px; + +//** Default background color used for all tables. +$table-bg: transparent; +//** Background color used for `.table-striped`. +$table-bg-accent: #f9f9f9; +//** Background color used for `.table-hover`. +$table-bg-hover: #f5f5f5; +$table-bg-active: $table-bg-hover; + +//** Border color for table and cell borders. +$table-border-color: #ddd; + + +//== Buttons +// +//## For each of Bootstrap's buttons, define text, background and border color. + +$btn-font-weight: normal; + +$btn-default-color: #fff; +$btn-default-bg: #474949; +$btn-default-border: $btn-default-bg; + +$btn-primary-color: $btn-default-color; +$btn-primary-bg: $brand-primary; +$btn-primary-border: $btn-primary-bg; + +$btn-success-color: $btn-default-color; +$btn-success-bg: $brand-success; +$btn-success-border: $btn-success-bg; + +$btn-info-color: $btn-default-color; +$btn-info-bg: $brand-info; +$btn-info-border: $btn-info-bg; + +$btn-warning-color: $btn-default-color; +$btn-warning-bg: $brand-warning; +$btn-warning-border: $btn-warning-bg; + +$btn-danger-color: $btn-default-color; +$btn-danger-bg: $brand-danger; +$btn-danger-border: $btn-danger-bg; + +$btn-link-disabled-color: $gray-light; + + +//== Forms +// +//## + +//** `<input>` background color +$input-bg: #fff; +//** `<input disabled>` background color +$input-bg-disabled: $gray-lighter; + +//** Text color for `<input>`s +$input-color: $text-color; +//** `<input>` border color +$input-border: #ccc; + +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 +//** Default `.form-control` border radius +$input-border-radius: $border-radius-base; +//** Large `.form-control` border radius +$input-border-radius-large: $border-radius-large; +//** Small `.form-control` border radius +$input-border-radius-small: $border-radius-small; + +//** Border color for inputs on focus +$input-border-focus: #66afe9; + +//** Placeholder text color +$input-color-placeholder: $gray-light; + +//** Default `.form-control` height +$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2); +//** Large `.form-control` height +$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2); +//** Small `.form-control` height +$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2); + +$legend-color: $text-color; +$legend-border-color: #e5e5e5; + +//** Background color for textual input addons +$input-group-addon-bg: $gray-lighter; +//** Border color for textual input addons +$input-group-addon-border-color: $input-border; + +//** Disabled cursor for form controls and buttons. +$cursor-disabled: not-allowed; + + +//== Dropdowns +// +//## Dropdown menu container and contents. + +//** Background for the dropdown menu. +$dropdown-bg: #fff; +//** Dropdown menu `border-color`. +$dropdown-border: rgba(0,0,0,.15); +//** Dropdown menu `border-color` **for IE8**. +$dropdown-fallback-border: #ccc; +//** Divider color for between dropdown items. +$dropdown-divider-bg: #e5e5e5; + +//** Dropdown link text color. +$dropdown-link-color: $gray-dark; +//** Hover color for dropdown links. +$dropdown-link-hover-color: #fff; +//** Hover background for dropdown links. +$dropdown-link-hover-bg: $component-active-bg; + +//** Active dropdown menu item text color. +$dropdown-link-active-color: #fff; +//** Active dropdown menu item background color. +$dropdown-link-active-bg: $component-active-bg; + +//** Disabled dropdown menu item background color. +$dropdown-link-disabled-color: $gray-light; + +//** Text color for headers within dropdown menus. +$dropdown-header-color: $gray-light; + +//** Deprecated `$dropdown-caret-color` as of v3.1.0 +$dropdown-caret-color: #000; + + +//-- Z-index master list +// +// Warning: Avoid customizing these values. They're used for a bird's eye view +// of components dependent on the z-axis and are designed to all work together. +// +// Note: These variables are not generated into the Customizer. + +$zindex-navbar: 1000; +$zindex-dropdown: 1000; +$zindex-popover: 1060; +$zindex-tooltip: 1070; +$zindex-navbar-fixed: 1030; +$zindex-modal: 1040; + + +//== Media queries breakpoints +// +//## Define the breakpoints at which your layout will change, adapting to different screen sizes. + +// Extra small screen / phone +//** Deprecated `$screen-xs` as of v3.0.1 +$screen-xs: 480px; +//** Deprecated `$screen-xs-min` as of v3.2.0 +$screen-xs-min: $screen-xs; +//** Deprecated `$screen-phone` as of v3.0.1 +$screen-phone: $screen-xs-min; + +// Small screen / tablet +//** Deprecated `$screen-sm` as of v3.0.1 +$screen-sm: 768px; +$screen-sm-min: $screen-sm; +//** Deprecated `$screen-tablet` as of v3.0.1 +$screen-tablet: $screen-sm-min; + +// Medium screen / desktop +//** Deprecated `$screen-md` as of v3.0.1 +$screen-md: 992px; +$screen-md-min: $screen-md; +//** Deprecated `$screen-desktop` as of v3.0.1 +$screen-desktop: $screen-md-min; + +// Large screen / wide desktop +//** Deprecated `$screen-lg` as of v3.0.1 +$screen-lg: 1200px; +$screen-lg-min: $screen-lg; +//** Deprecated `$screen-lg-desktop` as of v3.0.1 +$screen-lg-desktop: $screen-lg-min; + +// So media queries don't overlap when required, provide a maximum +$screen-xs-max: ($screen-sm-min - 1); +$screen-sm-max: ($screen-md-min - 1); +$screen-md-max: ($screen-lg-min - 1); + + +//== Grid system +// +//## Define your custom responsive grid. + +//** Number of columns in the grid. +$grid-columns: 12; +//** Padding between columns. Gets divided in half for the left and right. +$grid-gutter-width: 30px; +// Navbar collapse +//** Point at which the navbar becomes uncollapsed. +$grid-float-breakpoint: $screen-sm-min; +//** Point at which the navbar begins collapsing. +$grid-float-breakpoint-max: ($grid-float-breakpoint - 1); + + +//== Container sizes +// +//## Define the maximum width of `.container` for different screen sizes. + +// Small screen / tablet +$container-tablet: (720px + $grid-gutter-width); +//** For `$screen-sm-min` and up. +$container-sm: $container-tablet; + +// Medium screen / desktop +$container-desktop: (940px + $grid-gutter-width); +//** For `$screen-md-min` and up. +$container-md: $container-desktop; + +// Large screen / wide desktop +$container-large-desktop: (1140px + $grid-gutter-width); +//** For `$screen-lg-min` and up. +$container-lg: $container-large-desktop; + + +//== Navbar +// +//## + +// Basics of a navbar +$navbar-height: 50px; +$navbar-margin-bottom: $line-height-computed; +$navbar-border-radius: $border-radius-base; +$navbar-padding-horizontal: floor(($grid-gutter-width / 2)); +$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2); +$navbar-collapse-max-height: 340px; + +$navbar-default-color: #777; +$navbar-default-bg: #eee; +$navbar-default-border: darken($navbar-default-bg, 6.5%); + +// Navbar links +$navbar-default-link-color: #777; +$navbar-default-link-hover-color: $brand-info; +$navbar-default-link-hover-bg: transparent; +$navbar-default-link-active-color: $navbar-default-link-hover-color; +$navbar-default-link-active-bg: transparent; +$navbar-default-link-disabled-color: #444; +$navbar-default-link-disabled-bg: transparent; + +// Navbar brand label +$navbar-default-brand-color: $navbar-default-link-color; +$navbar-default-brand-hover-color: $navbar-default-link-hover-color; +$navbar-default-brand-hover-bg: transparent; + +// Navbar toggle +$navbar-default-toggle-hover-bg: darken($navbar-default-bg, 6.5%); +$navbar-default-toggle-icon-bar-bg: #ccc; +$navbar-default-toggle-border-color: darken($navbar-default-bg, 6.5%); + + +// Inverted navbar +// Reset inverted navbar basics +$navbar-inverse-color: #ddd; +$navbar-inverse-bg: $brand-primary; +$navbar-inverse-border: darken($navbar-inverse-bg, 10%); + +// Inverted navbar links +$navbar-inverse-link-color: #ddd; +$navbar-inverse-link-hover-color: #fff; +$navbar-inverse-link-hover-bg: transparent; +$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color; +$navbar-inverse-link-active-bg: transparent; +$navbar-inverse-link-disabled-color: #ccc; +$navbar-inverse-link-disabled-bg: transparent; + +// Inverted navbar brand label +$navbar-inverse-brand-color: $navbar-inverse-link-color; +$navbar-inverse-brand-hover-color: #fff; +$navbar-inverse-brand-hover-bg: transparent; + +// Inverted navbar toggle +$navbar-inverse-toggle-hover-bg: darken($navbar-inverse-bg, 10%); +$navbar-inverse-toggle-icon-bar-bg: #fff; +$navbar-inverse-toggle-border-color: darken($navbar-inverse-bg, 10%); + + +//== Navs +// +//## + +//=== Shared nav styles +$nav-link-padding: 10px 15px; +$nav-link-hover-bg: $gray-lighter; + +$nav-disabled-link-color: $gray-light; +$nav-disabled-link-hover-color: $gray-light; + +//== Tabs +$nav-tabs-border-color: #ddd; + +$nav-tabs-link-hover-border-color: $gray-lighter; + +$nav-tabs-active-link-hover-bg: $body-bg; +$nav-tabs-active-link-hover-color: $gray; +$nav-tabs-active-link-hover-border-color: #ddd; + +$nav-tabs-justified-link-border-color: #ddd; +$nav-tabs-justified-active-link-border-color: $body-bg; + +//== Pills +$nav-pills-border-radius: $border-radius-base; +$nav-pills-active-link-hover-bg: $component-active-bg; +$nav-pills-active-link-hover-color: $component-active-color; + + +//== Pagination +// +//## + +$pagination-color: $link-color; +$pagination-bg: #fff; +$pagination-border: #ddd; + +$pagination-hover-color: $link-hover-color; +$pagination-hover-bg: $gray-lighter; +$pagination-hover-border: #ddd; + +$pagination-active-color: $gray-light; +$pagination-active-bg: #f5f5f5; +$pagination-active-border: #ddd; + +$pagination-disabled-color: $gray-light; +$pagination-disabled-bg: #fff; +$pagination-disabled-border: #ddd; + + +//== Pager +// +//## + +$pager-bg: $pagination-bg; +$pager-border: $pagination-border; +$pager-border-radius: 15px; + +$pager-hover-bg: $pagination-hover-bg; + +$pager-active-bg: $pagination-active-bg; +$pager-active-color: $pagination-active-color; + +$pager-disabled-color: $gray-light; + + +//== Jumbotron +// +//## + +$jumbotron-padding: 30px; +$jumbotron-color: inherit; +$jumbotron-bg: $gray-lighter; +$jumbotron-heading-color: inherit; +$jumbotron-font-size: ceil(($font-size-base * 1.5)); + + +//== Form states and alerts +// +//## Define colors for form feedback states and, by default, alerts. + +$state-success-text: #468847; +$state-success-bg: #dff0d8; +$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%); + +$state-info-text: #3a87ad; +$state-info-bg: #d9edf7; +$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%); + +$state-warning-text: #c09853; +$state-warning-bg: #fcf8e3; +$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 3%); + +$state-danger-text: #b94a48; +$state-danger-bg: #f2dede; +$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 3%); + + +//== Tooltips +// +//## + +//** Tooltip max width +$tooltip-max-width: 200px; +//** Tooltip text color +$tooltip-color: #fff; +//** Tooltip background color +$tooltip-bg: rgba(0,0,0,.9); +$tooltip-opacity: .9; + +//** Tooltip arrow width +$tooltip-arrow-width: 5px; +//** Tooltip arrow color +$tooltip-arrow-color: $tooltip-bg; + + +//== Popovers +// +//## + +//** Popover body background color +$popover-bg: #fff; +//** Popover maximum width +$popover-max-width: 276px; +//** Popover border color +$popover-border-color: rgba(0,0,0,.2); +//** Popover fallback border color +$popover-fallback-border-color: #ccc; + +//** Popover title background color +$popover-title-bg: darken($popover-bg, 3%); + +//** Popover arrow width +$popover-arrow-width: 10px; +//** Popover arrow color +$popover-arrow-color: $popover-bg; + +//** Popover outer arrow width +$popover-arrow-outer-width: ($popover-arrow-width + 1); +//** Popover outer arrow color +$popover-arrow-outer-color: fadein($popover-border-color, 5%); +//** Popover outer arrow fallback color +$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%); + + +//== Labels +// +//## + +//** Default label background color +$label-default-bg: $btn-default-bg; +//** Primary label background color +$label-primary-bg: $brand-primary; +//** Success label background color +$label-success-bg: $brand-success; +//** Info label background color +$label-info-bg: $brand-info; +//** Warning label background color +$label-warning-bg: $brand-warning; +//** Danger label background color +$label-danger-bg: $brand-danger; + +//** Default label text color +$label-color: #fff; +//** Default text color of a linked label +$label-link-hover-color: #fff; + + +//== Modals +// +//## + +//** Padding applied to the modal body +$modal-inner-padding: 20px; + +//** Padding applied to the modal title +$modal-title-padding: 15px; +//** Modal title line-height +$modal-title-line-height: $line-height-base; + +//** Background color of modal content area +$modal-content-bg: #fff; +//** Modal content border color +$modal-content-border-color: rgba(0,0,0,.2); +//** Modal content border color **for IE8** +$modal-content-fallback-border-color: #999; + +//** Modal backdrop background color +$modal-backdrop-bg: #000; +//** Modal backdrop opacity +$modal-backdrop-opacity: .5; +//** Modal header border color +$modal-header-border-color: #e5e5e5; +//** Modal footer border color +$modal-footer-border-color: $modal-header-border-color; + +$modal-lg: 900px; +$modal-md: 600px; +$modal-sm: 300px; + + +//== Alerts +// +//## Define alert colors, border radius, and padding. + +$alert-padding: 15px; +$alert-border-radius: $border-radius-base; +$alert-link-font-weight: bold; + +$alert-success-bg: $state-success-bg; +$alert-success-text: $state-success-text; +$alert-success-border: $state-success-border; + +$alert-info-bg: $state-info-bg; +$alert-info-text: $state-info-text; +$alert-info-border: $state-info-border; + +$alert-warning-bg: $state-warning-bg; +$alert-warning-text: $state-warning-text; +$alert-warning-border: $state-warning-border; + +$alert-danger-bg: $state-danger-bg; +$alert-danger-text: $state-danger-text; +$alert-danger-border: $state-danger-border; + + +//== Progress bars +// +//## + +//** Background color of the whole progress component +$progress-bg: #f5f5f5; +//** Progress bar text color +$progress-bar-color: #fff; +//** Variable for setting rounded corners on progress bar. +$progress-border-radius: $border-radius-base; + +//** Default progress bar color +$progress-bar-bg: $brand-primary; +//** Success progress bar color +$progress-bar-success-bg: $brand-success; +//** Warning progress bar color +$progress-bar-warning-bg: $brand-warning; +//** Danger progress bar color +$progress-bar-danger-bg: $brand-danger; +//** Info progress bar color +$progress-bar-info-bg: $brand-info; + + +//== List group +// +//## + +//** Background color on `.list-group-item` +$list-group-bg: #fff; +//** `.list-group-item` border color +$list-group-border: #ddd; +//** List group border radius +$list-group-border-radius: $border-radius-base; + +//** Background color of single list items on hover +$list-group-hover-bg: #f5f5f5; +//** Text color of active list items +$list-group-active-color: $component-active-color; +//** Background color of active list items +$list-group-active-bg: $component-active-bg; +//** Border color of active list elements +$list-group-active-border: $list-group-active-bg; +//** Text color for content within active list items +$list-group-active-text-color: lighten($list-group-active-bg, 40%); + +//** Text color of disabled list items +$list-group-disabled-color: $gray-light; +//** Background color of disabled list items +$list-group-disabled-bg: $gray-lighter; +//** Text color for content within disabled list items +$list-group-disabled-text-color: $list-group-disabled-color; + +$list-group-link-color: #555; +$list-group-link-hover-color: $list-group-link-color; +$list-group-link-heading-color: #333; + + +//== Panels +// +//## + +$panel-bg: #fff; +$panel-body-padding: 15px; +$panel-heading-padding: 10px 15px; +$panel-footer-padding: $panel-heading-padding; +$panel-border-radius: $border-radius-base; + +//** Border color for elements within panels +$panel-inner-border: #ddd; +$panel-footer-bg: #f5f5f5; + +$panel-default-text: $gray-dark; +$panel-default-border: #ddd; +$panel-default-heading-bg: #f5f5f5; + +$panel-primary-text: #fff; +$panel-primary-border: $brand-primary; +$panel-primary-heading-bg: $brand-primary; + +$panel-success-text: $state-success-text; +$panel-success-border: $state-success-border; +$panel-success-heading-bg: $state-success-bg; + +$panel-info-text: $state-info-text; +$panel-info-border: $state-info-border; +$panel-info-heading-bg: $state-info-bg; + +$panel-warning-text: $state-warning-text; +$panel-warning-border: $state-warning-border; +$panel-warning-heading-bg: $state-warning-bg; + +$panel-danger-text: $state-danger-text; +$panel-danger-border: $state-danger-border; +$panel-danger-heading-bg: $state-danger-bg; + + +//== Thumbnails +// +//## + +//** Padding around the thumbnail image +$thumbnail-padding: 4px; +//** Thumbnail background color +$thumbnail-bg: $body-bg; +//** Thumbnail border color +$thumbnail-border: #ddd; +//** Thumbnail border radius +$thumbnail-border-radius: $border-radius-base; + +//** Custom text color for thumbnail captions +$thumbnail-caption-color: $text-color; +//** Padding around the thumbnail caption +$thumbnail-caption-padding: 9px; + + +//== Wells +// +//## + +$well-bg: #f5f5f5; +$well-border: darken($well-bg, 7%); + + +//== Badges +// +//## + +$badge-color: #fff; +//** Linked badge text color on hover +$badge-link-hover-color: #fff; +$badge-bg: $link-color; + +//** Badge text color in active nav link +$badge-active-color: $link-color; +//** Badge background color in active nav link +$badge-active-bg: #fff; + +$badge-font-weight: bold; +$badge-line-height: 1; +$badge-border-radius: 10px; + + +//== Breadcrumbs +// +//## + +$breadcrumb-padding-vertical: 8px; +$breadcrumb-padding-horizontal: 15px; +//** Breadcrumb background color +$breadcrumb-bg: #f5f5f5; +//** Breadcrumb text color +$breadcrumb-color: #ccc; +//** Text color of current page in the breadcrumb +$breadcrumb-active-color: $gray-light; +//** Textual separator for between breadcrumb elements +$breadcrumb-separator: "/"; + + +//== Carousel +// +//## + +$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); + +$carousel-control-color: #fff; +$carousel-control-width: 15%; +$carousel-control-opacity: .5; +$carousel-control-font-size: 20px; + +$carousel-indicator-active-bg: #fff; +$carousel-indicator-border-color: #fff; + +$carousel-caption-color: #fff; + + +//== Close +// +//## + +$close-font-weight: bold; +$close-color: #000; +$close-text-shadow: 0 1px 0 #fff; + + +//== Code +// +//## + +$code-color: #c7254e; +$code-bg: #f9f2f4; + +$kbd-color: #fff; +$kbd-bg: #333; + +$pre-bg: #f5f5f5; +$pre-color: $gray-dark; +$pre-border-color: #ccc; +$pre-scrollable-max-height: 340px; + + +//== Type +// +//## + +//** Horizontal offset for forms and lists. +$component-offset-horizontal: 180px; +//** Text muted color +$text-muted: $gray-light; +//** Abbreviations and acronyms border color +$abbr-border-color: $gray-light; +//** Headings small color +$headings-small-color: $gray-light; +//** Blockquote small color +$blockquote-small-color: $gray-light; +//** Blockquote font size +$blockquote-font-size: ($font-size-base * 1.25); +//** Blockquote border color +$blockquote-border-color: $gray-lighter; +//** Page header border color +$page-header-border-color: $gray-lighter; +//** Width of horizontal description list titles +$dl-horizontal-offset: $component-offset-horizontal; +//** Horizontal line color. +$hr-border: $gray-lighter; diff --git a/spacelab/variables.less b/spacelab/variables.less index e73e5b37..fe4176d4 100644 --- a/spacelab/variables.less +++ b/spacelab/variables.less @@ -236,7 +236,7 @@ //** Hover color for dropdown links. @dropdown-link-hover-color: #fff; //** Hover background for dropdown links. -@dropdown-link-hover-bg: @dropdown-link-active-bg; +@dropdown-link-hover-bg: @component-active-bg; //** Active dropdown menu item text color. @dropdown-link-active-color: #fff; @@ -244,10 +244,10 @@ @dropdown-link-active-bg: @component-active-bg; //** Disabled dropdown menu item background color. -@dropdown-link-disabled-color: @text-muted; +@dropdown-link-disabled-color: @gray-light; //** Text color for headers within dropdown menus. -@dropdown-header-color: @text-muted; +@dropdown-header-color: @gray-light; //** Deprecated `@dropdown-caret-color` as of v3.1.0 @dropdown-caret-color: #000; diff --git a/superhero/_bootswatch.scss b/superhero/_bootswatch.scss new file mode 100644 index 00000000..57b6e6d8 --- /dev/null +++ b/superhero/_bootswatch.scss @@ -0,0 +1,332 @@ +// Superhero 3.3.0 +// Bootswatch +// ----------------------------------------------------- + +@import url("//fonts.googleapis.com/css?family=Lato:300,400,700"); + +// Navbar ===================================================================== + +.navbar { + @include box-shadow(none); + border: none; + font-size: 12px; + + &-default { + + .badge { + background-color: #fff; + color: $navbar-default-bg; + } + } + + &-inverse { + + .badge { + background-color: #fff; + color: $navbar-inverse-bg; + } + } +} + +// Buttons ==================================================================== + +.btn { + + font-weight: 300; + + &-default { + &:hover { + background-color: darken($btn-default-bg, 3%); + } + } + + &-sm, + &-xs { + font-size: 12px; + } +} + +// Typography ================================================================= + +body { + font-weight: 300; +} + +.text-primary, +.text-primary:hover { + color: $brand-primary; +} + +.text-success, +.text-success:hover { + color: $brand-success; +} + +.text-danger, +.text-danger:hover { + color: $brand-danger; +} + +.text-warning, +.text-warning:hover { + color: $brand-warning; +} + +.text-info, +.text-info:hover { + color: $brand-info; +} + +.page-header { + border-bottom-color: $table-border-color; +} + +.dropdown-menu { + + border: none; + margin: 0; + @include box-shadow(none); + + > li > a { + font-size: 12px; + font-weight: 300; + } +} + +.btn-group.open .dropdown-toggle { + @include box-shadow(none); +} + +.dropdown-header { + font-size: 12px; +} + +// Tables ===================================================================== + +table, +.table { + font-size: 12px; + + a:not(.btn) { + color: #fff; + text-decoration: underline; + } + + .dropdown-menu a { + text-decoration: none; + } + + .text-muted { + color: $text-muted; + } + + > thead > tr > th, + > tbody > tr > th, + > tfoot > tr > th, + > thead > tr > td, + > tbody > tr > td, + > tfoot > tr > td { + border-color: transparent; + } + } + +// Forms ====================================================================== + +input, +textarea { + color: $input-color; +} + +label, +.radio label, +.checkbox label, +.help-block { + font-size: 12px; + font-weight: 300; +} + +.input-addon, +.input-group-addon { + color: $text-color; +} + +.has-warning { + .help-block, + .control-label, + .form-control-feedback { + color: $brand-warning; + } + + .input-group-addon { + border: none; + } +} + +.has-error { + .help-block, + .control-label, + .form-control-feedback { + color: $brand-danger; + } + + .input-group-addon { + border: none; + } +} + +.has-success { + .help-block, + .control-label, + .form-control-feedback { + color: $brand-success; + } + + .input-group-addon { + border: none; + } +} + +.form-control:focus { + @include box-shadow(none); +} + +.has-warning, +.has-error, +.has-success { + .form-control:focus { + @include box-shadow(none); + } +} + +// Navs ======================================================================= + +.nav { + .open > a, + .open > a:hover, + .open > a:focus { + border-color: transparent; + } +} + +.nav-tabs { + > li > a { + color: $text-color; + } +} + +.nav-pills { + > li > a { + color: $text-color; + } +} + +.pager { + a { + color: $text-color; + } +} + +// Indicators ================================================================= + +.label { + font-weight: 300; +} + +.alert { + color: #fff; + + a, + .alert-link { + color: #fff; + } +} + +.close { + opacity: 0.4; + + &:hover, + &:focus { + opacity: 1; + } +} + +// Progress bars ============================================================== + +// Containers ================================================================= + +.well { + @include box-shadow(none); +} + +a.list-group-item { + + &.active, + &.active:hover, + &.active:focus { + border: none; + } + + &-success { + &.active { + background-color: $state-success-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-success-bg, 5%); + } + } + + &-warning { + &.active { + background-color: $state-warning-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-warning-bg, 5%); + } + } + + &-danger { + &.active { + background-color: $state-danger-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-danger-bg, 5%); + } + } +} + +.panel { + border: none; + + &-default > .panel-heading { + background-color: $table-bg-hover; + color: $text-color; + } +} + +.thumbnail { + background-color: $well-bg; + border: none; +} + +.modal { + padding: 0; + + &-header, + &-footer { + background-color: $table-bg-hover; + border: none; + border-radius: 0; + } +} + +.popover { + &-title { + border: none; + } +} diff --git a/superhero/_variables.scss b/superhero/_variables.scss new file mode 100644 index 00000000..45db4894 --- /dev/null +++ b/superhero/_variables.scss @@ -0,0 +1,856 @@ +// Superhero 3.3.0 +// Variables +// -------------------------------------------------- + + +//== Colors +// +//## Gray and brand colors for use across Bootstrap. + +$gray-base: #000; +$gray-darker: lighten($gray-base, 13.5%); // #222 +$gray-dark: lighten($gray-base, 20%); // #333 +$gray: lighten($gray-base, 33.5%); // #555 +$gray-light: #4E5D6C; // #999 +$gray-lighter: #EBEBEB; // #eee + +$brand-primary: #DF691A; +$brand-success: #5cb85c; +$brand-info: #5bc0de; +$brand-warning: #f0ad4e; +$brand-danger: #d9534f; + + +//== Scaffolding +// +//## Settings for some of the most global styles. + +//** Background color for `<body>`. +$body-bg: #2B3E50; +//** Global text color on `<body>`. +$text-color: $gray-lighter; + +//** Global textual link color. +$link-color: $brand-primary; +//** Link hover color set via `darken()` function. +$link-hover-color: $link-color; +//** Link hover decoration. +$link-hover-decoration: underline; + + +//== Typography +// +//## Font, line-height, and color for body text, headings, and more. + +$font-family-sans-serif: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; +$font-family-serif: Georgia, "Times New Roman", Times, serif; +//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. +$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; +$font-family-base: $font-family-sans-serif; + +$font-size-base: 15px; +$font-size-large: ceil(($font-size-base * 1.25)); // ~18px +$font-size-small: ceil(($font-size-base * 0.85)); // ~12px + +$font-size-h1: floor(($font-size-base * 2.6)); // ~36px +$font-size-h2: floor(($font-size-base * 2.15)); // ~30px +$font-size-h3: ceil(($font-size-base * 1.7)); // ~24px +$font-size-h4: ceil(($font-size-base * 1.25)); // ~18px +$font-size-h5: $font-size-base; +$font-size-h6: ceil(($font-size-base * 0.85)); // ~12px + +//** Unit-less `line-height` for use in components like buttons. +$line-height-base: 1.428571429; // 20/14 +//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. +$line-height-computed: floor(($font-size-base * $line-height-base)); // ~20px + +//** By default, this inherits from the `<body>`. +$headings-font-family: inherit; +$headings-font-weight: 300; +$headings-line-height: 1.1; +$headings-color: inherit; + + +//== Iconography +// +//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. + +//** Load fonts from this directory. +$icon-font-path: "../fonts/"; +//** File name for all font files. +$icon-font-name: "glyphicons-halflings-regular"; +//** Element ID within SVG icon file. +$icon-font-svg-id: "glyphicons_halflingsregular"; + + +//== Components +// +//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). + +$padding-base-vertical: 8px; +$padding-base-horizontal: 16px; + +$padding-large-vertical: 12px; +$padding-large-horizontal: 24px; + +$padding-small-vertical: 5px; +$padding-small-horizontal: 10px; + +$padding-xs-vertical: 1px; +$padding-xs-horizontal: 5px; + +$line-height-large: 1.33; +$line-height-small: 1.5; + +$border-radius-base: 0; +$border-radius-large: 0; +$border-radius-small: 0; + +//** Global color for active items (e.g., navs or dropdowns). +$component-active-color: #fff; +//** Global background color for active items (e.g., navs or dropdowns). +$component-active-bg: $brand-primary; + +//** Width of the `border` for generating carets that indicator dropdowns. +$caret-width-base: 4px; +//** Carets increase slightly in size for larger components. +$caret-width-large: 5px; + + +//== Tables +// +//## Customizes the `.table` component with basic values, each used across all table variations. + +//** Padding for `<th>`s and `<td>`s. +$table-cell-padding: 6px; +//** Padding for cells in `.table-condensed`. +$table-condensed-cell-padding: 3px; + +//** Default background color used for all tables. +$table-bg: transparent; +//** Background color used for `.table-striped`. +$table-bg-accent: $gray-light; +//** Background color used for `.table-hover`. +$table-bg-hover: darken($gray-light, 3%); +$table-bg-active: $table-bg-hover; + +//** Border color for table and cell borders. +$table-border-color: $gray-light; + + +//== Buttons +// +//## For each of Bootstrap's buttons, define text, background and border color. + +$btn-font-weight: normal; + +$btn-default-color: #fff; +$btn-default-bg: $gray-light; +$btn-default-border: transparent; + +$btn-primary-color: #fff; +$btn-primary-bg: $brand-primary; +$btn-primary-border: transparent; + +$btn-success-color: #fff; +$btn-success-bg: $brand-success; +$btn-success-border: transparent; + +$btn-info-color: #fff; +$btn-info-bg: $brand-info; +$btn-info-border: transparent; + +$btn-warning-color: #fff; +$btn-warning-bg: $brand-warning; +$btn-warning-border: transparent; + +$btn-danger-color: #fff; +$btn-danger-bg: $brand-danger; +$btn-danger-border: transparent; + +$btn-link-disabled-color: $gray-light; + + +//== Forms +// +//## + +//** `<input>` background color +$input-bg: #fff; +//** `<input disabled>` background color +$input-bg-disabled: $gray-lighter; + +//** Text color for `<input>`s +$input-color: $body-bg; +//** `<input>` border color +$input-border: transparent; + +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 +//** Default `.form-control` border radius +$input-border-radius: $border-radius-base; +//** Large `.form-control` border radius +$input-border-radius-large: $border-radius-large; +//** Small `.form-control` border radius +$input-border-radius-small: $border-radius-small; + +//** Border color for inputs on focus +$input-border-focus: transparent; + +//** Placeholder text color +$input-color-placeholder: #ccc; + +//** Default `.form-control` height +$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2); +//** Large `.form-control` height +$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2); +//** Small `.form-control` height +$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2); + +$legend-color: $text-color; +$legend-border-color: $gray-light; + +//** Background color for textual input addons +$input-group-addon-bg: $btn-default-bg; +//** Border color for textual input addons +$input-group-addon-border-color: transparent; + +//** Disabled cursor for form controls and buttons. +$cursor-disabled: not-allowed; + + +//== Dropdowns +// +//## Dropdown menu container and contents. + +//** Background for the dropdown menu. +$dropdown-bg: $gray-light; +//** Dropdown menu `border-color`. +$dropdown-border: transparent; +//** Dropdown menu `border-color` **for IE8**. +$dropdown-fallback-border: transparent; +//** Divider color for between dropdown items. +$dropdown-divider-bg: $body-bg; + +//** Dropdown link text color. +$dropdown-link-color: $text-color; +//** Hover color for dropdown links. +$dropdown-link-hover-color: $text-color; +//** Hover background for dropdown links. +$dropdown-link-hover-bg: darken($gray-light, 3%); + +//** Active dropdown menu item text color. +$dropdown-link-active-color: $component-active-color; +//** Active dropdown menu item background color. +$dropdown-link-active-bg: $component-active-bg; + +//** Disabled dropdown menu item background color. +$dropdown-link-disabled-color: $body-bg; + +//** Text color for headers within dropdown menus. +$dropdown-header-color: $body-bg; + +//** Deprecated `$dropdown-caret-color` as of v3.1.0 +$dropdown-caret-color: #000; + + +//-- Z-index master list +// +// Warning: Avoid customizing these values. They're used for a bird's eye view +// of components dependent on the z-axis and are designed to all work together. +// +// Note: These variables are not generated into the Customizer. + +$zindex-navbar: 1000; +$zindex-dropdown: 1000; +$zindex-popover: 1060; +$zindex-tooltip: 1070; +$zindex-navbar-fixed: 1030; +$zindex-modal: 1040; + + +//== Media queries breakpoints +// +//## Define the breakpoints at which your layout will change, adapting to different screen sizes. + +// Extra small screen / phone +//** Deprecated `$screen-xs` as of v3.0.1 +$screen-xs: 480px; +//** Deprecated `$screen-xs-min` as of v3.2.0 +$screen-xs-min: $screen-xs; +//** Deprecated `$screen-phone` as of v3.0.1 +$screen-phone: $screen-xs-min; + +// Small screen / tablet +//** Deprecated `$screen-sm` as of v3.0.1 +$screen-sm: 768px; +$screen-sm-min: $screen-sm; +//** Deprecated `$screen-tablet` as of v3.0.1 +$screen-tablet: $screen-sm-min; + +// Medium screen / desktop +//** Deprecated `$screen-md` as of v3.0.1 +$screen-md: 992px; +$screen-md-min: $screen-md; +//** Deprecated `$screen-desktop` as of v3.0.1 +$screen-desktop: $screen-md-min; + +// Large screen / wide desktop +//** Deprecated `$screen-lg` as of v3.0.1 +$screen-lg: 1200px; +$screen-lg-min: $screen-lg; +//** Deprecated `$screen-lg-desktop` as of v3.0.1 +$screen-lg-desktop: $screen-lg-min; + +// So media queries don't overlap when required, provide a maximum +$screen-xs-max: ($screen-sm-min - 1); +$screen-sm-max: ($screen-md-min - 1); +$screen-md-max: ($screen-lg-min - 1); + + +//== Grid system +// +//## Define your custom responsive grid. + +//** Number of columns in the grid. +$grid-columns: 12; +//** Padding between columns. Gets divided in half for the left and right. +$grid-gutter-width: 30px; +// Navbar collapse +//** Point at which the navbar becomes uncollapsed. +$grid-float-breakpoint: $screen-sm-min; +//** Point at which the navbar begins collapsing. +$grid-float-breakpoint-max: ($grid-float-breakpoint - 1); + + +//== Container sizes +// +//## Define the maximum width of `.container` for different screen sizes. + +// Small screen / tablet +$container-tablet: (720px + $grid-gutter-width); +//** For `$screen-sm-min` and up. +$container-sm: $container-tablet; + +// Medium screen / desktop +$container-desktop: (940px + $grid-gutter-width); +//** For `$screen-md-min` and up. +$container-md: $container-desktop; + +// Large screen / wide desktop +$container-large-desktop: (1140px + $grid-gutter-width); +//** For `$screen-lg-min` and up. +$container-lg: $container-large-desktop; + + +//== Navbar +// +//## + +// Basics of a navbar +$navbar-height: 40px; +$navbar-margin-bottom: $line-height-computed; +$navbar-border-radius: $border-radius-base; +$navbar-padding-horizontal: floor(($grid-gutter-width / 2)); +$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2); +$navbar-collapse-max-height: 340px; + +$navbar-default-color: $text-color; +$navbar-default-bg: $gray-light; +$navbar-default-border: transparent; + +// Navbar links +$navbar-default-link-color: $text-color; +$navbar-default-link-hover-color: $navbar-default-link-color; +$navbar-default-link-hover-bg: $dropdown-link-hover-bg; +$navbar-default-link-active-color: $navbar-default-link-color; +$navbar-default-link-active-bg: $dropdown-link-hover-bg; +$navbar-default-link-disabled-color: #ccc; +$navbar-default-link-disabled-bg: transparent; + +// Navbar brand label +$navbar-default-brand-color: $navbar-default-link-color; +$navbar-default-brand-hover-color: $navbar-default-link-color; +$navbar-default-brand-hover-bg: transparent; + +// Navbar toggle +$navbar-default-toggle-hover-bg: $navbar-default-link-hover-bg; +$navbar-default-toggle-icon-bar-bg: $text-color; +$navbar-default-toggle-border-color: transparent; + + +// Inverted navbar +// Reset inverted navbar basics +$navbar-inverse-color: $text-color; +$navbar-inverse-bg: $brand-primary; +$navbar-inverse-border: transparent; + +// Inverted navbar links +$navbar-inverse-link-color: $text-color; +$navbar-inverse-link-hover-color: $navbar-inverse-link-color; +$navbar-inverse-link-hover-bg: darken($navbar-inverse-bg, 5%); +$navbar-inverse-link-active-color: $navbar-inverse-link-color; +$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 5%); +$navbar-inverse-link-disabled-color: #444; +$navbar-inverse-link-disabled-bg: transparent; + +// Inverted navbar brand label +$navbar-inverse-brand-color: $navbar-inverse-link-color; +$navbar-inverse-brand-hover-color: $navbar-inverse-link-color; +$navbar-inverse-brand-hover-bg: transparent; + +// Inverted navbar toggle +$navbar-inverse-toggle-hover-bg: $navbar-inverse-link-hover-bg; +$navbar-inverse-toggle-icon-bar-bg: $text-color; +$navbar-inverse-toggle-border-color: transparent; + + +//== Navs +// +//## + +//=== Shared nav styles +$nav-link-padding: 10px 15px; +$nav-link-hover-bg: $gray-light; + +$nav-disabled-link-color: $gray-light; +$nav-disabled-link-hover-color: $gray-light; + +//== Tabs +$nav-tabs-border-color: transparent; + +$nav-tabs-link-hover-border-color: $gray-light; + +$nav-tabs-active-link-hover-bg: $body-bg; +$nav-tabs-active-link-hover-color: $text-color; +$nav-tabs-active-link-hover-border-color: $gray-light; + +$nav-tabs-justified-link-border-color: $gray-light; +$nav-tabs-justified-active-link-border-color: $gray-light; + +//== Pills +$nav-pills-border-radius: $border-radius-base; +$nav-pills-active-link-hover-bg: $component-active-bg; +$nav-pills-active-link-hover-color: $component-active-color; + + +//== Pagination +// +//## + +$pagination-color: $text-color; +$pagination-bg: $gray-light; +$pagination-border: transparent; + +$pagination-hover-color: $text-color; +$pagination-hover-bg: $table-bg-hover; +$pagination-hover-border: transparent; + +$pagination-active-color: $text-color; +$pagination-active-bg: $brand-primary; +$pagination-active-border: transparent; + +$pagination-disabled-color: darken($table-bg-hover, 10%); +$pagination-disabled-bg: $gray-light; +$pagination-disabled-border: transparent; + + +//== Pager +// +//## + +$pager-bg: $pagination-bg; +$pager-border: $pagination-border; +$pager-border-radius: 15px; + +$pager-hover-bg: $pagination-hover-bg; + +$pager-active-bg: $pagination-active-bg; +$pager-active-color: $pagination-active-color; + +$pager-disabled-color: $pagination-disabled-color; + + +//== Jumbotron +// +//## + +$jumbotron-padding: 30px; +$jumbotron-color: inherit; +$jumbotron-bg: $gray-light; +$jumbotron-heading-color: inherit; +$jumbotron-font-size: ceil(($font-size-base * 1.5)); + + +//== Form states and alerts +// +//## Define colors for form feedback states and, by default, alerts. + +$state-success-text: $text-color; +$state-success-bg: $brand-success; +$state-success-border: transparent; + +$state-info-text: $text-color; +$state-info-bg: $brand-info; +$state-info-border: transparent; + +$state-warning-text: $text-color; +$state-warning-bg: $brand-warning; +$state-warning-border: transparent; + +$state-danger-text: $text-color; +$state-danger-bg: $brand-danger; +$state-danger-border: transparent; + + +//== Tooltips +// +//## + +//** Tooltip max width +$tooltip-max-width: 200px; +//** Tooltip text color +$tooltip-color: #fff; +//** Tooltip background color +$tooltip-bg: #000; +$tooltip-opacity: .9; + +//** Tooltip arrow width +$tooltip-arrow-width: 5px; +//** Tooltip arrow color +$tooltip-arrow-color: $tooltip-bg; + + +//== Popovers +// +//## + +//** Popover body background color +$popover-bg: $gray-light; +//** Popover maximum width +$popover-max-width: 276px; +//** Popover border color +$popover-border-color: transparent; +//** Popover fallback border color +$popover-fallback-border-color: transparent; + +//** Popover title background color +$popover-title-bg: $table-bg-hover; + +//** Popover arrow width +$popover-arrow-width: 10px; +//** Popover arrow color +$popover-arrow-color: $popover-bg; + +//** Popover outer arrow width +$popover-arrow-outer-width: ($popover-arrow-width + 1); +//** Popover outer arrow color +$popover-arrow-outer-color: transparent; +//** Popover outer arrow fallback color +$popover-arrow-outer-fallback-color: transparent; + + +//== Labels +// +//## + +//** Default label background color +$label-default-bg: $gray-light; +//** Primary label background color +$label-primary-bg: $brand-primary; +//** Success label background color +$label-success-bg: $brand-success; +//** Info label background color +$label-info-bg: $brand-info; +//** Warning label background color +$label-warning-bg: $brand-warning; +//** Danger label background color +$label-danger-bg: $brand-danger; + +//** Default label text color +$label-color: #fff; +//** Default text color of a linked label +$label-link-hover-color: #fff; + + +//== Modals +// +//## + +//** Padding applied to the modal body +$modal-inner-padding: 20px; + +//** Padding applied to the modal title +$modal-title-padding: 15px; +//** Modal title line-height +$modal-title-line-height: $line-height-base; + +//** Background color of modal content area +$modal-content-bg: $gray-light; +//** Modal content border color +$modal-content-border-color: transparent; +//** Modal content border color **for IE8** +$modal-content-fallback-border-color: transparent; + +//** Modal backdrop background color +$modal-backdrop-bg: #000; +//** Modal backdrop opacity +$modal-backdrop-opacity: .5; +//** Modal header border color +$modal-header-border-color: $body-bg; +//** Modal footer border color +$modal-footer-border-color: $modal-header-border-color; + +$modal-lg: 900px; +$modal-md: 600px; +$modal-sm: 300px; + + +//== Alerts +// +//## Define alert colors, border radius, and padding. + +$alert-padding: 15px; +$alert-border-radius: $border-radius-base; +$alert-link-font-weight: bold; + +$alert-success-bg: $state-success-bg; +$alert-success-text: $state-success-text; +$alert-success-border: $state-success-border; + +$alert-info-bg: $state-info-bg; +$alert-info-text: $state-info-text; +$alert-info-border: $state-info-border; + +$alert-warning-bg: $state-warning-bg; +$alert-warning-text: $state-warning-text; +$alert-warning-border: $state-warning-border; + +$alert-danger-bg: $state-danger-bg; +$alert-danger-text: $state-danger-text; +$alert-danger-border: $state-danger-border; + + +//== Progress bars +// +//## + +//** Background color of the whole progress component +$progress-bg: $gray-light; +//** Progress bar text color +$progress-bar-color: #fff; +//** Variable for setting rounded corners on progress bar. +$progress-border-radius: $border-radius-base; + +//** Default progress bar color +$progress-bar-bg: $brand-primary; +//** Success progress bar color +$progress-bar-success-bg: $brand-success; +//** Warning progress bar color +$progress-bar-warning-bg: $brand-warning; +//** Danger progress bar color +$progress-bar-danger-bg: $brand-danger; +//** Info progress bar color +$progress-bar-info-bg: $brand-info; + + +//== List group +// +//## + +//** Background color on `.list-group-item` +$list-group-bg: $gray-light; +//** `.list-group-item` border color +$list-group-border: transparent; +//** List group border radius +$list-group-border-radius: $border-radius-base; + +//** Background color of single list items on hover +$list-group-hover-bg: $table-bg-hover; +//** Text color of active list items +$list-group-active-color: $component-active-color; +//** Background color of active list items +$list-group-active-bg: $component-active-bg; +//** Border color of active list elements +$list-group-active-border: $list-group-active-bg; +//** Text color for content within active list items +$list-group-active-text-color: lighten($list-group-active-bg, 40%); + +//** Text color of disabled list items +$list-group-disabled-color: $gray-light; +//** Background color of disabled list items +$list-group-disabled-bg: $gray-lighter; +//** Text color for content within disabled list items +$list-group-disabled-text-color: $list-group-disabled-color; + +$list-group-link-color: $text-color; +$list-group-link-hover-color: $list-group-link-color; +$list-group-link-heading-color: $text-color; + + +//== Panels +// +//## + +$panel-bg: $gray-light; +$panel-body-padding: 15px; +$panel-heading-padding: 10px 15px; +$panel-footer-padding: $panel-heading-padding; +$panel-border-radius: $border-radius-base; + +//** Border color for elements within panels +$panel-inner-border: transparent; +$panel-footer-bg: $table-bg-hover; + +$panel-default-text: $gray-dark; +$panel-default-border: transparent; +$panel-default-heading-bg: #f5f5f5; + +$panel-primary-text: #fff; +$panel-primary-border: transparent; +$panel-primary-heading-bg: $brand-primary; + +$panel-success-text: $state-success-text; +$panel-success-border: transparent; +$panel-success-heading-bg: $state-success-bg; + +$panel-info-text: $state-info-text; +$panel-info-border: transparent; +$panel-info-heading-bg: $state-info-bg; + +$panel-warning-text: $state-warning-text; +$panel-warning-border: transparent; +$panel-warning-heading-bg: $state-warning-bg; + +$panel-danger-text: $state-danger-text; +$panel-danger-border: transparent; +$panel-danger-heading-bg: $state-danger-bg; + + +//== Thumbnails +// +//## + +//** Padding around the thumbnail image +$thumbnail-padding: 4px; +//** Thumbnail background color +$thumbnail-bg: $body-bg; +//** Thumbnail border color +$thumbnail-border: #ddd; +//** Thumbnail border radius +$thumbnail-border-radius: $border-radius-base; + +//** Custom text color for thumbnail captions +$thumbnail-caption-color: $text-color; +//** Padding around the thumbnail caption +$thumbnail-caption-padding: 9px; + + +//== Wells +// +//## + +$well-bg: $gray-light; +$well-border: transparent; + + +//== Badges +// +//## + +$badge-color: $text-color; +//** Linked badge text color on hover +$badge-link-hover-color: #fff; +$badge-bg: $gray-light; + +//** Badge text color in active nav link +$badge-active-color: $link-color; +//** Badge background color in active nav link +$badge-active-bg: #fff; + +$badge-font-weight: 300; +$badge-line-height: 1; +$badge-border-radius: 10px; + + +//== Breadcrumbs +// +//## + +$breadcrumb-padding-vertical: 8px; +$breadcrumb-padding-horizontal: 15px; +//** Breadcrumb background color +$breadcrumb-bg: $gray-light; +//** Breadcrumb text color +$breadcrumb-color: $text-color; +//** Text color of current page in the breadcrumb +$breadcrumb-active-color: $text-color; +//** Textual separator for between breadcrumb elements +$breadcrumb-separator: "/"; + + +//== Carousel +// +//## + +$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); + +$carousel-control-color: #fff; +$carousel-control-width: 15%; +$carousel-control-opacity: .5; +$carousel-control-font-size: 20px; + +$carousel-indicator-active-bg: #fff; +$carousel-indicator-border-color: #fff; + +$carousel-caption-color: #fff; + + +//== Close +// +//## + +$close-font-weight: bold; +$close-color: $text-color; +$close-text-shadow: none; + + +//== Code +// +//## + +$code-color: #c7254e; +$code-bg: #f9f2f4; + +$kbd-color: #fff; +$kbd-bg: #333; + +$pre-bg: #f5f5f5; +$pre-color: $gray-dark; +$pre-border-color: #ccc; +$pre-scrollable-max-height: 340px; + + +//== Type +// +//## + +//** Horizontal offset for forms and lists. +$component-offset-horizontal: 180px; +//** Text muted color +$text-muted: $gray-light; +//** Abbreviations and acronyms border color +$abbr-border-color: $gray-light; +//** Headings small color +$headings-small-color: $text-color; +//** Blockquote small color +$blockquote-small-color: $text-color; +//** Blockquote font size +$blockquote-font-size: ($font-size-base * 1.25); +//** Blockquote border color +$blockquote-border-color: $gray-light; +//** Page header border color +$page-header-border-color: $gray-lighter; +//** Width of horizontal description list titles +$dl-horizontal-offset: $component-offset-horizontal; +//** Horizontal line color. +$hr-border: $gray-light; diff --git a/superhero/variables.less b/superhero/variables.less index c164f694..feb7b07d 100644 --- a/superhero/variables.less +++ b/superhero/variables.less @@ -129,13 +129,13 @@ //** Default background color used for all tables. @table-bg: transparent; //** Background color used for `.table-striped`. -@table-bg-accent: @well-bg; +@table-bg-accent: @gray-light; //** Background color used for `.table-hover`. -@table-bg-hover: darken(@well-bg, 3%); +@table-bg-hover: darken(@gray-light, 3%); @table-bg-active: @table-bg-hover; //** Border color for table and cell borders. -@table-border-color: @navbar-default-bg; +@table-border-color: @gray-light; //== Buttons @@ -145,7 +145,7 @@ @btn-font-weight: normal; @btn-default-color: #fff; -@btn-default-bg: @navbar-default-bg; +@btn-default-bg: @gray-light; @btn-default-border: transparent; @btn-primary-color: #fff; @@ -207,7 +207,7 @@ @input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2); @legend-color: @text-color; -@legend-border-color: @table-border-color; +@legend-border-color: @gray-light; //** Background color for textual input addons @input-group-addon-bg: @btn-default-bg; @@ -223,7 +223,7 @@ //## Dropdown menu container and contents. //** Background for the dropdown menu. -@dropdown-bg: @well-bg; +@dropdown-bg: @gray-light; //** Dropdown menu `border-color`. @dropdown-border: transparent; //** Dropdown menu `border-color` **for IE8**. @@ -236,7 +236,7 @@ //** Hover color for dropdown links. @dropdown-link-hover-color: @text-color; //** Hover background for dropdown links. -@dropdown-link-hover-bg: @navbar-default-link-hover-bg; +@dropdown-link-hover-bg: darken(@gray-light, 3%); //** Active dropdown menu item text color. @dropdown-link-active-color: @component-active-color; @@ -355,15 +355,15 @@ @navbar-collapse-max-height: 340px; @navbar-default-color: @text-color; -@navbar-default-bg: #4E5D6C; +@navbar-default-bg: @gray-light; @navbar-default-border: transparent; // Navbar links @navbar-default-link-color: @text-color; @navbar-default-link-hover-color: @navbar-default-link-color; -@navbar-default-link-hover-bg: darken(@navbar-default-bg, 3%); +@navbar-default-link-hover-bg: @dropdown-link-hover-bg; @navbar-default-link-active-color: @navbar-default-link-color; -@navbar-default-link-active-bg: darken(@navbar-default-bg, 3%); +@navbar-default-link-active-bg: @dropdown-link-hover-bg; @navbar-default-link-disabled-color: #ccc; @navbar-default-link-disabled-bg: transparent; @@ -410,22 +410,22 @@ //=== Shared nav styles @nav-link-padding: 10px 15px; -@nav-link-hover-bg: @well-bg; +@nav-link-hover-bg: @gray-light; -@nav-disabled-link-color: @well-bg; -@nav-disabled-link-hover-color: @well-bg; +@nav-disabled-link-color: @gray-light; +@nav-disabled-link-hover-color: @gray-light; //== Tabs @nav-tabs-border-color: transparent; -@nav-tabs-link-hover-border-color: @table-border-color; +@nav-tabs-link-hover-border-color: @gray-light; @nav-tabs-active-link-hover-bg: @body-bg; @nav-tabs-active-link-hover-color: @text-color; -@nav-tabs-active-link-hover-border-color: @table-border-color; +@nav-tabs-active-link-hover-border-color: @gray-light; -@nav-tabs-justified-link-border-color: @table-border-color; -@nav-tabs-justified-active-link-border-color: @table-border-color; +@nav-tabs-justified-link-border-color: @gray-light; +@nav-tabs-justified-active-link-border-color: @gray-light; //== Pills @nav-pills-border-radius: @border-radius-base; @@ -438,7 +438,7 @@ //## @pagination-color: @text-color; -@pagination-bg: @well-bg; +@pagination-bg: @gray-light; @pagination-border: transparent; @pagination-hover-color: @text-color; @@ -450,7 +450,7 @@ @pagination-active-border: transparent; @pagination-disabled-color: darken(@table-bg-hover, 10%); -@pagination-disabled-bg: @well-bg; +@pagination-disabled-bg: @gray-light; @pagination-disabled-border: transparent; @@ -476,7 +476,7 @@ @jumbotron-padding: 30px; @jumbotron-color: inherit; -@jumbotron-bg: @well-bg; +@jumbotron-bg: @gray-light; @jumbotron-heading-color: inherit; @jumbotron-font-size: ceil((@font-size-base * 1.5)); @@ -525,7 +525,7 @@ //## //** Popover body background color -@popover-bg: @well-bg; +@popover-bg: @gray-light; //** Popover maximum width @popover-max-width: 276px; //** Popover border color @@ -585,7 +585,7 @@ @modal-title-line-height: @line-height-base; //** Background color of modal content area -@modal-content-bg: @well-bg; +@modal-content-bg: @gray-light; //** Modal content border color @modal-content-border-color: transparent; //** Modal content border color **for IE8** @@ -635,7 +635,7 @@ //## //** Background color of the whole progress component -@progress-bg: @well-bg; +@progress-bg: @gray-light; //** Progress bar text color @progress-bar-color: #fff; //** Variable for setting rounded corners on progress bar. @@ -658,7 +658,7 @@ //## //** Background color on `.list-group-item` -@list-group-bg: @well-bg; +@list-group-bg: @gray-light; //** `.list-group-item` border color @list-group-border: transparent; //** List group border radius @@ -691,7 +691,7 @@ // //## -@panel-bg: @well-bg; +@panel-bg: @gray-light; @panel-body-padding: 15px; @panel-heading-padding: 10px 15px; @panel-footer-padding: @panel-heading-padding; @@ -747,9 +747,9 @@ //== Wells // -//## +//## -@well-bg: @table-border-color; +@well-bg: @gray-light; @well-border: transparent; @@ -779,7 +779,7 @@ @breadcrumb-padding-vertical: 8px; @breadcrumb-padding-horizontal: 15px; //** Breadcrumb background color -@breadcrumb-bg: @well-bg; +@breadcrumb-bg: @gray-light; //** Breadcrumb text color @breadcrumb-color: @text-color; //** Text color of current page in the breadcrumb @@ -837,9 +837,9 @@ //** Horizontal offset for forms and lists. @component-offset-horizontal: 180px; //** Text muted color -@text-muted: @table-border-color; +@text-muted: @gray-light; //** Abbreviations and acronyms border color -@abbr-border-color: @table-border-color; +@abbr-border-color: @gray-light; //** Headings small color @headings-small-color: @text-color; //** Blockquote small color @@ -847,10 +847,10 @@ //** Blockquote font size @blockquote-font-size: (@font-size-base * 1.25); //** Blockquote border color -@blockquote-border-color: @table-border-color; +@blockquote-border-color: @gray-light; //** Page header border color @page-header-border-color: @gray-lighter; //** Width of horizontal description list titles @dl-horizontal-offset: @component-offset-horizontal; //** Horizontal line color. -@hr-border: @table-border-color; +@hr-border: @gray-light; diff --git a/united/_bootswatch.scss b/united/_bootswatch.scss new file mode 100644 index 00000000..e34037ca --- /dev/null +++ b/united/_bootswatch.scss @@ -0,0 +1,42 @@ +// United 3.3.0 +// Bootswatch +// ----------------------------------------------------- + +@import url("//fonts.googleapis.com/css?family=Ubuntu"); + +// Navbar ===================================================================== + +.navbar { + + &-default { + + .badge { + background-color: #fff; + color: $navbar-default-bg; + } + } + + &-inverse { + + .badge { + background-color: #fff; + color: $navbar-inverse-bg; + } + } +} + +// Buttons ==================================================================== + +// Typography ================================================================= + +// Tables ===================================================================== + +// Forms ====================================================================== + +// Navs ======================================================================= + +// Indicators ================================================================= + +// Progress bars ============================================================== + +// Containers =================================================================
\ No newline at end of file diff --git a/united/_variables.scss b/united/_variables.scss new file mode 100644 index 00000000..b4add549 --- /dev/null +++ b/united/_variables.scss @@ -0,0 +1,856 @@ +// United 3.3.0 +// Variables +// -------------------------------------------------- + + +//== Colors +// +//## Gray and brand colors for use across Bootstrap. + +$gray-base: #000; +$gray-darker: lighten($gray-base, 13.5%); // #222 +$gray-dark: #333; // #333 +$gray: #777; // #555 +$gray-light: #AEA79F; // #999 +$gray-lighter: lighten($gray-base, 93.5%); // #eee + +$brand-primary: #DD4814; +$brand-success: #38B44A; +$brand-info: #772953; +$brand-warning: #EFB73E; +$brand-danger: #DF382C; + + +//== Scaffolding +// +//## Settings for some of the most global styles. + +//** Background color for `<body>`. +$body-bg: #fff; +//** Global text color on `<body>`. +$text-color: $gray-dark; + +//** Global textual link color. +$link-color: $brand-primary; +//** Link hover color set via `darken()` function. +$link-hover-color: darken($link-color, 15%); +//** Link hover decoration. +$link-hover-decoration: underline; + + +//== Typography +// +//## Font, line-height, and color for body text, headings, and more. + +$font-family-sans-serif: "Ubuntu", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; +$font-family-serif: Georgia, "Times New Roman", Times, serif; +//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. +$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; +$font-family-base: $font-family-sans-serif; + +$font-size-base: 14px; +$font-size-large: ceil(($font-size-base * 1.25)); // ~18px +$font-size-small: ceil(($font-size-base * 0.85)); // ~12px + +$font-size-h1: floor(($font-size-base * 2.6)); // ~36px +$font-size-h2: floor(($font-size-base * 2.15)); // ~30px +$font-size-h3: ceil(($font-size-base * 1.7)); // ~24px +$font-size-h4: ceil(($font-size-base * 1.25)); // ~18px +$font-size-h5: $font-size-base; +$font-size-h6: ceil(($font-size-base * 0.85)); // ~12px + +//** Unit-less `line-height` for use in components like buttons. +$line-height-base: 1.428571429; // 20/14 +//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. +$line-height-computed: floor(($font-size-base * $line-height-base)); // ~20px + +//** By default, this inherits from the `<body>`. +$headings-font-family: $font-family-base; +$headings-font-weight: 500; +$headings-line-height: 1.1; +$headings-color: inherit; + + +//== Iconography +// +//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. + +//** Load fonts from this directory. +$icon-font-path: "../fonts/"; +//** File name for all font files. +$icon-font-name: "glyphicons-halflings-regular"; +//** Element ID within SVG icon file. +$icon-font-svg-id: "glyphicons_halflingsregular"; + + +//== Components +// +//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). + +$padding-base-vertical: 8px; +$padding-base-horizontal: 12px; + +$padding-large-vertical: 14px; +$padding-large-horizontal: 16px; + +$padding-small-vertical: 5px; +$padding-small-horizontal: 10px; + +$padding-xs-vertical: 1px; +$padding-xs-horizontal: 5px; + +$line-height-large: 1.33; +$line-height-small: 1.5; + +$border-radius-base: 4px; +$border-radius-large: 6px; +$border-radius-small: 3px; + +//** Global color for active items (e.g., navs or dropdowns). +$component-active-color: #fff; +//** Global background color for active items (e.g., navs or dropdowns). +$component-active-bg: $brand-primary; + +//** Width of the `border` for generating carets that indicator dropdowns. +$caret-width-base: 4px; +//** Carets increase slightly in size for larger components. +$caret-width-large: 5px; + + +//== Tables +// +//## Customizes the `.table` component with basic values, each used across all table variations. + +//** Padding for `<th>`s and `<td>`s. +$table-cell-padding: 8px; +//** Padding for cells in `.table-condensed`. +$table-condensed-cell-padding: 5px; + +//** Default background color used for all tables. +$table-bg: transparent; +//** Background color used for `.table-striped`. +$table-bg-accent: #f9f9f9; +//** Background color used for `.table-hover`. +$table-bg-hover: #f5f5f5; +$table-bg-active: $table-bg-hover; + +//** Border color for table and cell borders. +$table-border-color: #ddd; + + +//== Buttons +// +//## For each of Bootstrap's buttons, define text, background and border color. + +$btn-font-weight: normal; + +$btn-default-color: #fff; +$btn-default-bg: $gray-light; +$btn-default-border: $btn-default-bg; + +$btn-primary-color: $btn-default-color; +$btn-primary-bg: $brand-primary; +$btn-primary-border: $btn-primary-bg; + +$btn-success-color: $btn-default-color; +$btn-success-bg: $brand-success; +$btn-success-border: $btn-success-bg; + +$btn-info-color: $btn-default-color; +$btn-info-bg: $brand-info; +$btn-info-border: $btn-info-bg; + +$btn-warning-color: $btn-default-color; +$btn-warning-bg: $brand-warning; +$btn-warning-border: $btn-warning-bg; + +$btn-danger-color: $btn-default-color; +$btn-danger-bg: $brand-danger; +$btn-danger-border: $btn-danger-bg; + +$btn-link-disabled-color: $gray-light; + + +//== Forms +// +//## + +//** `<input>` background color +$input-bg: #fff; +//** `<input disabled>` background color +$input-bg-disabled: $gray-lighter; + +//** Text color for `<input>`s +$input-color: $text-color; +//** `<input>` border color +$input-border: #ccc; + +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 +//** Default `.form-control` border radius +$input-border-radius: $border-radius-base; +//** Large `.form-control` border radius +$input-border-radius-large: $border-radius-large; +//** Small `.form-control` border radius +$input-border-radius-small: $border-radius-small; + +//** Border color for inputs on focus +$input-border-focus: #66afe9; + +//** Placeholder text color +$input-color-placeholder: $gray-light; + +//** Default `.form-control` height +$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2); +//** Large `.form-control` height +$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2); +//** Small `.form-control` height +$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2); + +$legend-color: $text-color; +$legend-border-color: #e5e5e5; + +//** Background color for textual input addons +$input-group-addon-bg: $gray-lighter; +//** Border color for textual input addons +$input-group-addon-border-color: $input-border; + +//** Disabled cursor for form controls and buttons. +$cursor-disabled: not-allowed; + + +//== Dropdowns +// +//## Dropdown menu container and contents. + +//** Background for the dropdown menu. +$dropdown-bg: #fff; +//** Dropdown menu `border-color`. +$dropdown-border: rgba(0,0,0,.15); +//** Dropdown menu `border-color` **for IE8**. +$dropdown-fallback-border: #ccc; +//** Divider color for between dropdown items. +$dropdown-divider-bg: #e5e5e5; + +//** Dropdown link text color. +$dropdown-link-color: $gray-dark; +//** Hover color for dropdown links. +$dropdown-link-hover-color: #fff; +//** Hover background for dropdown links. +$dropdown-link-hover-bg: $component-active-bg; + +//** Active dropdown menu item text color. +$dropdown-link-active-color: #fff; +//** Active dropdown menu item background color. +$dropdown-link-active-bg: $component-active-bg; + +//** Disabled dropdown menu item background color. +$dropdown-link-disabled-color: $gray-light; + +//** Text color for headers within dropdown menus. +$dropdown-header-color: $gray-light; + +//** Deprecated `$dropdown-caret-color` as of v3.1.0 +$dropdown-caret-color: #000; + + +//-- Z-index master list +// +// Warning: Avoid customizing these values. They're used for a bird's eye view +// of components dependent on the z-axis and are designed to all work together. +// +// Note: These variables are not generated into the Customizer. + +$zindex-navbar: 1000; +$zindex-dropdown: 1000; +$zindex-popover: 1060; +$zindex-tooltip: 1070; +$zindex-navbar-fixed: 1030; +$zindex-modal: 1040; + + +//== Media queries breakpoints +// +//## Define the breakpoints at which your layout will change, adapting to different screen sizes. + +// Extra small screen / phone +//** Deprecated `$screen-xs` as of v3.0.1 +$screen-xs: 480px; +//** Deprecated `$screen-xs-min` as of v3.2.0 +$screen-xs-min: $screen-xs; +//** Deprecated `$screen-phone` as of v3.0.1 +$screen-phone: $screen-xs-min; + +// Small screen / tablet +//** Deprecated `$screen-sm` as of v3.0.1 +$screen-sm: 768px; +$screen-sm-min: $screen-sm; +//** Deprecated `$screen-tablet` as of v3.0.1 +$screen-tablet: $screen-sm-min; + +// Medium screen / desktop +//** Deprecated `$screen-md` as of v3.0.1 +$screen-md: 992px; +$screen-md-min: $screen-md; +//** Deprecated `$screen-desktop` as of v3.0.1 +$screen-desktop: $screen-md-min; + +// Large screen / wide desktop +//** Deprecated `$screen-lg` as of v3.0.1 +$screen-lg: 1200px; +$screen-lg-min: $screen-lg; +//** Deprecated `$screen-lg-desktop` as of v3.0.1 +$screen-lg-desktop: $screen-lg-min; + +// So media queries don't overlap when required, provide a maximum +$screen-xs-max: ($screen-sm-min - 1); +$screen-sm-max: ($screen-md-min - 1); +$screen-md-max: ($screen-lg-min - 1); + + +//== Grid system +// +//## Define your custom responsive grid. + +//** Number of columns in the grid. +$grid-columns: 12; +//** Padding between columns. Gets divided in half for the left and right. +$grid-gutter-width: 30px; +// Navbar collapse +//** Point at which the navbar becomes uncollapsed. +$grid-float-breakpoint: $screen-sm-min; +//** Point at which the navbar begins collapsing. +$grid-float-breakpoint-max: ($grid-float-breakpoint - 1); + + +//== Container sizes +// +//## Define the maximum width of `.container` for different screen sizes. + +// Small screen / tablet +$container-tablet: (720px + $grid-gutter-width); +//** For `$screen-sm-min` and up. +$container-sm: $container-tablet; + +// Medium screen / desktop +$container-desktop: (940px + $grid-gutter-width); +//** For `$screen-md-min` and up. +$container-md: $container-desktop; + +// Large screen / wide desktop +$container-large-desktop: (1140px + $grid-gutter-width); +//** For `$screen-lg-min` and up. +$container-lg: $container-large-desktop; + + +//== Navbar +// +//## + +// Basics of a navbar +$navbar-height: 50px; +$navbar-margin-bottom: $line-height-computed; +$navbar-border-radius: $border-radius-base; +$navbar-padding-horizontal: floor(($grid-gutter-width / 2)); +$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2); +$navbar-collapse-max-height: 340px; + +$navbar-default-color: #fff; +$navbar-default-bg: $brand-primary; +$navbar-default-border: darken($navbar-default-bg, 6.5%); + +// Navbar links +$navbar-default-link-color: #fff; +$navbar-default-link-hover-color: #fff; +$navbar-default-link-hover-bg: darken($navbar-default-bg, 15%); +$navbar-default-link-active-color: #fff; +$navbar-default-link-active-bg: darken($navbar-default-bg, 10%); +$navbar-default-link-disabled-color: #ccc; +$navbar-default-link-disabled-bg: transparent; + +// Navbar brand label +$navbar-default-brand-color: $navbar-default-link-color; +$navbar-default-brand-hover-color: #fff; +$navbar-default-brand-hover-bg: none; + +// Navbar toggle +$navbar-default-toggle-hover-bg: darken($navbar-default-bg, 15%); +$navbar-default-toggle-icon-bar-bg: #fff; +$navbar-default-toggle-border-color: darken($navbar-default-bg, 15%); + + +// Inverted navbar +// Reset inverted navbar basics +$navbar-inverse-color: #fff; +$navbar-inverse-bg: $brand-info; +$navbar-inverse-border: darken($navbar-inverse-bg, 10%); + +// Inverted navbar links +$navbar-inverse-link-color: #fff; +$navbar-inverse-link-hover-color: #fff; +$navbar-inverse-link-hover-bg: darken($navbar-inverse-bg, 15%); +$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color; +$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%); +$navbar-inverse-link-disabled-color: #ccc; +$navbar-inverse-link-disabled-bg: transparent; + +// Inverted navbar brand label +$navbar-inverse-brand-color: $navbar-inverse-link-color; +$navbar-inverse-brand-hover-color: #fff; +$navbar-inverse-brand-hover-bg: none; + +// Inverted navbar toggle +$navbar-inverse-toggle-hover-bg: darken($navbar-inverse-bg, 15%); +$navbar-inverse-toggle-icon-bar-bg: #fff; +$navbar-inverse-toggle-border-color: darken($navbar-inverse-bg, 15%); + + +//== Navs +// +//## + +//=== Shared nav styles +$nav-link-padding: 10px 15px; +$nav-link-hover-bg: $gray-lighter; + +$nav-disabled-link-color: $gray-light; +$nav-disabled-link-hover-color: $gray-light; + +//== Tabs +$nav-tabs-border-color: #ddd; + +$nav-tabs-link-hover-border-color: $gray-lighter; + +$nav-tabs-active-link-hover-bg: $body-bg; +$nav-tabs-active-link-hover-color: $gray; +$nav-tabs-active-link-hover-border-color: #ddd; + +$nav-tabs-justified-link-border-color: #ddd; +$nav-tabs-justified-active-link-border-color: $body-bg; + +//== Pills +$nav-pills-border-radius: $border-radius-base; +$nav-pills-active-link-hover-bg: $component-active-bg; +$nav-pills-active-link-hover-color: $component-active-color; + + +//== Pagination +// +//## + +$pagination-color: $link-color; +$pagination-bg: #fff; +$pagination-border: #ddd; + +$pagination-hover-color: $link-hover-color; +$pagination-hover-bg: $gray-lighter; +$pagination-hover-border: #ddd; + +$pagination-active-color: $gray-light; +$pagination-active-bg: #f5f5f5; +$pagination-active-border: #ddd; + +$pagination-disabled-color: $gray-light; +$pagination-disabled-bg: #fff; +$pagination-disabled-border: #ddd; + + +//== Pager +// +//## + +$pager-bg: $pagination-bg; +$pager-border: $pagination-border; +$pager-border-radius: 15px; + +$pager-hover-bg: $pagination-hover-bg; + +$pager-active-bg: $pagination-active-bg; +$pager-active-color: $pagination-active-color; + +$pager-disabled-color: $gray-light; + + +//== Jumbotron +// +//## + +$jumbotron-padding: 30px; +$jumbotron-color: inherit; +$jumbotron-bg: $gray-lighter; +$jumbotron-heading-color: inherit; +$jumbotron-font-size: ceil(($font-size-base * 1.5)); + + +//== Form states and alerts +// +//## Define colors for form feedback states and, by default, alerts. + +$state-success-text: #468847; +$state-success-bg: #dff0d8; +$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%); + +$state-info-text: #3a87ad; +$state-info-bg: #d9edf7; +$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%); + +$state-warning-text: #c09853; +$state-warning-bg: #fcf8e3; +$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 3%); + +$state-danger-text: #b94a48; +$state-danger-bg: #f2dede; +$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 3%); + + +//== Tooltips +// +//## + +//** Tooltip max width +$tooltip-max-width: 200px; +//** Tooltip text color +$tooltip-color: #fff; +//** Tooltip background color +$tooltip-bg: rgba(0,0,0,.9); +$tooltip-opacity: .9; + +//** Tooltip arrow width +$tooltip-arrow-width: 5px; +//** Tooltip arrow color +$tooltip-arrow-color: $tooltip-bg; + + +//== Popovers +// +//## + +//** Popover body background color +$popover-bg: #fff; +//** Popover maximum width +$popover-max-width: 276px; +//** Popover border color +$popover-border-color: rgba(0,0,0,.2); +//** Popover fallback border color +$popover-fallback-border-color: #ccc; + +//** Popover title background color +$popover-title-bg: darken($popover-bg, 3%); + +//** Popover arrow width +$popover-arrow-width: 10px; +//** Popover arrow color +$popover-arrow-color: $popover-bg; + +//** Popover outer arrow width +$popover-arrow-outer-width: ($popover-arrow-width + 1); +//** Popover outer arrow color +$popover-arrow-outer-color: fadein($popover-border-color, 5%); +//** Popover outer arrow fallback color +$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%); + + +//== Labels +// +//## + +//** Default label background color +$label-default-bg: $btn-default-bg; +//** Primary label background color +$label-primary-bg: $brand-primary; +//** Success label background color +$label-success-bg: $brand-success; +//** Info label background color +$label-info-bg: $brand-info; +//** Warning label background color +$label-warning-bg: $brand-warning; +//** Danger label background color +$label-danger-bg: $brand-danger; + +//** Default label text color +$label-color: #fff; +//** Default text color of a linked label +$label-link-hover-color: #fff; + + +//== Modals +// +//## + +//** Padding applied to the modal body +$modal-inner-padding: 20px; + +//** Padding applied to the modal title +$modal-title-padding: 15px; +//** Modal title line-height +$modal-title-line-height: $line-height-base; + +//** Background color of modal content area +$modal-content-bg: #fff; +//** Modal content border color +$modal-content-border-color: rgba(0,0,0,.2); +//** Modal content border color **for IE8** +$modal-content-fallback-border-color: #999; + +//** Modal backdrop background color +$modal-backdrop-bg: #000; +//** Modal backdrop opacity +$modal-backdrop-opacity: .5; +//** Modal header border color +$modal-header-border-color: #e5e5e5; +//** Modal footer border color +$modal-footer-border-color: $modal-header-border-color; + +$modal-lg: 900px; +$modal-md: 600px; +$modal-sm: 300px; + + +//== Alerts +// +//## Define alert colors, border radius, and padding. + +$alert-padding: 15px; +$alert-border-radius: $border-radius-base; +$alert-link-font-weight: bold; + +$alert-success-bg: $state-success-bg; +$alert-success-text: $state-success-text; +$alert-success-border: $state-success-border; + +$alert-info-bg: $state-info-bg; +$alert-info-text: $state-info-text; +$alert-info-border: $state-info-border; + +$alert-warning-bg: $state-warning-bg; +$alert-warning-text: $state-warning-text; +$alert-warning-border: $state-warning-border; + +$alert-danger-bg: $state-danger-bg; +$alert-danger-text: $state-danger-text; +$alert-danger-border: $state-danger-border; + + +//== Progress bars +// +//## + +//** Background color of the whole progress component +$progress-bg: #f5f5f5; +//** Progress bar text color +$progress-bar-color: #fff; +//** Variable for setting rounded corners on progress bar. +$progress-border-radius: $border-radius-base; + +//** Default progress bar color +$progress-bar-bg: $brand-primary; +//** Success progress bar color +$progress-bar-success-bg: $brand-success; +//** Warning progress bar color +$progress-bar-warning-bg: $brand-warning; +//** Danger progress bar color +$progress-bar-danger-bg: $brand-danger; +//** Info progress bar color +$progress-bar-info-bg: $brand-info; + + +//== List group +// +//## + +//** Background color on `.list-group-item` +$list-group-bg: #fff; +//** `.list-group-item` border color +$list-group-border: #ddd; +//** List group border radius +$list-group-border-radius: $border-radius-base; + +//** Background color of single list items on hover +$list-group-hover-bg: #f5f5f5; +//** Text color of active list items +$list-group-active-color: $component-active-color; +//** Background color of active list items +$list-group-active-bg: $component-active-bg; +//** Border color of active list elements +$list-group-active-border: $list-group-active-bg; +//** Text color for content within active list items +$list-group-active-text-color: lighten($list-group-active-bg, 40%); + +//** Text color of disabled list items +$list-group-disabled-color: $gray-light; +//** Background color of disabled list items +$list-group-disabled-bg: $gray-lighter; +//** Text color for content within disabled list items +$list-group-disabled-text-color: $list-group-disabled-color; + +$list-group-link-color: #555; +$list-group-link-hover-color: $list-group-link-color; +$list-group-link-heading-color: #333; + + +//== Panels +// +//## + +$panel-bg: #fff; +$panel-body-padding: 15px; +$panel-heading-padding: 10px 15px; +$panel-footer-padding: $panel-heading-padding; +$panel-border-radius: $border-radius-base; + +//** Border color for elements within panels +$panel-inner-border: #ddd; +$panel-footer-bg: #f5f5f5; + +$panel-default-text: $gray-dark; +$panel-default-border: #ddd; +$panel-default-heading-bg: #f5f5f5; + +$panel-primary-text: #fff; +$panel-primary-border: $brand-primary; +$panel-primary-heading-bg: $brand-primary; + +$panel-success-text: $state-success-text; +$panel-success-border: $state-success-border; +$panel-success-heading-bg: $state-success-bg; + +$panel-info-text: $state-info-text; +$panel-info-border: $state-info-border; +$panel-info-heading-bg: $state-info-bg; + +$panel-warning-text: $state-warning-text; +$panel-warning-border: $state-warning-border; +$panel-warning-heading-bg: $state-warning-bg; + +$panel-danger-text: $state-danger-text; +$panel-danger-border: $state-danger-border; +$panel-danger-heading-bg: $state-danger-bg; + + +//== Thumbnails +// +//## + +//** Padding around the thumbnail image +$thumbnail-padding: 4px; +//** Thumbnail background color +$thumbnail-bg: $body-bg; +//** Thumbnail border color +$thumbnail-border: #ddd; +//** Thumbnail border radius +$thumbnail-border-radius: $border-radius-base; + +//** Custom text color for thumbnail captions +$thumbnail-caption-color: $text-color; +//** Padding around the thumbnail caption +$thumbnail-caption-padding: 9px; + + +//== Wells +// +//## + +$well-bg: #f5f5f5; +$well-border: darken($well-bg, 7%); + + +//== Badges +// +//## + +$badge-color: #fff; +//** Linked badge text color on hover +$badge-link-hover-color: #fff; +$badge-bg: $gray-light; + +//** Badge text color in active nav link +$badge-active-color: $link-color; +//** Badge background color in active nav link +$badge-active-bg: #fff; + +$badge-font-weight: bold; +$badge-line-height: 1; +$badge-border-radius: 10px; + + +//== Breadcrumbs +// +//## + +$breadcrumb-padding-vertical: 8px; +$breadcrumb-padding-horizontal: 15px; +//** Breadcrumb background color +$breadcrumb-bg: #f5f5f5; +//** Breadcrumb text color +$breadcrumb-color: #ccc; +//** Text color of current page in the breadcrumb +$breadcrumb-active-color: $gray-light; +//** Textual separator for between breadcrumb elements +$breadcrumb-separator: "/"; + + +//== Carousel +// +//## + +$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); + +$carousel-control-color: #fff; +$carousel-control-width: 15%; +$carousel-control-opacity: .5; +$carousel-control-font-size: 20px; + +$carousel-indicator-active-bg: #fff; +$carousel-indicator-border-color: #fff; + +$carousel-caption-color: #fff; + + +//== Close +// +//## + +$close-font-weight: bold; +$close-color: #000; +$close-text-shadow: 0 1px 0 #fff; + + +//== Code +// +//## + +$code-color: #c7254e; +$code-bg: #f9f2f4; + +$kbd-color: #fff; +$kbd-bg: #333; + +$pre-bg: #f5f5f5; +$pre-color: $gray-dark; +$pre-border-color: #ccc; +$pre-scrollable-max-height: 340px; + + +//== Type +// +//## + +//** Horizontal offset for forms and lists. +$component-offset-horizontal: 180px; +//** Text muted color +$text-muted: $gray-light; +//** Abbreviations and acronyms border color +$abbr-border-color: $gray-light; +//** Headings small color +$headings-small-color: $gray-light; +//** Blockquote small color +$blockquote-small-color: $gray-light; +//** Blockquote font size +$blockquote-font-size: ($font-size-base * 1.25); +//** Blockquote border color +$blockquote-border-color: $gray-lighter; +//** Page header border color +$page-header-border-color: $gray-lighter; +//** Width of horizontal description list titles +$dl-horizontal-offset: $component-offset-horizontal; +//** Horizontal line color. +$hr-border: $gray-lighter; diff --git a/united/variables.less b/united/variables.less index 7d9fca9b..04365146 100644 --- a/united/variables.less +++ b/united/variables.less @@ -236,7 +236,7 @@ //** Hover color for dropdown links. @dropdown-link-hover-color: #fff; //** Hover background for dropdown links. -@dropdown-link-hover-bg: @dropdown-link-active-bg; +@dropdown-link-hover-bg: @component-active-bg; //** Active dropdown menu item text color. @dropdown-link-active-color: #fff; @@ -244,10 +244,10 @@ @dropdown-link-active-bg: @component-active-bg; //** Disabled dropdown menu item background color. -@dropdown-link-disabled-color: @text-muted; +@dropdown-link-disabled-color: @gray-light; //** Text color for headers within dropdown menus. -@dropdown-header-color: @text-muted; +@dropdown-header-color: @gray-light; //** Deprecated `@dropdown-caret-color` as of v3.1.0 @dropdown-caret-color: #000; diff --git a/yeti/_bootswatch.scss b/yeti/_bootswatch.scss new file mode 100644 index 00000000..839f9826 --- /dev/null +++ b/yeti/_bootswatch.scss @@ -0,0 +1,437 @@ +// Yeti 3.3.0 +// Bootswatch +// ----------------------------------------------------- + +@import url("//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700"); + +// Navbar ===================================================================== + +.navbar { + border: none; + font-size: 13px; + font-weight: 300; + + .navbar-toggle:hover .icon-bar { + background-color: #b3b3b3; + } + + &-collapse { + border-top-color: $dropdown-divider-bg; + @include box-shadow(none); + } + + .btn { + padding-top: 6px; + padding-bottom: 6px; + } + + &-form { + margin-top: 7px; + margin-bottom: 5px; + + .form-control { + height: auto; + padding: $padding-xs-vertical $padding-xs-horizontal; + } + } + + .dropdown { + + &-menu { + border: none; + + > li > a, + > li > a:focus { + background-color: transparent; + font-size: 13px; + font-weight: 300; + } + } + + &-header { + color: rgba(255, 255, 255, 0.5); + } + + } + + &-default { + + .dropdown-menu { + background-color: $navbar-default-bg; + + > li > a, + > li > a:focus { + color: $navbar-default-color; + } + + > li > a:hover, + > .active > a, + > .active > a:hover { + background-color: $navbar-default-link-hover-bg; + } + } + } + + &-inverse { + + .dropdown-menu { + background-color: $navbar-inverse-bg; + + > li > a, + > li > a:focus { + color: $navbar-inverse-color; + } + + > li > a:hover, + > .active > a, + > .active > a:hover { + background-color: $navbar-inverse-link-hover-bg; + } + } + } +} + +// Buttons ==================================================================== + +.btn { + padding: $padding-base-vertical $padding-base-horizontal; + + &-lg { + padding: $padding-large-vertical $padding-large-horizontal; + } + + &-sm { + padding: $padding-small-vertical $padding-small-horizontal; + } + + &-xs { + padding: $padding-xs-vertical $padding-xs-horizontal; + } +} + +.btn-group { + + .btn ~ .dropdown-toggle { + padding-left: 16px; + padding-right: 16px; + } + + .dropdown-menu { + border-top-width: 0; + } + + &.dropup .dropdown-menu { + border-top-width: 1px; + border-bottom-width: 0; + margin-bottom: 0; + } + + .dropdown-toggle { + + &.btn-default ~ .dropdown-menu { + background-color: $btn-default-bg; + border-color: $btn-default-border; + + > li > a { + color: $btn-default-color; + } + + > li > a:hover { + background-color: darken($btn-default-bg, 8%); + } + } + + &.btn-primary ~ .dropdown-menu { + background-color: $btn-primary-bg; + border-color: $btn-primary-border; + + > li > a { + color: $btn-primary-color; + } + + > li > a:hover { + background-color: darken($btn-primary-bg, 8%); + } + } + + &.btn-success ~ .dropdown-menu { + background-color: $btn-success-bg; + border-color: $btn-success-border; + + > li > a { + color: $btn-success-color; + } + + > li > a:hover { + background-color: darken($btn-success-bg, 8%); + } + } + + &.btn-info ~ .dropdown-menu { + background-color: $btn-info-bg; + border-color: $btn-info-border; + + > li > a { + color: $btn-info-color; + } + + > li > a:hover { + background-color: darken($btn-info-bg, 8%); + } + } + + &.btn-warning ~ .dropdown-menu { + background-color: $btn-warning-bg; + border-color: $btn-warning-border; + + > li > a { + color: $btn-warning-color; + } + + > li > a:hover { + background-color: darken($btn-warning-bg, 8%); + } + } + + &.btn-danger ~ .dropdown-menu { + background-color: $btn-danger-bg; + border-color: $btn-danger-border; + + > li > a { + color: $btn-danger-color; + } + + > li > a:hover { + background-color: darken($btn-danger-bg, 8%); + } + } + } +} + +// Typography ================================================================= + +.lead { + color: $gray; +} + +cite { + font-style: italic; +} + +blockquote { + border-left-width: 1px; + color: $gray; + + &.pull-right { + border-right-width: 1px; + } + + small { + font-size: $font-size-small; + font-weight: 300; + } +} + +// Tables ===================================================================== + +table { + font-size: $font-size-small; +} + +// Forms ====================================================================== + +label, +.control-label, +.help-block, +.checkbox, +.radio { + font-size: $font-size-small; + font-weight: normal; +} + +input[type="radio"], +input[type="checkbox"] { + margin-top: 1px; +} + +// Navs ======================================================================= + +.nav { + .open > a, + .open > a:hover, + .open > a:focus { + border-color: transparent; + } +} + +.nav-tabs { + > li > a { + background-color: $btn-default-bg; + color: $text-color; + } + + .caret { + border-top-color: $text-color; + border-bottom-color: $text-color; + } +} + +.nav-pills { + font-weight: 300; +} + +.breadcrumb { + border: 1px solid $table-border-color; + border-radius: 3px; + font-size: 10px; + font-weight: 300; + text-transform: uppercase; +} + +.pagination { + font-size: $font-size-small; + font-weight: 300; + color: $gray-light; + + > li { + > a, + > span { + margin-left: 4px; + color: $gray-light; + } + } + + > .active { + > a, + > span { + color: #fff; + } + } + + > li, + > li:first-child, + > li:last-child { + > a, + > span { + border-radius: 3px; + } + } + + &-lg > li > a { + padding-left: 22px; + padding-right: 22px; + } + + &-sm > li > a { + padding: 0 5px; + } +} + +.pager { + font-size: $font-size-small; + font-weight: 300; + color: $gray-light; +} + +.list-group { + font-size: $font-size-small; + font-weight: 300; +} + +// Indicators ================================================================= + +.close { + opacity: 0.4; + text-decoration: none; + text-shadow: none; + + &:hover, + &:focus { + opacity: 1; + } +} + +.alert { + font-size: $font-size-small; + font-weight: 300; + + .alert-link { + font-weight: normal; + color: #fff; + text-decoration: underline; + } +} + +.label { + padding-left: 1em; + padding-right: 1em; + border-radius: 0; + font-weight: 300; + + &-default { + background-color: $btn-default-bg; + color: $btn-default-color; + } +} + +.badge { + font-weight: 300; +} + +// Progress bars ============================================================== + +.progress { + height: 22px; + padding: 2px; + background-color: #f6f6f6; + border: 1px solid #ccc; + @include box-shadow(none); +} + +// Containers ================================================================= + +.dropdown { + + &-menu { + padding: 0; + margin-top: 0; + font-size: $font-size-small; + + > li > a { + padding: 12px 15px; + } + } + + &-header { + padding-left: 15px; + padding-right: 15px; + font-size: 9px; + text-transform: uppercase; + } +} + +.popover { + color: #fff; + font-size: 12px; + font-weight: 300; +} + +.panel { + &-heading, + &-footer { + border-top-right-radius: 0; + border-top-left-radius: 0; + } + + &-default { + .close { + color: $text-color; + } + } +} + +.modal { + .close { + color: $text-color; + } +} diff --git a/yeti/_variables.scss b/yeti/_variables.scss new file mode 100644 index 00000000..aa203495 --- /dev/null +++ b/yeti/_variables.scss @@ -0,0 +1,856 @@ +// Yeti 3.3.0 +// Variables +// -------------------------------------------------- + + +//== Colors +// +//## Gray and brand colors for use across Bootstrap. + +$gray-base: #000; +$gray-darker: lighten($gray-base, 13.5%); // #222 +$gray-dark: lighten($gray-base, 20%); // #333 +$gray: #6f6f6f; // #555 +$gray-light: lighten($gray-base, 60%); // #999 +$gray-lighter: lighten($gray-base, 93.5%); // #eee + +$brand-primary: #008cba; +$brand-success: #43ac6a; +$brand-info: #5bc0de; +$brand-warning: #E99002; +$brand-danger: #F04124; + + +//== Scaffolding +// +//## Settings for some of the most global styles. + +//** Background color for `<body>`. +$body-bg: #fff; +//** Global text color on `<body>`. +$text-color: $gray-darker; + +//** Global textual link color. +$link-color: $brand-primary; +//** Link hover color set via `darken()` function. +$link-hover-color: darken($link-color, 15%); +//** Link hover decoration. +$link-hover-decoration: underline; + + +//== Typography +// +//## Font, line-height, and color for body text, headings, and more. + +$font-family-sans-serif: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; +$font-family-serif: Georgia, "Times New Roman", Times, serif; +//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. +$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; +$font-family-base: $font-family-sans-serif; + +$font-size-base: 15px; +$font-size-large: ceil(($font-size-base * 1.25)); // ~18px +$font-size-small: 12px; // ~12px + +$font-size-h1: floor(($font-size-base * 2.6)); // ~36px +$font-size-h2: floor(($font-size-base * 2.15)); // ~30px +$font-size-h3: ceil(($font-size-base * 1.7)); // ~24px +$font-size-h4: ceil(($font-size-base * 1.25)); // ~18px +$font-size-h5: $font-size-base; +$font-size-h6: ceil(($font-size-base * 0.85)); // ~12px + +//** Unit-less `line-height` for use in components like buttons. +$line-height-base: 1.4; +//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. +$line-height-computed: floor(($font-size-base * $line-height-base)); // ~20px + +//** By default, this inherits from the `<body>`. +$headings-font-family: $font-family-base; +$headings-font-weight: 300; +$headings-line-height: 1.1; +$headings-color: inherit; + + +//== Iconography +// +//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. + +//** Load fonts from this directory. +$icon-font-path: "../fonts/"; +//** File name for all font files. +$icon-font-name: "glyphicons-halflings-regular"; +//** Element ID within SVG icon file. +$icon-font-svg-id: "glyphicons_halflingsregular"; + + +//== Components +// +//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). + +$padding-base-vertical: 8px; +$padding-base-horizontal: 12px; + +$padding-large-vertical: 16px; +$padding-large-horizontal: 20px; + +$padding-small-vertical: 8px; +$padding-small-horizontal: 12px; + +$padding-xs-vertical: 4px; +$padding-xs-horizontal: 6px; + +$line-height-large: 1.33; +$line-height-small: 1.5; + +$border-radius-base: 0; +$border-radius-large: 0; +$border-radius-small: 0; + +//** Global color for active items (e.g., navs or dropdowns). +$component-active-color: #fff; +//** Global background color for active items (e.g., navs or dropdowns). +$component-active-bg: $brand-primary; + +//** Width of the `border` for generating carets that indicator dropdowns. +$caret-width-base: 4px; +//** Carets increase slightly in size for larger components. +$caret-width-large: 5px; + + +//== Tables +// +//## Customizes the `.table` component with basic values, each used across all table variations. + +//** Padding for `<th>`s and `<td>`s. +$table-cell-padding: 8px; +//** Padding for cells in `.table-condensed`. +$table-condensed-cell-padding: 5px; + +//** Default background color used for all tables. +$table-bg: transparent; +//** Background color used for `.table-striped`. +$table-bg-accent: #f9f9f9; +//** Background color used for `.table-hover`. +$table-bg-hover: #f5f5f5; +$table-bg-active: $table-bg-hover; + +//** Border color for table and cell borders. +$table-border-color: #ddd; + + +//== Buttons +// +//## For each of Bootstrap's buttons, define text, background and border color. + +$btn-font-weight: normal; + +$btn-default-color: $gray-dark; +$btn-default-bg: #e7e7e7; +$btn-default-border: #ccc; + +$btn-primary-color: #fff; +$btn-primary-bg: $brand-primary; +$btn-primary-border: darken($btn-primary-bg, 5%); + +$btn-success-color: #fff; +$btn-success-bg: $brand-success; +$btn-success-border: darken($btn-success-bg, 5%); + +$btn-info-color: #fff; +$btn-info-bg: $brand-info; +$btn-info-border: darken($btn-info-bg, 5%); + +$btn-warning-color: #fff; +$btn-warning-bg: $brand-warning; +$btn-warning-border: darken($btn-warning-bg, 5%); + +$btn-danger-color: #fff; +$btn-danger-bg: $brand-danger; +$btn-danger-border: darken($btn-danger-bg, 5%); + +$btn-link-disabled-color: $gray-light; + + +//== Forms +// +//## + +//** `<input>` background color +$input-bg: #fff; +//** `<input disabled>` background color +$input-bg-disabled: $gray-lighter; + +//** Text color for `<input>`s +$input-color: $gray; +//** `<input>` border color +$input-border: #ccc; + +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 +//** Default `.form-control` border radius +$input-border-radius: $border-radius-base; +//** Large `.form-control` border radius +$input-border-radius-large: $border-radius-large; +//** Small `.form-control` border radius +$input-border-radius-small: $border-radius-small; + +//** Border color for inputs on focus +$input-border-focus: #66afe9; + +//** Placeholder text color +$input-color-placeholder: $gray-light; + +//** Default `.form-control` height +$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2); +//** Large `.form-control` height +$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2); +//** Small `.form-control` height +$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2); + +$legend-color: $gray-dark; +$legend-border-color: #e5e5e5; + +//** Background color for textual input addons +$input-group-addon-bg: $gray-lighter; +//** Border color for textual input addons +$input-group-addon-border-color: $input-border; + +//** Disabled cursor for form controls and buttons. +$cursor-disabled: not-allowed; + + +//== Dropdowns +// +//## Dropdown menu container and contents. + +//** Background for the dropdown menu. +$dropdown-bg: #fff; +//** Dropdown menu `border-color`. +$dropdown-border: rgba(0,0,0,.15); +//** Dropdown menu `border-color` **for IE8**. +$dropdown-fallback-border: #ccc; +//** Divider color for between dropdown items. +$dropdown-divider-bg: rgba(0,0,0,.2); + +//** Dropdown link text color. +$dropdown-link-color: #555; +//** Hover color for dropdown links. +$dropdown-link-hover-color: darken($gray-dark, 5%); +//** Hover background for dropdown links. +$dropdown-link-hover-bg: #eee; + +//** Active dropdown menu item text color. +$dropdown-link-active-color: $component-active-color; +//** Active dropdown menu item background color. +$dropdown-link-active-bg: $component-active-bg; + +//** Disabled dropdown menu item background color. +$dropdown-link-disabled-color: $gray-light; + +//** Text color for headers within dropdown menus. +$dropdown-header-color: $gray-light; + +//** Deprecated `$dropdown-caret-color` as of v3.1.0 +$dropdown-caret-color: #000; + + +//-- Z-index master list +// +// Warning: Avoid customizing these values. They're used for a bird's eye view +// of components dependent on the z-axis and are designed to all work together. +// +// Note: These variables are not generated into the Customizer. + +$zindex-navbar: 1000; +$zindex-dropdown: 1000; +$zindex-popover: 1060; +$zindex-tooltip: 1070; +$zindex-navbar-fixed: 1030; +$zindex-modal: 1040; + + +//== Media queries breakpoints +// +//## Define the breakpoints at which your layout will change, adapting to different screen sizes. + +// Extra small screen / phone +//** Deprecated `$screen-xs` as of v3.0.1 +$screen-xs: 480px; +//** Deprecated `$screen-xs-min` as of v3.2.0 +$screen-xs-min: $screen-xs; +//** Deprecated `$screen-phone` as of v3.0.1 +$screen-phone: $screen-xs-min; + +// Small screen / tablet +//** Deprecated `$screen-sm` as of v3.0.1 +$screen-sm: 768px; +$screen-sm-min: $screen-sm; +//** Deprecated `$screen-tablet` as of v3.0.1 +$screen-tablet: $screen-sm-min; + +// Medium screen / desktop +//** Deprecated `$screen-md` as of v3.0.1 +$screen-md: 992px; +$screen-md-min: $screen-md; +//** Deprecated `$screen-desktop` as of v3.0.1 +$screen-desktop: $screen-md-min; + +// Large screen / wide desktop +//** Deprecated `$screen-lg` as of v3.0.1 +$screen-lg: 1200px; +$screen-lg-min: $screen-lg; +//** Deprecated `$screen-lg-desktop` as of v3.0.1 +$screen-lg-desktop: $screen-lg-min; + +// So media queries don't overlap when required, provide a maximum +$screen-xs-max: ($screen-sm-min - 1); +$screen-sm-max: ($screen-md-min - 1); +$screen-md-max: ($screen-lg-min - 1); + + +//== Grid system +// +//## Define your custom responsive grid. + +//** Number of columns in the grid. +$grid-columns: 12; +//** Padding between columns. Gets divided in half for the left and right. +$grid-gutter-width: 30px; +// Navbar collapse +//** Point at which the navbar becomes uncollapsed. +$grid-float-breakpoint: $screen-sm-min; +//** Point at which the navbar begins collapsing. +$grid-float-breakpoint-max: ($grid-float-breakpoint - 1); + + +//== Container sizes +// +//## Define the maximum width of `.container` for different screen sizes. + +// Small screen / tablet +$container-tablet: (720px + $grid-gutter-width); +//** For `$screen-sm-min` and up. +$container-sm: $container-tablet; + +// Medium screen / desktop +$container-desktop: (940px + $grid-gutter-width); +//** For `$screen-md-min` and up. +$container-md: $container-desktop; + +// Large screen / wide desktop +$container-large-desktop: (1140px + $grid-gutter-width); +//** For `$screen-lg-min` and up. +$container-lg: $container-large-desktop; + + +//== Navbar +// +//## + +// Basics of a navbar +$navbar-height: 45px; +$navbar-margin-bottom: $line-height-computed; +$navbar-border-radius: $border-radius-base; +$navbar-padding-horizontal: floor(($grid-gutter-width / 2)); +$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2); +$navbar-collapse-max-height: 340px; + +$navbar-default-color: #fff; +$navbar-default-bg: $gray-dark; +$navbar-default-border: darken($navbar-default-bg, 6.5%); + +// Navbar links +$navbar-default-link-color: #fff; +$navbar-default-link-hover-color: #fff; +$navbar-default-link-hover-bg: #272727; +$navbar-default-link-active-color: #fff; +$navbar-default-link-active-bg: #272727; +$navbar-default-link-disabled-color: #ccc; +$navbar-default-link-disabled-bg: transparent; + +// Navbar brand label +$navbar-default-brand-color: $navbar-default-link-color; +$navbar-default-brand-hover-color: $navbar-default-brand-color; +$navbar-default-brand-hover-bg: transparent; + +// Navbar toggle +$navbar-default-toggle-hover-bg: transparent; +$navbar-default-toggle-icon-bar-bg: #fff; +$navbar-default-toggle-border-color: transparent; + + +// Inverted navbar +// Reset inverted navbar basics +$navbar-inverse-color: #fff; +$navbar-inverse-bg: $brand-primary; +$navbar-inverse-border: darken($navbar-inverse-bg, 10%); + +// Inverted navbar links +$navbar-inverse-link-color: #fff; +$navbar-inverse-link-hover-color: #fff; +$navbar-inverse-link-hover-bg: darken($navbar-inverse-bg, 10%); +$navbar-inverse-link-active-color: #fff; +$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%); +$navbar-inverse-link-disabled-color: #444; +$navbar-inverse-link-disabled-bg: transparent; + +// Inverted navbar brand label +$navbar-inverse-brand-color: $navbar-inverse-link-color; +$navbar-inverse-brand-hover-color: #fff; +$navbar-inverse-brand-hover-bg: transparent; + +// Inverted navbar toggle +$navbar-inverse-toggle-hover-bg: transparent; +$navbar-inverse-toggle-icon-bar-bg: #fff; +$navbar-inverse-toggle-border-color: transparent; + + +//== Navs +// +//## + +//=== Shared nav styles +$nav-link-padding: 10px 15px; +$nav-link-hover-bg: $gray-lighter; + +$nav-disabled-link-color: $gray-light; +$nav-disabled-link-hover-color: $gray-light; + +//== Tabs +$nav-tabs-border-color: $table-border-color; + +$nav-tabs-link-hover-border-color: $gray-lighter; + +$nav-tabs-active-link-hover-bg: $body-bg; +$nav-tabs-active-link-hover-color: $gray; +$nav-tabs-active-link-hover-border-color: $table-border-color; + +$nav-tabs-justified-link-border-color: $table-border-color; +$nav-tabs-justified-active-link-border-color: $body-bg; + +//== Pills +$nav-pills-border-radius: $border-radius-base; +$nav-pills-active-link-hover-bg: $component-active-bg; +$nav-pills-active-link-hover-color: $component-active-color; + + +//== Pagination +// +//## + +$pagination-color: $link-color; +$pagination-bg: transparent; +$pagination-border: transparent; + +$pagination-hover-color: $link-hover-color; +$pagination-hover-bg: $gray-lighter; +$pagination-hover-border: transparent; + +$pagination-active-color: #fff; +$pagination-active-bg: $brand-primary; +$pagination-active-border: transparent; + +$pagination-disabled-color: $gray-light; +$pagination-disabled-bg: #fff; +$pagination-disabled-border: transparent; + + +//== Pager +// +//## + +$pager-bg: $pagination-bg; +$pager-border: $pagination-border; +$pager-border-radius: 3px; + +$pager-hover-bg: $pagination-hover-bg; + +$pager-active-bg: $pagination-active-bg; +$pager-active-color: $pagination-active-color; + +$pager-disabled-color: $gray-light; + + +//== Jumbotron +// +//## + +$jumbotron-padding: 30px; +$jumbotron-color: inherit; +$jumbotron-bg: #fafafa; +$jumbotron-heading-color: inherit; +$jumbotron-font-size: ceil(($font-size-base * 1.5)); + + +//== Form states and alerts +// +//## Define colors for form feedback states and, by default, alerts. + +$state-success-text: $brand-success; +$state-success-bg: #dff0d8; +$state-success-border: darken($state-success-text, 5%); + +$state-info-text: $brand-info; +$state-info-bg: #d9edf7; +$state-info-border: darken($state-info-text, 7%); + +$state-warning-text: $brand-warning; +$state-warning-bg: #fcf8e3; +$state-warning-border: darken($state-warning-text, 5%); + +$state-danger-text: $brand-danger; +$state-danger-bg: #f2dede; +$state-danger-border: darken($state-danger-text, 5%); + + +//== Tooltips +// +//## + +//** Tooltip max width +$tooltip-max-width: 200px; +//** Tooltip text color +$tooltip-color: #fff; +//** Tooltip background color +$tooltip-bg: $gray-dark; +$tooltip-opacity: .9; + +//** Tooltip arrow width +$tooltip-arrow-width: 5px; +//** Tooltip arrow color +$tooltip-arrow-color: $tooltip-bg; + + +//== Popovers +// +//## + +//** Popover body background color +$popover-bg: $gray-dark; +//** Popover maximum width +$popover-max-width: 276px; +//** Popover border color +$popover-border-color: transparent; +//** Popover fallback border color +$popover-fallback-border-color: $gray-dark; + +//** Popover title background color +$popover-title-bg: $popover-bg; + +//** Popover arrow width +$popover-arrow-width: 10px; +//** Popover arrow color +$popover-arrow-color: $popover-bg; + +//** Popover outer arrow width +$popover-arrow-outer-width: ($popover-arrow-width + 1); +//** Popover outer arrow color +$popover-arrow-outer-color: fadein($popover-border-color, 5%); +//** Popover outer arrow fallback color +$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%); + + +//== Labels +// +//## + +//** Default label background color +$label-default-bg: $gray-light; +//** Primary label background color +$label-primary-bg: $brand-primary; +//** Success label background color +$label-success-bg: $brand-success; +//** Info label background color +$label-info-bg: $brand-info; +//** Warning label background color +$label-warning-bg: $brand-warning; +//** Danger label background color +$label-danger-bg: $brand-danger; + +//** Default label text color +$label-color: #fff; +//** Default text color of a linked label +$label-link-hover-color: #fff; + + +//== Modals +// +//## + +//** Padding applied to the modal body +$modal-inner-padding: 20px; + +//** Padding applied to the modal title +$modal-title-padding: 15px; +//** Modal title line-height +$modal-title-line-height: $line-height-base; + +//** Background color of modal content area +$modal-content-bg: #fff; +//** Modal content border color +$modal-content-border-color: rgba(0,0,0,.2); +//** Modal content border color **for IE8** +$modal-content-fallback-border-color: #999; + +//** Modal backdrop background color +$modal-backdrop-bg: #000; +//** Modal backdrop opacity +$modal-backdrop-opacity: .5; +//** Modal header border color +$modal-header-border-color: #e5e5e5; +//** Modal footer border color +$modal-footer-border-color: $modal-header-border-color; + +$modal-lg: 900px; +$modal-md: 600px; +$modal-sm: 300px; + + +//== Alerts +// +//## Define alert colors, border radius, and padding. + +$alert-padding: 15px; +$alert-border-radius: $border-radius-base; +$alert-link-font-weight: bold; + +$alert-success-bg: $brand-success; +$alert-success-text: #fff; +$alert-success-border: $state-success-border; + +$alert-info-bg: $brand-info; +$alert-info-text: #fff; +$alert-info-border: $state-info-border; + +$alert-warning-bg: $brand-warning; +$alert-warning-text: #fff; +$alert-warning-border: $state-warning-border; + +$alert-danger-bg: $brand-danger; +$alert-danger-text: #fff; +$alert-danger-border: $state-danger-border; + + +//== Progress bars +// +//## + +//** Background color of the whole progress component +$progress-bg: #f5f5f5; +//** Progress bar text color +$progress-bar-color: #fff; +//** Variable for setting rounded corners on progress bar. +$progress-border-radius: $border-radius-base; + +//** Default progress bar color +$progress-bar-bg: $brand-primary; +//** Success progress bar color +$progress-bar-success-bg: $brand-success; +//** Warning progress bar color +$progress-bar-warning-bg: $brand-warning; +//** Danger progress bar color +$progress-bar-danger-bg: $brand-danger; +//** Info progress bar color +$progress-bar-info-bg: $brand-info; + + +//== List group +// +//## + +//** Background color on `.list-group-item` +$list-group-bg: #fff; +//** `.list-group-item` border color +$list-group-border: $table-border-color; +//** List group border radius +$list-group-border-radius: $border-radius-base; + +//** Background color of single list items on hover +$list-group-hover-bg: #f5f5f5; +//** Text color of active list items +$list-group-active-color: $component-active-color; +//** Background color of active list items +$list-group-active-bg: $component-active-bg; +//** Border color of active list elements +$list-group-active-border: $list-group-active-bg; +//** Text color for content within active list items +$list-group-active-text-color: lighten($list-group-active-bg, 40%); + +//** Text color of disabled list items +$list-group-disabled-color: $gray-light; +//** Background color of disabled list items +$list-group-disabled-bg: $gray-lighter; +//** Text color for content within disabled list items +$list-group-disabled-text-color: $list-group-disabled-color; + +$list-group-link-color: #555; +$list-group-link-hover-color: $list-group-link-color; +$list-group-link-heading-color: #333; + + +//== Panels +// +//## + +$panel-bg: #fff; +$panel-body-padding: 15px; +$panel-heading-padding: 10px 15px; +$panel-footer-padding: $panel-heading-padding; +$panel-border-radius: $border-radius-base; + +//** Border color for elements within panels +$panel-inner-border: $table-border-color; +$panel-footer-bg: #f5f5f5; + +$panel-default-text: $gray-dark; +$panel-default-border: $table-border-color; +$panel-default-heading-bg: #f5f5f5; + +$panel-primary-text: #fff; +$panel-primary-border: $brand-primary; +$panel-primary-heading-bg: $brand-primary; + +$panel-success-text: #fff; +$panel-success-border: $state-success-border; +$panel-success-heading-bg: $brand-success; + +$panel-info-text: #fff; +$panel-info-border: $state-info-border; +$panel-info-heading-bg: $brand-info; + +$panel-warning-text: #fff; +$panel-warning-border: $state-warning-border; +$panel-warning-heading-bg: $brand-warning; + +$panel-danger-text: #fff; +$panel-danger-border: $state-danger-border; +$panel-danger-heading-bg: $brand-danger; + + +//== Thumbnails +// +//## + +//** Padding around the thumbnail image +$thumbnail-padding: 4px; +//** Thumbnail background color +$thumbnail-bg: $body-bg; +//** Thumbnail border color +$thumbnail-border: $table-border-color; +//** Thumbnail border radius +$thumbnail-border-radius: $border-radius-base; + +//** Custom text color for thumbnail captions +$thumbnail-caption-color: $text-color; +//** Padding around the thumbnail caption +$thumbnail-caption-padding: 9px; + + +//== Wells +// +//## + +$well-bg: $jumbotron-bg; +$well-border: darken($well-bg, 7%); + + +//== Badges +// +//## + +$badge-color: #777; +//** Linked badge text color on hover +$badge-link-hover-color: #fff; +$badge-bg: $btn-default-bg; + +//** Badge text color in active nav link +$badge-active-color: $link-color; +//** Badge background color in active nav link +$badge-active-bg: #fff; + +$badge-font-weight: bold; +$badge-line-height: 1; +$badge-border-radius: 10px; + + +//== Breadcrumbs +// +//## + +$breadcrumb-padding-vertical: 8px; +$breadcrumb-padding-horizontal: 15px; +//** Breadcrumb background color +$breadcrumb-bg: #f5f5f5; +//** Breadcrumb text color +$breadcrumb-color: $gray-light; +//** Text color of current page in the breadcrumb +$breadcrumb-active-color: $gray-dark; +//** Textual separator for between breadcrumb elements +$breadcrumb-separator: "/"; + + +//== Carousel +// +//## + +$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); + +$carousel-control-color: #fff; +$carousel-control-width: 15%; +$carousel-control-opacity: .5; +$carousel-control-font-size: 20px; + +$carousel-indicator-active-bg: #fff; +$carousel-indicator-border-color: #fff; + +$carousel-caption-color: #fff; + + +//== Close +// +//## + +$close-font-weight: bold; +$close-color: #fff; +$close-text-shadow: 0 1px 0 #fff; + + +//== Code +// +//## + +$code-color: #c7254e; +$code-bg: #f9f2f4; + +$kbd-color: #fff; +$kbd-bg: #333; + +$pre-bg: #f5f5f5; +$pre-color: $gray-dark; +$pre-border-color: #ccc; +$pre-scrollable-max-height: 340px; + + +//== Type +// +//## + +//** Horizontal offset for forms and lists. +$component-offset-horizontal: 180px; +//** Text muted color +$text-muted: $gray-light; +//** Abbreviations and acronyms border color +$abbr-border-color: $gray-light; +//** Headings small color +$headings-small-color: $gray-light; +//** Blockquote small color +$blockquote-small-color: $gray; +//** Blockquote font size +$blockquote-font-size: ($font-size-base * 1.25); +//** Blockquote border color +$blockquote-border-color: $table-border-color; +//** Page header border color +$page-header-border-color: $table-border-color; +//** Width of horizontal description list titles +$dl-horizontal-offset: $component-offset-horizontal; +//** Horizontal line color. +$hr-border: $table-border-color; diff --git a/yeti/variables.less b/yeti/variables.less index 61e43526..75b3cb19 100644 --- a/yeti/variables.less +++ b/yeti/variables.less @@ -416,15 +416,15 @@ @nav-disabled-link-hover-color: @gray-light; //== Tabs -@nav-tabs-border-color: #ddd; +@nav-tabs-border-color: @table-border-color; @nav-tabs-link-hover-border-color: @gray-lighter; @nav-tabs-active-link-hover-bg: @body-bg; @nav-tabs-active-link-hover-color: @gray; -@nav-tabs-active-link-hover-border-color: #ddd; +@nav-tabs-active-link-hover-border-color: @table-border-color; -@nav-tabs-justified-link-border-color: #ddd; +@nav-tabs-justified-link-border-color: @table-border-color; @nav-tabs-justified-active-link-border-color: @body-bg; //== Pills @@ -660,7 +660,7 @@ //** Background color on `.list-group-item` @list-group-bg: #fff; //** `.list-group-item` border color -@list-group-border: #ddd; +@list-group-border: @table-border-color; //** List group border radius @list-group-border-radius: @border-radius-base; @@ -698,11 +698,11 @@ @panel-border-radius: @border-radius-base; //** Border color for elements within panels -@panel-inner-border: #ddd; +@panel-inner-border: @table-border-color; @panel-footer-bg: #f5f5f5; @panel-default-text: @gray-dark; -@panel-default-border: #ddd; +@panel-default-border: @table-border-color; @panel-default-heading-bg: #f5f5f5; @panel-primary-text: #fff; @@ -735,7 +735,7 @@ //** Thumbnail background color @thumbnail-bg: @body-bg; //** Thumbnail border color -@thumbnail-border: #ddd; +@thumbnail-border: @table-border-color; //** Thumbnail border radius @thumbnail-border-radius: @border-radius-base; @@ -847,10 +847,10 @@ //** Blockquote font size @blockquote-font-size: (@font-size-base * 1.25); //** Blockquote border color -@blockquote-border-color: @hr-border; +@blockquote-border-color: @table-border-color; //** Page header border color -@page-header-border-color: @hr-border; +@page-header-border-color: @table-border-color; //** Width of horizontal description list titles @dl-horizontal-offset: @component-offset-horizontal; //** Horizontal line color. -@hr-border: #ddd; +@hr-border: @table-border-color; |
