The npm configuration: - Includes linting of javascript with eslint The webpack setup here: - Bundles javascript and css, using hashing to support server-side caching, with support from Flask-Webpack and manifest-revision-webpack-plugin - Uses babel to transpile ES6 javascript - Includes a development server with hot-replacing of javascript and css codemaster
Will Roberts
8 years ago
parent
bceb85cf54
commit
119b102693
@ -1,3 +0,0 @@ |
||||
{ |
||||
"directory": "{{cookiecutter.app_name}}/static/libs" |
||||
} |
||||
@ -0,0 +1,19 @@ |
||||
{ |
||||
"extends": "airbnb-base", |
||||
"parser": "babel-eslint", |
||||
"rules": { |
||||
"no-param-reassign": 0, |
||||
"import/no-extraneous-dependencies": 0, |
||||
"import/prefer-default-export": 0, |
||||
"consistent-return": 0, |
||||
"no-confusing-arrow": 0, |
||||
"no-underscore-dangle": 0 |
||||
}, |
||||
"env": { |
||||
"browser": true, |
||||
"node": true |
||||
}, |
||||
"globals": { |
||||
"__dirname": true |
||||
} |
||||
} |
||||
@ -1,7 +0,0 @@ |
||||
{ |
||||
"name": "{{cookiecutter.app_name}}", |
||||
"dependencies": { |
||||
"bootstrap": "~3.2.0", |
||||
"jQuery": "~2.1.3" |
||||
} |
||||
} |
||||
@ -0,0 +1,14 @@ |
||||
/* |
||||
* Main Javascript file for {{cookiecutter.app_name}}. |
||||
* |
||||
* This file bundles all of your javascript together using webpack. |
||||
*/ |
||||
|
||||
// JavaScript modules
|
||||
require("jquery"); |
||||
require("font-awesome-webpack"); |
||||
require("bootstrap"); |
||||
|
||||
// Your own code
|
||||
require('./plugins.js'); |
||||
require('./script.js'); |
||||
@ -0,0 +1,52 @@ |
||||
{ |
||||
"name": "{{cookiecutter.app_name}}", |
||||
"version": "1.0.0", |
||||
"description": "{{cookiecutter.project_short_description}}", |
||||
"main": "js/main.js", |
||||
"directories": { |
||||
"test": "tests" |
||||
}, |
||||
"scripts": { |
||||
"test": "echo \"Error: no test specified\" && exit 1", |
||||
"build": "NODE_ENV=prod ./node_modules/.bin/webpack --progress --colors", |
||||
"start": "./node_modules/.bin/webpack-dev-server --port 2992 --hot --inline", |
||||
"lint": "eslint \"js/*.js\"" |
||||
}, |
||||
"repository": { |
||||
"type": "git", |
||||
"url": "git+https://github.com/{{cookiecutter.github_username}}/{{cookiecutter.app_name}}.git" |
||||
}, |
||||
"author": "{{cookiecutter.full_name}}", |
||||
"license": "ISC", |
||||
"bugs": { |
||||
"url": "https://github.com/{{cookiecutter.github_username}}/{{cookiecutter.app_name}}/issues" |
||||
}, |
||||
"homepage": "https://github.com/{{cookiecutter.github_username}}/{{cookiecutter.app_name}}#readme", |
||||
"dependencies": { |
||||
"bootstrap": "^3.3.7", |
||||
"font-awesome": "^4.7.0", |
||||
"jquery": "^3.2.1" |
||||
}, |
||||
"devDependencies": { |
||||
"babel-core": "^6.25.0", |
||||
"babel-eslint": "^7.2.3", |
||||
"babel-loader": "^7.0.0", |
||||
"babel-preset-es2015": "^6.24.1", |
||||
"copy-webpack-plugin": "^4.0.1", |
||||
"css-loader": "^0.28.4", |
||||
"eslint": "^3.19.0", |
||||
"eslint-config-airbnb-base": "^11.2.0", |
||||
"eslint-plugin-import": "^2.3.0", |
||||
"extract-text-webpack-plugin": "^2.1.2", |
||||
"file-loader": "^0.11.2", |
||||
"font-awesome-webpack": "0.0.5-beta.2", |
||||
"less": "^2.7.2", |
||||
"less-loader": "^4.0.4", |
||||
"manifest-revision-webpack-plugin": "^0.4.0", |
||||
"raw-loader": "^0.5.1", |
||||
"style-loader": "^0.18.2", |
||||
"url-loader": "^0.5.9", |
||||
"webpack": "^2.6.1", |
||||
"webpack-dev-server": "^2.4.5" |
||||
} |
||||
} |
||||
@ -0,0 +1,66 @@ |
||||
const webpack = require('webpack'); |
||||
|
||||
/* |
||||
* Webpack Plugins |
||||
*/ |
||||
const ExtractTextPlugin = require('extract-text-webpack-plugin'); |
||||
const CopyWebpackPlugin = require('copy-webpack-plugin'); |
||||
const ManifestRevisionPlugin = require('manifest-revision-webpack-plugin'); |
||||
|
||||
// take debug mode from the environment
|
||||
const debug = (process.env.NODE_ENV !== 'prod'); |
||||
|
||||
// Development asset host (webpack dev server)
|
||||
const publicHost = debug ? 'http://localhost:2992' : ''; |
||||
|
||||
module.exports = { |
||||
// configuration
|
||||
context: __dirname, |
||||
entry: { |
||||
main_js: './js/main', |
||||
main_css: [ |
||||
'./node_modules/font-awesome/css/font-awesome.css', |
||||
'./node_modules/bootstrap/dist/css/bootstrap.css', |
||||
'./css/style.css' |
||||
] |
||||
}, |
||||
output: { |
||||
path: __dirname + '/{{cookiecutter.app_name}}/static/assets', |
||||
publicPath: publicHost + '/static/assets/', |
||||
filename: '[name].[hash].js', |
||||
chunkFilename: '[id].[hash].js' |
||||
}, |
||||
resolve: { |
||||
extensions: ['.js', '.jsx', '.css'] |
||||
}, |
||||
devtool: debug ? '#inline-sourcemap' : null, |
||||
devServer: { |
||||
headers: { 'Access-Control-Allow-Origin': '*' } |
||||
}, |
||||
module: { |
||||
loaders: [ |
||||
{ test: /\.html$/, loader: 'raw-loader' }, |
||||
{ test: /\.less$/, loader: ExtractTextPlugin.extract({fallback: 'style-loader', use: 'css-loader!less-loader' }) }, |
||||
{ test: /\.css$/, loader: ExtractTextPlugin.extract({fallback: 'style-loader', use: 'css-loader' }) }, |
||||
{ test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: 'url-loader?limit=10000&mimetype=application/font-woff' }, |
||||
{ test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: 'file-loader' }, |
||||
{ test: /\.(png|jpe?g|gif|ico)(\?\S*)?$/, loader: 'url-loader?limit=100000' }, |
||||
{ test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader', query: { presets: ['es2015'], cacheDirectory: true } }, |
||||
] |
||||
}, |
||||
plugins: [ |
||||
new ExtractTextPlugin('[name].[hash].css'), |
||||
new webpack.ProvidePlugin({ $: 'jquery', |
||||
jQuery: 'jquery' }), |
||||
new ManifestRevisionPlugin(__dirname + '/{{cookiecutter.app_name}}/webpack/manifest.json', { |
||||
rootAssetPath: './{{cookiecutter.app_name}}/static', |
||||
ignorePaths: ['assets'] |
||||
}), |
||||
// add a webpack step to copy static files into place if needed
|
||||
//new CopyWebpackPlugin([
|
||||
// { from: '{{cookiecutter.app_name}}/static/img', to: `${__dirname}/{{cookiecutter.app_name}}/static/build/img` },
|
||||
//]),
|
||||
].concat(debug ? [] : [ |
||||
// production webpack plugins go here
|
||||
]) |
||||
}; |
||||
@ -1,23 +0,0 @@ |
||||
# -*- coding: utf-8 -*- |
||||
"""Application assets.""" |
||||
from flask_assets import Bundle, Environment |
||||
|
||||
css = Bundle( |
||||
'libs/bootstrap/dist/css/bootstrap.css', |
||||
'css/style.css', |
||||
filters='cssmin', |
||||
output='public/css/common.css' |
||||
) |
||||
|
||||
js = Bundle( |
||||
'libs/jQuery/dist/jquery.js', |
||||
'libs/bootstrap/dist/js/bootstrap.js', |
||||
'js/plugins.js', |
||||
filters='jsmin', |
||||
output='public/js/common.js' |
||||
) |
||||
|
||||
assets = Environment() |
||||
|
||||
assets.register('js_all', js) |
||||
assets.register('css_all', css) |
||||
@ -1,48 +0,0 @@ |
||||
{ |
||||
"name": "bootstrap", |
||||
"description": "The most popular front-end framework for developing responsive, mobile first projects on the web.", |
||||
"version": "3.3.4", |
||||
"keywords": [ |
||||
"css", |
||||
"js", |
||||
"less", |
||||
"mobile-first", |
||||
"responsive", |
||||
"front-end", |
||||
"framework", |
||||
"web" |
||||
], |
||||
"homepage": "http://getbootstrap.com", |
||||
"main": [ |
||||
"less/bootstrap.less", |
||||
"dist/css/bootstrap.css", |
||||
"dist/js/bootstrap.js", |
||||
"dist/fonts/glyphicons-halflings-regular.eot", |
||||
"dist/fonts/glyphicons-halflings-regular.svg", |
||||
"dist/fonts/glyphicons-halflings-regular.ttf", |
||||
"dist/fonts/glyphicons-halflings-regular.woff", |
||||
"dist/fonts/glyphicons-halflings-regular.woff2" |
||||
], |
||||
"ignore": [ |
||||
"/.*", |
||||
"_config.yml", |
||||
"CNAME", |
||||
"composer.json", |
||||
"CONTRIBUTING.md", |
||||
"docs", |
||||
"js/tests", |
||||
"test-infra" |
||||
], |
||||
"dependencies": { |
||||
"jquery": ">= 1.9.1" |
||||
}, |
||||
"_release": "3.3.4", |
||||
"_resolution": { |
||||
"type": "version", |
||||
"tag": "v3.3.4", |
||||
"commit": "a10eb60bc0b07b747fa0c4ebd8821eb7307bd07f" |
||||
}, |
||||
"_source": "git://github.com/twbs/bootstrap.git", |
||||
"_target": "~3.3.4", |
||||
"_originalSource": "bootstrap" |
||||
} |
||||
@ -1,533 +0,0 @@ |
||||
/*! |
||||
* Bootstrap's Gruntfile |
||||
* http://getbootstrap.com
|
||||
* Copyright 2013-2015 Twitter, Inc. |
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*/ |
||||
|
||||
module.exports = function (grunt) { |
||||
'use strict'; |
||||
|
||||
// Force use of Unix newlines
|
||||
grunt.util.linefeed = '\n'; |
||||
|
||||
RegExp.quote = function (string) { |
||||
return string.replace(/[-\\^$*+?.()|[\]{}]/g, '\\$&'); |
||||
}; |
||||
|
||||
var fs = require('fs'); |
||||
var path = require('path'); |
||||
var npmShrinkwrap = require('npm-shrinkwrap'); |
||||
var generateGlyphiconsData = require('./grunt/bs-glyphicons-data-generator.js'); |
||||
var BsLessdocParser = require('./grunt/bs-lessdoc-parser.js'); |
||||
var getLessVarsData = function () { |
||||
var filePath = path.join(__dirname, 'less/variables.less'); |
||||
var fileContent = fs.readFileSync(filePath, { encoding: 'utf8' }); |
||||
var parser = new BsLessdocParser(fileContent); |
||||
return { sections: parser.parseFile() }; |
||||
}; |
||||
var generateRawFiles = require('./grunt/bs-raw-files-generator.js'); |
||||
var generateCommonJSModule = require('./grunt/bs-commonjs-generator.js'); |
||||
var configBridge = grunt.file.readJSON('./grunt/configBridge.json', { encoding: 'utf8' }); |
||||
|
||||
Object.keys(configBridge.paths).forEach(function (key) { |
||||
configBridge.paths[key].forEach(function (val, i, arr) { |
||||
arr[i] = path.join('./docs/assets', val); |
||||
}); |
||||
}); |
||||
|
||||
// Project configuration.
|
||||
grunt.initConfig({ |
||||
|
||||
// Metadata.
|
||||
pkg: grunt.file.readJSON('package.json'), |
||||
banner: '/*!\n' + |
||||
' * Bootstrap v<%= pkg.version %> (<%= pkg.homepage %>)\n' + |
||||
' * Copyright 2011-<%= grunt.template.today("yyyy") %> <%= pkg.author %>\n' + |
||||
' * Licensed under the <%= pkg.license %> license\n' + |
||||
' */\n', |
||||
jqueryCheck: configBridge.config.jqueryCheck.join('\n'), |
||||
jqueryVersionCheck: configBridge.config.jqueryVersionCheck.join('\n'), |
||||
|
||||
// Task configuration.
|
||||
clean: { |
||||
dist: 'dist', |
||||
docs: 'docs/dist' |
||||
}, |
||||
|
||||
jshint: { |
||||
options: { |
||||
jshintrc: 'js/.jshintrc' |
||||
}, |
||||
grunt: { |
||||
options: { |
||||
jshintrc: 'grunt/.jshintrc' |
||||
}, |
||||
src: ['Gruntfile.js', 'package.js', 'grunt/*.js'] |
||||
}, |
||||
core: { |
||||
src: 'js/*.js' |
||||
}, |
||||
test: { |
||||
options: { |
||||
jshintrc: 'js/tests/unit/.jshintrc' |
||||
}, |
||||
src: 'js/tests/unit/*.js' |
||||
}, |
||||
assets: { |
||||
src: ['docs/assets/js/src/*.js', 'docs/assets/js/*.js', '!docs/assets/js/*.min.js'] |
||||
} |
||||
}, |
||||
|
||||
jscs: { |
||||
options: { |
||||
config: 'js/.jscsrc' |
||||
}, |
||||
grunt: { |
||||
src: '<%= jshint.grunt.src %>' |
||||
}, |
||||
core: { |
||||
src: '<%= jshint.core.src %>' |
||||
}, |
||||
test: { |
||||
src: '<%= jshint.test.src %>' |
||||
}, |
||||
assets: { |
||||
options: { |
||||
requireCamelCaseOrUpperCaseIdentifiers: null |
||||
}, |
||||
src: '<%= jshint.assets.src %>' |
||||
} |
||||
}, |
||||
|
||||
concat: { |
||||
options: { |
||||
banner: '<%= banner %>\n<%= jqueryCheck %>\n<%= jqueryVersionCheck %>', |
||||
stripBanners: false |
||||
}, |
||||
bootstrap: { |
||||
src: [ |
||||
'js/transition.js', |
||||
'js/alert.js', |
||||
'js/button.js', |
||||
'js/carousel.js', |
||||
'js/collapse.js', |
||||
'js/dropdown.js', |
||||
'js/modal.js', |
||||
'js/tooltip.js', |
||||
'js/popover.js', |
||||
'js/scrollspy.js', |
||||
'js/tab.js', |
||||
'js/affix.js' |
||||
], |
||||
dest: 'dist/js/<%= pkg.name %>.js' |
||||
} |
||||
}, |
||||
|
||||
uglify: { |
||||
options: { |
||||
compress: { |
||||
warnings: false |
||||
}, |
||||
mangle: true, |
||||
preserveComments: 'some' |
||||
}, |
||||
core: { |
||||
src: '<%= concat.bootstrap.dest %>', |
||||
dest: 'dist/js/<%= pkg.name %>.min.js' |
||||
}, |
||||
customize: { |
||||
src: configBridge.paths.customizerJs, |
||||
dest: 'docs/assets/js/customize.min.js' |
||||
}, |
||||
docsJs: { |
||||
src: configBridge.paths.docsJs, |
||||
dest: 'docs/assets/js/docs.min.js' |
||||
} |
||||
}, |
||||
|
||||
qunit: { |
||||
options: { |
||||
inject: 'js/tests/unit/phantom.js' |
||||
}, |
||||
files: 'js/tests/index.html' |
||||
}, |
||||
|
||||
less: { |
||||
compileCore: { |
||||
options: { |
||||
strictMath: true, |
||||
sourceMap: true, |
||||
outputSourceFiles: true, |
||||
sourceMapURL: '<%= pkg.name %>.css.map', |
||||
sourceMapFilename: 'dist/css/<%= pkg.name %>.css.map' |
||||
}, |
||||
src: 'less/bootstrap.less', |
||||
dest: 'dist/css/<%= pkg.name %>.css' |
||||
}, |
||||
compileTheme: { |
||||
options: { |
||||
strictMath: true, |
||||
sourceMap: true, |
||||
outputSourceFiles: true, |
||||
sourceMapURL: '<%= pkg.name %>-theme.css.map', |
||||
sourceMapFilename: 'dist/css/<%= pkg.name %>-theme.css.map' |
||||
}, |
||||
src: 'less/theme.less', |
||||
dest: 'dist/css/<%= pkg.name %>-theme.css' |
||||
} |
||||
}, |
||||
|
||||
autoprefixer: { |
||||
options: { |
||||
browsers: configBridge.config.autoprefixerBrowsers |
||||
}, |
||||
core: { |
||||
options: { |
||||
map: true |
||||
}, |
||||
src: 'dist/css/<%= pkg.name %>.css' |
||||
}, |
||||
theme: { |
||||
options: { |
||||
map: true |
||||
}, |
||||
src: 'dist/css/<%= pkg.name %>-theme.css' |
||||
}, |
||||
docs: { |
||||
src: ['docs/assets/css/src/docs.css'] |
||||
}, |
||||
examples: { |
||||
expand: true, |
||||
cwd: 'docs/examples/', |
||||
src: ['**/*.css'], |
||||
dest: 'docs/examples/' |
||||
} |
||||
}, |
||||
|
||||
csslint: { |
||||
options: { |
||||
csslintrc: 'less/.csslintrc' |
||||
}, |
||||
dist: [ |
||||
'dist/css/bootstrap.css', |
||||
'dist/css/bootstrap-theme.css' |
||||
], |
||||
examples: [ |
||||
'docs/examples/**/*.css' |
||||
], |
||||
docs: { |
||||
options: { |
||||
ids: false, |
||||
'overqualified-elements': false |
||||
}, |
||||
src: 'docs/assets/css/src/docs.css' |
||||
} |
||||
}, |
||||
|
||||
cssmin: { |
||||
options: { |
||||
// TODO: disable `zeroUnits` optimization once clean-css 3.2 is released
|
||||
// and then simplify the fix for https://github.com/twbs/bootstrap/issues/14837 accordingly
|
||||
compatibility: 'ie8', |
||||
keepSpecialComments: '*', |
||||
sourceMap: true, |
||||
advanced: false |
||||
}, |
||||
minifyCore: { |
||||
src: 'dist/css/<%= pkg.name %>.css', |
||||
dest: 'dist/css/<%= pkg.name %>.min.css' |
||||
}, |
||||
minifyTheme: { |
||||
src: 'dist/css/<%= pkg.name %>-theme.css', |
||||
dest: 'dist/css/<%= pkg.name %>-theme.min.css' |
||||
}, |
||||
docs: { |
||||
src: [ |
||||
'docs/assets/css/ie10-viewport-bug-workaround.css', |
||||
'docs/assets/css/src/pygments-manni.css', |
||||
'docs/assets/css/src/docs.css' |
||||
], |
||||
dest: 'docs/assets/css/docs.min.css' |
||||
} |
||||
}, |
||||
|
||||
csscomb: { |
||||
options: { |
||||
config: 'less/.csscomb.json' |
||||
}, |
||||
dist: { |
||||
expand: true, |
||||
cwd: 'dist/css/', |
||||
src: ['*.css', '!*.min.css'], |
||||
dest: 'dist/css/' |
||||
}, |
||||
examples: { |
||||
expand: true, |
||||
cwd: 'docs/examples/', |
||||
src: '**/*.css', |
||||
dest: 'docs/examples/' |
||||
}, |
||||
docs: { |
||||
src: 'docs/assets/css/src/docs.css', |
||||
dest: 'docs/assets/css/src/docs.css' |
||||
} |
||||
}, |
||||
|
||||
copy: { |
||||
fonts: { |
||||
expand: true, |
||||
src: 'fonts/*', |
||||
dest: 'dist/' |
||||
}, |
||||
docs: { |
||||
expand: true, |
||||
cwd: 'dist/', |
||||
src: [ |
||||
'**/*' |
||||
], |
||||
dest: 'docs/dist/' |
||||
} |
||||
}, |
||||
|
||||
connect: { |
||||
server: { |
||||
options: { |
||||
port: 3000, |
||||
base: '.' |
||||
} |
||||
} |
||||
}, |
||||
|
||||
jekyll: { |
||||
options: { |
||||
config: '_config.yml' |
||||
}, |
||||
docs: {}, |
||||
github: { |
||||
options: { |
||||
raw: 'github: true' |
||||
} |
||||
} |
||||
}, |
||||
|
||||
htmlmin: { |
||||
dist: { |
||||
options: { |
||||
collapseWhitespace: true, |
||||
conservativeCollapse: true, |
||||
minifyCSS: true, |
||||
minifyJS: true, |
||||
removeAttributeQuotes: true, |
||||
removeComments: true |
||||
}, |
||||
expand: true, |
||||
cwd: '_gh_pages', |
||||
dest: '_gh_pages', |
||||
src: [ |
||||
'**/*.html', |
||||
'!examples/**/*.html' |
||||
] |
||||
} |
||||
}, |
||||
|
||||
jade: { |
||||
options: { |
||||
pretty: true, |
||||
data: getLessVarsData |
||||
}, |
||||
customizerVars: { |
||||
src: 'docs/_jade/customizer-variables.jade', |
||||
dest: 'docs/_includes/customizer-variables.html' |
||||
}, |
||||
customizerNav: { |
||||
src: 'docs/_jade/customizer-nav.jade', |
||||
dest: 'docs/_includes/nav/customize.html' |
||||
} |
||||
}, |
||||
|
||||
htmllint: { |
||||
options: { |
||||
ignore: [ |
||||
'Attribute "autocomplete" not allowed on element "button" at this point.', |
||||
'Attribute "autocomplete" is only allowed when the input type is "color", "date", "datetime", "datetime-local", "email", "month", "number", "password", "range", "search", "tel", "text", "time", "url", or "week".', |
||||
'Element "img" is missing required attribute "src".' |
||||
] |
||||
}, |
||||
src: '_gh_pages/**/*.html' |
||||
}, |
||||
|
||||
watch: { |
||||
src: { |
||||
files: '<%= jshint.core.src %>', |
||||
tasks: ['jshint:core', 'qunit', 'concat'] |
||||
}, |
||||
test: { |
||||
files: '<%= jshint.test.src %>', |
||||
tasks: ['jshint:test', 'qunit'] |
||||
}, |
||||
less: { |
||||
files: 'less/**/*.less', |
||||
tasks: 'less' |
||||
} |
||||
}, |
||||
|
||||
sed: { |
||||
versionNumber: { |
||||
pattern: (function () { |
||||
var old = grunt.option('oldver'); |
||||
return old ? RegExp.quote(old) : old; |
||||
})(), |
||||
replacement: grunt.option('newver'), |
||||
exclude: [ |
||||
'dist/fonts', |
||||
'docs/assets', |
||||
'fonts', |
||||
'js/tests/vendor', |
||||
'node_modules', |
||||
'test-infra' |
||||
], |
||||
recursive: true |
||||
} |
||||
}, |
||||
|
||||
'saucelabs-qunit': { |
||||
all: { |
||||
options: { |
||||
build: process.env.TRAVIS_JOB_ID, |
||||
throttled: 10, |
||||
maxRetries: 3, |
||||
maxPollRetries: 4, |
||||
urls: ['http://127.0.0.1:3000/js/tests/index.html?hidepassed'], |
||||
browsers: grunt.file.readYAML('grunt/sauce_browsers.yml') |
||||
} |
||||
} |
||||
}, |
||||
|
||||
exec: { |
||||
npmUpdate: { |
||||
command: 'npm update' |
||||
} |
||||
}, |
||||
|
||||
compress: { |
||||
main: { |
||||
options: { |
||||
archive: 'bootstrap-<%= pkg.version %>-dist.zip', |
||||
mode: 'zip', |
||||
level: 9, |
||||
pretty: true |
||||
}, |
||||
files: [ |
||||
{ |
||||
expand: true, |
||||
cwd: 'dist/', |
||||
src: ['**'], |
||||
dest: 'bootstrap-<%= pkg.version %>-dist' |
||||
} |
||||
] |
||||
} |
||||
} |
||||
|
||||
}); |
||||
|
||||
|
||||
// These plugins provide necessary tasks.
|
||||
require('load-grunt-tasks')(grunt, { scope: 'devDependencies' }); |
||||
require('time-grunt')(grunt); |
||||
|
||||
// Docs HTML validation task
|
||||
grunt.registerTask('validate-html', ['jekyll:docs', 'htmllint']); |
||||
|
||||
var runSubset = function (subset) { |
||||
return !process.env.TWBS_TEST || process.env.TWBS_TEST === subset; |
||||
}; |
||||
var isUndefOrNonZero = function (val) { |
||||
return val === undefined || val !== '0'; |
||||
}; |
||||
|
||||
// Test task.
|
||||
var testSubtasks = []; |
||||
// Skip core tests if running a different subset of the test suite
|
||||
if (runSubset('core') && |
||||
// Skip core tests if this is a Savage build
|
||||
process.env.TRAVIS_REPO_SLUG !== 'twbs-savage/bootstrap') { |
||||
testSubtasks = testSubtasks.concat(['dist-css', 'dist-js', 'csslint:dist', 'test-js', 'docs']); |
||||
} |
||||
// Skip HTML validation if running a different subset of the test suite
|
||||
if (runSubset('validate-html') && |
||||
// Skip HTML5 validator on Travis when [skip validator] is in the commit message
|
||||
isUndefOrNonZero(process.env.TWBS_DO_VALIDATOR)) { |
||||
testSubtasks.push('validate-html'); |
||||
} |
||||
// Only run Sauce Labs tests if there's a Sauce access key
|
||||
if (typeof process.env.SAUCE_ACCESS_KEY !== 'undefined' && |
||||
// Skip Sauce if running a different subset of the test suite
|
||||
runSubset('sauce-js-unit') && |
||||
// Skip Sauce on Travis when [skip sauce] is in the commit message
|
||||
isUndefOrNonZero(process.env.TWBS_DO_SAUCE)) { |
||||
testSubtasks.push('connect'); |
||||
testSubtasks.push('saucelabs-qunit'); |
||||
} |
||||
grunt.registerTask('test', testSubtasks); |
||||
grunt.registerTask('test-js', ['jshint:core', 'jshint:test', 'jshint:grunt', 'jscs:core', 'jscs:test', 'jscs:grunt', 'qunit']); |
||||
|
||||
// JS distribution task.
|
||||
grunt.registerTask('dist-js', ['concat', 'uglify:core', 'commonjs']); |
||||
|
||||
// CSS distribution task.
|
||||
grunt.registerTask('less-compile', ['less:compileCore', 'less:compileTheme']); |
||||
grunt.registerTask('dist-css', ['less-compile', 'autoprefixer:core', 'autoprefixer:theme', 'csscomb:dist', 'cssmin:minifyCore', 'cssmin:minifyTheme']); |
||||
|
||||
// Full distribution task.
|
||||
grunt.registerTask('dist', ['clean:dist', 'dist-css', 'copy:fonts', 'dist-js']); |
||||
|
||||
// Default task.
|
||||
grunt.registerTask('default', ['clean:dist', 'copy:fonts', 'test']); |
||||
|
||||
// Version numbering task.
|
||||
// grunt change-version-number --oldver=A.B.C --newver=X.Y.Z
|
||||
// This can be overzealous, so its changes should always be manually reviewed!
|
||||
grunt.registerTask('change-version-number', 'sed'); |
||||
|
||||
grunt.registerTask('build-glyphicons-data', function () { generateGlyphiconsData.call(this, grunt); }); |
||||
|
||||
// task for building customizer
|
||||
grunt.registerTask('build-customizer', ['build-customizer-html', 'build-raw-files']); |
||||
grunt.registerTask('build-customizer-html', 'jade'); |
||||
grunt.registerTask('build-raw-files', 'Add scripts/less files to customizer.', function () { |
||||
var banner = grunt.template.process('<%= banner %>'); |
||||
generateRawFiles(grunt, banner); |
||||
}); |
||||
|
||||
grunt.registerTask('commonjs', 'Generate CommonJS entrypoint module in dist dir.', function () { |
||||
var srcFiles = grunt.config.get('concat.bootstrap.src'); |
||||
var destFilepath = 'dist/js/npm.js'; |
||||
generateCommonJSModule(grunt, srcFiles, destFilepath); |
||||
}); |
||||
|
||||
// Docs task.
|
||||
grunt.registerTask('docs-css', ['autoprefixer:docs', 'autoprefixer:examples', 'csscomb:docs', 'csscomb:examples', 'cssmin:docs']); |
||||
grunt.registerTask('lint-docs-css', ['csslint:docs', 'csslint:examples']); |
||||
grunt.registerTask('docs-js', ['uglify:docsJs', 'uglify:customize']); |
||||
grunt.registerTask('lint-docs-js', ['jshint:assets', 'jscs:assets']); |
||||
grunt.registerTask('docs', ['docs-css', 'lint-docs-css', 'docs-js', 'lint-docs-js', 'clean:docs', 'copy:docs', 'build-glyphicons-data', 'build-customizer']); |
||||
|
||||
grunt.registerTask('prep-release', ['dist', 'docs', 'jekyll:github', 'htmlmin', 'compress']); |
||||
|
||||
// Task for updating the cached npm packages used by the Travis build (which are controlled by test-infra/npm-shrinkwrap.json).
|
||||
// This task should be run and the updated file should be committed whenever Bootstrap's dependencies change.
|
||||
grunt.registerTask('update-shrinkwrap', ['exec:npmUpdate', '_update-shrinkwrap']); |
||||
grunt.registerTask('_update-shrinkwrap', function () { |
||||
var done = this.async(); |
||||
npmShrinkwrap({ dev: true, dirname: __dirname }, function (err) { |
||||
if (err) { |
||||
grunt.fail.warn(err); |
||||
} |
||||
var dest = 'test-infra/npm-shrinkwrap.json'; |
||||
fs.renameSync('npm-shrinkwrap.json', dest); |
||||
grunt.log.writeln('File ' + dest.cyan + ' updated.'); |
||||
done(); |
||||
}); |
||||
}); |
||||
}; |
||||
@ -1,21 +0,0 @@ |
||||
The MIT License (MIT) |
||||
|
||||
Copyright (c) 2011-2015 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. |
||||
@ -1,134 +0,0 @@ |
||||
# [Bootstrap](http://getbootstrap.com) |
||||
 |
||||
[](https://www.npmjs.com/package/bootstrap) |
||||
[](https://travis-ci.org/twbs/bootstrap) |
||||
[](https://david-dm.org/twbs/bootstrap#info=devDependencies) |
||||
[](https://saucelabs.com/u/bootstrap) |
||||
|
||||
Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development, created by [Mark Otto](https://twitter.com/mdo) and [Jacob Thornton](https://twitter.com/fat), and maintained by the [core team](https://github.com/orgs/twbs/people) with the massive support and involvement of the community. |
||||
|
||||
To get started, check out <http://getbootstrap.com>! |
||||
|
||||
## Table of contents |
||||
|
||||
- [Quick start](#quick-start) |
||||
- [Bugs and feature requests](#bugs-and-feature-requests) |
||||
- [Documentation](#documentation) |
||||
- [Contributing](#contributing) |
||||
- [Community](#community) |
||||
- [Versioning](#versioning) |
||||
- [Creators](#creators) |
||||
- [Copyright and license](#copyright-and-license) |
||||
|
||||
## Quick start |
||||
|
||||
Five quick start options are available: |
||||
|
||||
- [Download the latest release](https://github.com/twbs/bootstrap/archive/v3.3.4.zip). |
||||
- Clone the repo: `git clone https://github.com/twbs/bootstrap.git`. |
||||
- Install with [Bower](http://bower.io): `bower install bootstrap`. |
||||
- Install with [npm](https://www.npmjs.com): `npm install bootstrap`. |
||||
- Install with [Meteor](https://www.meteor.com/): `meteor add twbs:bootstrap`. |
||||
|
||||
Read the [Getting started page](http://getbootstrap.com/getting-started/) for information on the framework contents, templates and examples, and more. |
||||
|
||||
### What's included |
||||
|
||||
Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this: |
||||
|
||||
``` |
||||
bootstrap/ |
||||
├── css/ |
||||
│ ├── bootstrap.css |
||||
│ ├── bootstrap.css.map |
||||
│ ├── bootstrap.min.css |
||||
│ ├── bootstrap-theme.css |
||||
│ ├── bootstrap-theme.css.map |
||||
│ └── bootstrap-theme.min.css |
||||
├── js/ |
||||
│ ├── bootstrap.js |
||||
│ └── bootstrap.min.js |
||||
└── fonts/ |
||||
├── glyphicons-halflings-regular.eot |
||||
├── glyphicons-halflings-regular.svg |
||||
├── glyphicons-halflings-regular.ttf |
||||
├── glyphicons-halflings-regular.woff |
||||
└── glyphicons-halflings-regular.woff2 |
||||
``` |
||||
|
||||
We provide compiled CSS and JS (`bootstrap.*`), as well as compiled and minified CSS and JS (`bootstrap.min.*`). CSS [source maps](https://developers.google.com/chrome-developer-tools/docs/css-preprocessors) (`bootstrap.*.map`) are available for use with certain browsers' developer tools. Fonts from Glyphicons are included, as is the optional Bootstrap theme. |
||||
|
||||
|
||||
|
||||
## Bugs and feature requests |
||||
|
||||
Have a bug or a feature request? Please first read the [issue guidelines](https://github.com/twbs/bootstrap/blob/master/CONTRIBUTING.md#using-the-issue-tracker) and search for existing and closed issues. If your problem or idea is not addressed yet, [please open a new issue](https://github.com/twbs/bootstrap/issues/new). |
||||
|
||||
|
||||
## Documentation |
||||
|
||||
Bootstrap's documentation, included in this repo in the root directory, is built with [Jekyll](http://jekyllrb.com) and publicly hosted on GitHub Pages at <http://getbootstrap.com>. The docs may also be run locally. |
||||
|
||||
### Running documentation locally |
||||
|
||||
1. If necessary, [install Jekyll](http://jekyllrb.com/docs/installation) (requires v2.5.x). |
||||
- **Windows users:** Read [this unofficial guide](http://jekyll-windows.juthilo.com/) to get Jekyll up and running without problems. |
||||
2. Install the Ruby-based syntax highlighter, [Rouge](https://github.com/jneen/rouge), with `gem install rouge`. |
||||
3. From the root `/bootstrap` directory, run `jekyll serve` in the command line. |
||||
4. Open <http://localhost:9001> in your browser, and voilà. |
||||
|
||||
Learn more about using Jekyll by reading its [documentation](http://jekyllrb.com/docs/home/). |
||||
|
||||
### Documentation for previous releases |
||||
|
||||
Documentation for v2.3.2 has been made available for the time being at <http://getbootstrap.com/2.3.2/> while folks transition to Bootstrap 3. |
||||
|
||||
[Previous releases](https://github.com/twbs/bootstrap/releases) and their documentation are also available for download. |
||||
|
||||
|
||||
|
||||
## Contributing |
||||
|
||||
Please read through our [contributing guidelines](https://github.com/twbs/bootstrap/blob/master/CONTRIBUTING.md). Included are directions for opening issues, coding standards, and notes on development. |
||||
|
||||
Moreover, if your pull request contains JavaScript patches or features, you must include [relevant unit tests](https://github.com/twbs/bootstrap/tree/master/js/tests). All HTML and CSS should conform to the [Code Guide](https://github.com/mdo/code-guide), maintained by [Mark Otto](https://github.com/mdo). |
||||
|
||||
Editor preferences are available in the [editor config](https://github.com/twbs/bootstrap/blob/master/.editorconfig) for easy use in common text editors. Read more and download plugins at <http://editorconfig.org>. |
||||
|
||||
|
||||
|
||||
## Community |
||||
|
||||
Keep track of development and community news. |
||||
|
||||
- Follow [@getbootstrap on Twitter](https://twitter.com/getbootstrap). |
||||
- Read and subscribe to [The Official Bootstrap Blog](http://blog.getbootstrap.com). |
||||
- Chat with fellow Bootstrappers in IRC. On the `irc.freenode.net` server, in the `##bootstrap` channel. |
||||
- Implementation help may be found at Stack Overflow (tagged [`twitter-bootstrap-3`](http://stackoverflow.com/questions/tagged/twitter-bootstrap-3)). |
||||
- Developers should use the keyword `bootstrap` on packages which modify or add to the functionality of Bootstrap when distributing through [npm](https://www.npmjs.com/browse/keyword/bootstrap) or similar delivery mechanisms for maximum discoverability. |
||||
|
||||
|
||||
|
||||
## Versioning |
||||
|
||||
For transparency into our release cycle and in striving to maintain backward compatibility, Bootstrap is maintained under [the Semantic Versioning guidelines](http://semver.org/). Sometimes we screw up, but we'll adhere to those rules whenever possible. |
||||
|
||||
|
||||
|
||||
## Creators |
||||
|
||||
**Mark Otto** |
||||
|
||||
- <https://twitter.com/mdo> |
||||
- <https://github.com/mdo> |
||||
|
||||
**Jacob Thornton** |
||||
|
||||
- <https://twitter.com/fat> |
||||
- <https://github.com/fat> |
||||
|
||||
|
||||
|
||||
## Copyright and license |
||||
|
||||
Code and documentation copyright 2011-2015 Twitter, Inc. Code released under [the MIT license](https://github.com/twbs/bootstrap/blob/master/LICENSE). Docs released under [Creative Commons](https://github.com/twbs/bootstrap/blob/master/docs/LICENSE). |
||||
@ -1,34 +0,0 @@ |
||||
{ |
||||
"name": "bootstrap", |
||||
"description": "The most popular front-end framework for developing responsive, mobile first projects on the web.", |
||||
"keywords": [ |
||||
"css", |
||||
"js", |
||||
"less", |
||||
"mobile-first", |
||||
"responsive", |
||||
"front-end", |
||||
"framework", |
||||
"web" |
||||
], |
||||
"homepage": "http://getbootstrap.com", |
||||
"license": "MIT", |
||||
"moduleType": "globals", |
||||
"main": [ |
||||
"less/bootstrap.less", |
||||
"dist/js/bootstrap.js" |
||||
], |
||||
"ignore": [ |
||||
"/.*", |
||||
"_config.yml", |
||||
"CNAME", |
||||
"composer.json", |
||||
"CONTRIBUTING.md", |
||||
"docs", |
||||
"js/tests", |
||||
"test-infra" |
||||
], |
||||
"dependencies": { |
||||
"jquery": "1.9.1 - 2" |
||||
} |
||||
} |
||||
@ -1,587 +0,0 @@ |
||||
/*! |
||||
* Bootstrap v3.3.6 (http://getbootstrap.com) |
||||
* Copyright 2011-2015 Twitter, Inc. |
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) |
||||
*/ |
||||
.btn-default, |
||||
.btn-primary, |
||||
.btn-success, |
||||
.btn-info, |
||||
.btn-warning, |
||||
.btn-danger { |
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); |
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); |
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); |
||||
} |
||||
.btn-default:active, |
||||
.btn-primary:active, |
||||
.btn-success:active, |
||||
.btn-info:active, |
||||
.btn-warning:active, |
||||
.btn-danger:active, |
||||
.btn-default.active, |
||||
.btn-primary.active, |
||||
.btn-success.active, |
||||
.btn-info.active, |
||||
.btn-warning.active, |
||||
.btn-danger.active { |
||||
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); |
||||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); |
||||
} |
||||
.btn-default.disabled, |
||||
.btn-primary.disabled, |
||||
.btn-success.disabled, |
||||
.btn-info.disabled, |
||||
.btn-warning.disabled, |
||||
.btn-danger.disabled, |
||||
.btn-default[disabled], |
||||
.btn-primary[disabled], |
||||
.btn-success[disabled], |
||||
.btn-info[disabled], |
||||
.btn-warning[disabled], |
||||
.btn-danger[disabled], |
||||
fieldset[disabled] .btn-default, |
||||
fieldset[disabled] .btn-primary, |
||||
fieldset[disabled] .btn-success, |
||||
fieldset[disabled] .btn-info, |
||||
fieldset[disabled] .btn-warning, |
||||
fieldset[disabled] .btn-danger { |
||||
-webkit-box-shadow: none; |
||||
box-shadow: none; |
||||
} |
||||
.btn-default .badge, |
||||
.btn-primary .badge, |
||||
.btn-success .badge, |
||||
.btn-info .badge, |
||||
.btn-warning .badge, |
||||
.btn-danger .badge { |
||||
text-shadow: none; |
||||
} |
||||
.btn:active, |
||||
.btn.active { |
||||
background-image: none; |
||||
} |
||||
.btn-default { |
||||
text-shadow: 0 1px 0 #fff; |
||||
background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%); |
||||
background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0)); |
||||
background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
||||
background-repeat: repeat-x; |
||||
border-color: #dbdbdb; |
||||
border-color: #ccc; |
||||
} |
||||
.btn-default:hover, |
||||
.btn-default:focus { |
||||
background-color: #e0e0e0; |
||||
background-position: 0 -15px; |
||||
} |
||||
.btn-default:active, |
||||
.btn-default.active { |
||||
background-color: #e0e0e0; |
||||
border-color: #dbdbdb; |
||||
} |
||||
.btn-default.disabled, |
||||
.btn-default[disabled], |
||||
fieldset[disabled] .btn-default, |
||||
.btn-default.disabled:hover, |
||||
.btn-default[disabled]:hover, |
||||
fieldset[disabled] .btn-default:hover, |
||||
.btn-default.disabled:focus, |
||||
.btn-default[disabled]:focus, |
||||
fieldset[disabled] .btn-default:focus, |
||||
.btn-default.disabled.focus, |
||||
.btn-default[disabled].focus, |
||||
fieldset[disabled] .btn-default.focus, |
||||
.btn-default.disabled:active, |
||||
.btn-default[disabled]:active, |
||||
fieldset[disabled] .btn-default:active, |
||||
.btn-default.disabled.active, |
||||
.btn-default[disabled].active, |
||||
fieldset[disabled] .btn-default.active { |
||||
background-color: #e0e0e0; |
||||
background-image: none; |
||||
} |
||||
.btn-primary { |
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%); |
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88)); |
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
||||
background-repeat: repeat-x; |
||||
border-color: #245580; |
||||
} |
||||
.btn-primary:hover, |
||||
.btn-primary:focus { |
||||
background-color: #265a88; |
||||
background-position: 0 -15px; |
||||
} |
||||
.btn-primary:active, |
||||
.btn-primary.active { |
||||
background-color: #265a88; |
||||
border-color: #245580; |
||||
} |
||||
.btn-primary.disabled, |
||||
.btn-primary[disabled], |
||||
fieldset[disabled] .btn-primary, |
||||
.btn-primary.disabled:hover, |
||||
.btn-primary[disabled]:hover, |
||||
fieldset[disabled] .btn-primary:hover, |
||||
.btn-primary.disabled:focus, |
||||
.btn-primary[disabled]:focus, |
||||
fieldset[disabled] .btn-primary:focus, |
||||
.btn-primary.disabled.focus, |
||||
.btn-primary[disabled].focus, |
||||
fieldset[disabled] .btn-primary.focus, |
||||
.btn-primary.disabled:active, |
||||
.btn-primary[disabled]:active, |
||||
fieldset[disabled] .btn-primary:active, |
||||
.btn-primary.disabled.active, |
||||
.btn-primary[disabled].active, |
||||
fieldset[disabled] .btn-primary.active { |
||||
background-color: #265a88; |
||||
background-image: none; |
||||
} |
||||
.btn-success { |
||||
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%); |
||||
background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641)); |
||||
background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
||||
background-repeat: repeat-x; |
||||
border-color: #3e8f3e; |
||||
} |
||||
.btn-success:hover, |
||||
.btn-success:focus { |
||||
background-color: #419641; |
||||
background-position: 0 -15px; |
||||
} |
||||
.btn-success:active, |
||||
.btn-success.active { |
||||
background-color: #419641; |
||||
border-color: #3e8f3e; |
||||
} |
||||
.btn-success.disabled, |
||||
.btn-success[disabled], |
||||
fieldset[disabled] .btn-success, |
||||
.btn-success.disabled:hover, |
||||
.btn-success[disabled]:hover, |
||||
fieldset[disabled] .btn-success:hover, |
||||
.btn-success.disabled:focus, |
||||
.btn-success[disabled]:focus, |
||||
fieldset[disabled] .btn-success:focus, |
||||
.btn-success.disabled.focus, |
||||
.btn-success[disabled].focus, |
||||
fieldset[disabled] .btn-success.focus, |
||||
.btn-success.disabled:active, |
||||
.btn-success[disabled]:active, |
||||
fieldset[disabled] .btn-success:active, |
||||
.btn-success.disabled.active, |
||||
.btn-success[disabled].active, |
||||
fieldset[disabled] .btn-success.active { |
||||
background-color: #419641; |
||||
background-image: none; |
||||
} |
||||
.btn-info { |
||||
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); |
||||
background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2)); |
||||
background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
||||
background-repeat: repeat-x; |
||||
border-color: #28a4c9; |
||||
} |
||||
.btn-info:hover, |
||||
.btn-info:focus { |
||||
background-color: #2aabd2; |
||||
background-position: 0 -15px; |
||||
} |
||||
.btn-info:active, |
||||
.btn-info.active { |
||||
background-color: #2aabd2; |
||||
border-color: #28a4c9; |
||||
} |
||||
.btn-info.disabled, |
||||
.btn-info[disabled], |
||||
fieldset[disabled] .btn-info, |
||||
.btn-info.disabled:hover, |
||||
.btn-info[disabled]:hover, |
||||
fieldset[disabled] .btn-info:hover, |
||||
.btn-info.disabled:focus, |
||||
.btn-info[disabled]:focus, |
||||
fieldset[disabled] .btn-info:focus, |
||||
.btn-info.disabled.focus, |
||||
.btn-info[disabled].focus, |
||||
fieldset[disabled] .btn-info.focus, |
||||
.btn-info.disabled:active, |
||||
.btn-info[disabled]:active, |
||||
fieldset[disabled] .btn-info:active, |
||||
.btn-info.disabled.active, |
||||
.btn-info[disabled].active, |
||||
fieldset[disabled] .btn-info.active { |
||||
background-color: #2aabd2; |
||||
background-image: none; |
||||
} |
||||
.btn-warning { |
||||
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); |
||||
background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316)); |
||||
background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
||||
background-repeat: repeat-x; |
||||
border-color: #e38d13; |
||||
} |
||||
.btn-warning:hover, |
||||
.btn-warning:focus { |
||||
background-color: #eb9316; |
||||
background-position: 0 -15px; |
||||
} |
||||
.btn-warning:active, |
||||
.btn-warning.active { |
||||
background-color: #eb9316; |
||||
border-color: #e38d13; |
||||
} |
||||
.btn-warning.disabled, |
||||
.btn-warning[disabled], |
||||
fieldset[disabled] .btn-warning, |
||||
.btn-warning.disabled:hover, |
||||
.btn-warning[disabled]:hover, |
||||
fieldset[disabled] .btn-warning:hover, |
||||
.btn-warning.disabled:focus, |
||||
.btn-warning[disabled]:focus, |
||||
fieldset[disabled] .btn-warning:focus, |
||||
.btn-warning.disabled.focus, |
||||
.btn-warning[disabled].focus, |
||||
fieldset[disabled] .btn-warning.focus, |
||||
.btn-warning.disabled:active, |
||||
.btn-warning[disabled]:active, |
||||
fieldset[disabled] .btn-warning:active, |
||||
.btn-warning.disabled.active, |
||||
.btn-warning[disabled].active, |
||||
fieldset[disabled] .btn-warning.active { |
||||
background-color: #eb9316; |
||||
background-image: none; |
||||
} |
||||
.btn-danger { |
||||
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%); |
||||
background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a)); |
||||
background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
||||
background-repeat: repeat-x; |
||||
border-color: #b92c28; |
||||
} |
||||
.btn-danger:hover, |
||||
.btn-danger:focus { |
||||
background-color: #c12e2a; |
||||
background-position: 0 -15px; |
||||
} |
||||
.btn-danger:active, |
||||
.btn-danger.active { |
||||
background-color: #c12e2a; |
||||
border-color: #b92c28; |
||||
} |
||||
.btn-danger.disabled, |
||||
.btn-danger[disabled], |
||||
fieldset[disabled] .btn-danger, |
||||
.btn-danger.disabled:hover, |
||||
.btn-danger[disabled]:hover, |
||||
fieldset[disabled] .btn-danger:hover, |
||||
.btn-danger.disabled:focus, |
||||
.btn-danger[disabled]:focus, |
||||
fieldset[disabled] .btn-danger:focus, |
||||
.btn-danger.disabled.focus, |
||||
.btn-danger[disabled].focus, |
||||
fieldset[disabled] .btn-danger.focus, |
||||
.btn-danger.disabled:active, |
||||
.btn-danger[disabled]:active, |
||||
fieldset[disabled] .btn-danger:active, |
||||
.btn-danger.disabled.active, |
||||
.btn-danger[disabled].active, |
||||
fieldset[disabled] .btn-danger.active { |
||||
background-color: #c12e2a; |
||||
background-image: none; |
||||
} |
||||
.thumbnail, |
||||
.img-thumbnail { |
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075); |
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .075); |
||||
} |
||||
.dropdown-menu > li > a:hover, |
||||
.dropdown-menu > li > a:focus { |
||||
background-color: #e8e8e8; |
||||
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); |
||||
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8)); |
||||
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.dropdown-menu > .active > a, |
||||
.dropdown-menu > .active > a:hover, |
||||
.dropdown-menu > .active > a:focus { |
||||
background-color: #2e6da4; |
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); |
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.navbar-default { |
||||
background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%); |
||||
background-image: -o-linear-gradient(top, #fff 0%, #f8f8f8 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8)); |
||||
background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
||||
background-repeat: repeat-x; |
||||
border-radius: 4px; |
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075); |
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075); |
||||
} |
||||
.navbar-default .navbar-nav > .open > a, |
||||
.navbar-default .navbar-nav > .active > a { |
||||
background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%); |
||||
background-image: -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2)); |
||||
background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075); |
||||
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); |
||||
} |
||||
.navbar-inverse { |
||||
background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%); |
||||
background-image: -o-linear-gradient(top, #3c3c3c 0%, #222 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222)); |
||||
background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
||||
background-repeat: repeat-x; |
||||
border-radius: 4px; |
||||
} |
||||
.navbar-inverse .navbar-nav > .open > a, |
||||
.navbar-inverse .navbar-nav > .active > a { |
||||
background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%); |
||||
background-image: -o-linear-gradient(top, #080808 0%, #0f0f0f 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f)); |
||||
background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25); |
||||
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25); |
||||
} |
||||
.navbar-inverse .navbar-brand, |
||||
.navbar-inverse .navbar-nav > li > a { |
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); |
||||
} |
||||
.navbar-static-top, |
||||
.navbar-fixed-top, |
||||
.navbar-fixed-bottom { |
||||
border-radius: 0; |
||||
} |
||||
@media (max-width: 767px) { |
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a, |
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover, |
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus { |
||||
color: #fff; |
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); |
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
} |
||||
.alert { |
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, .2); |
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05); |
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05); |
||||
} |
||||
.alert-success { |
||||
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); |
||||
background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc)); |
||||
background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
border-color: #b2dba1; |
||||
} |
||||
.alert-info { |
||||
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%); |
||||
background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0)); |
||||
background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
border-color: #9acfea; |
||||
} |
||||
.alert-warning { |
||||
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); |
||||
background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0)); |
||||
background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
border-color: #f5e79e; |
||||
} |
||||
.alert-danger { |
||||
background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); |
||||
background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3)); |
||||
background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
border-color: #dca7a7; |
||||
} |
||||
.progress { |
||||
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); |
||||
background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5)); |
||||
background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.progress-bar { |
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%); |
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #286090 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090)); |
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #286090 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.progress-bar-success { |
||||
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%); |
||||
background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44)); |
||||
background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.progress-bar-info { |
||||
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); |
||||
background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5)); |
||||
background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.progress-bar-warning { |
||||
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); |
||||
background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f)); |
||||
background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.progress-bar-danger { |
||||
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%); |
||||
background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c)); |
||||
background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.progress-bar-striped { |
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
||||
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
||||
} |
||||
.list-group { |
||||
border-radius: 4px; |
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075); |
||||
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 #286090; |
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%); |
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2b669a 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a)); |
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
border-color: #2b669a; |
||||
} |
||||
.list-group-item.active .badge, |
||||
.list-group-item.active:hover .badge, |
||||
.list-group-item.active:focus .badge { |
||||
text-shadow: none; |
||||
} |
||||
.panel { |
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05); |
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .05); |
||||
} |
||||
.panel-default > .panel-heading { |
||||
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); |
||||
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8)); |
||||
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.panel-primary > .panel-heading { |
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); |
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.panel-success > .panel-heading { |
||||
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%); |
||||
background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6)); |
||||
background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.panel-info > .panel-heading { |
||||
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%); |
||||
background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3)); |
||||
background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.panel-warning > .panel-heading { |
||||
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%); |
||||
background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc)); |
||||
background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.panel-danger > .panel-heading { |
||||
background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%); |
||||
background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc)); |
||||
background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.well { |
||||
background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); |
||||
background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5)); |
||||
background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
border-color: #dcdcdc; |
||||
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1); |
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1); |
||||
} |
||||
/*# sourceMappingURL=bootstrap-theme.css.map */ |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 106 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -1,13 +0,0 @@ |
||||
// This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.
|
||||
require('../../js/transition.js') |
||||
require('../../js/alert.js') |
||||
require('../../js/button.js') |
||||
require('../../js/carousel.js') |
||||
require('../../js/collapse.js') |
||||
require('../../js/dropdown.js') |
||||
require('../../js/modal.js') |
||||
require('../../js/tooltip.js') |
||||
require('../../js/popover.js') |
||||
require('../../js/scrollspy.js') |
||||
require('../../js/tab.js') |
||||
require('../../js/affix.js') |
||||
Binary file not shown.
|
Before Width: | Height: | Size: 106 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -1,7 +0,0 @@ |
||||
{ |
||||
"extends" : "../js/.jshintrc", |
||||
"asi" : false, |
||||
"browser" : false, |
||||
"es3" : false, |
||||
"node" : true |
||||
} |
||||
@ -1,30 +0,0 @@ |
||||
/*! |
||||
* Bootstrap Grunt task for the CommonJS module generation |
||||
* http://getbootstrap.com
|
||||
* Copyright 2014-2015 Twitter, Inc. |
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*/ |
||||
|
||||
'use strict'; |
||||
|
||||
var fs = require('fs'); |
||||
var path = require('path'); |
||||
|
||||
var COMMONJS_BANNER = '// This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.\n'; |
||||
|
||||
module.exports = function generateCommonJSModule(grunt, srcFiles, destFilepath) { |
||||
var destDir = path.dirname(destFilepath); |
||||
|
||||
function srcPathToDestRequire(srcFilepath) { |
||||
var requirePath = path.relative(destDir, srcFilepath).replace(/\\/g, '/'); |
||||
return 'require(\'' + requirePath + '\')'; |
||||
} |
||||
|
||||
var moduleOutputJs = COMMONJS_BANNER + srcFiles.map(srcPathToDestRequire).join('\n'); |
||||
try { |
||||
fs.writeFileSync(destFilepath, moduleOutputJs); |
||||
} catch (err) { |
||||
grunt.fail.warn(err); |
||||
} |
||||
grunt.log.writeln('File ' + destFilepath.cyan + ' created.'); |
||||
}; |
||||
@ -1,42 +0,0 @@ |
||||
/*! |
||||
* Bootstrap Grunt task for Glyphicons data generation |
||||
* http://getbootstrap.com
|
||||
* Copyright 2014-2015 Twitter, Inc. |
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*/ |
||||
|
||||
'use strict'; |
||||
|
||||
var fs = require('fs'); |
||||
|
||||
module.exports = function generateGlyphiconsData(grunt) { |
||||
// Pass encoding, utf8, so `readFileSync` will return a string instead of a
|
||||
// buffer
|
||||
var glyphiconsFile = fs.readFileSync('less/glyphicons.less', 'utf8'); |
||||
var glyphiconsLines = glyphiconsFile.split('\n'); |
||||
|
||||
// Use any line that starts with ".glyphicon-" and capture the class name
|
||||
var iconClassName = /^\.(glyphicon-[a-zA-Z0-9-]+)/; |
||||
var glyphiconsData = '# This file is generated via Grunt task. **Do not edit directly.**\n' + |
||||
'# See the \'build-glyphicons-data\' task in Gruntfile.js.\n\n'; |
||||
var glyphiconsYml = 'docs/_data/glyphicons.yml'; |
||||
for (var i = 0, len = glyphiconsLines.length; i < len; i++) { |
||||
var match = glyphiconsLines[i].match(iconClassName); |
||||
|
||||
if (match !== null) { |
||||
glyphiconsData += '- ' + match[1] + '\n'; |
||||
} |
||||
} |
||||
|
||||
// Create the `_data` directory if it doesn't already exist
|
||||
if (!fs.existsSync('docs/_data')) { |
||||
fs.mkdirSync('docs/_data'); |
||||
} |
||||
|
||||
try { |
||||
fs.writeFileSync(glyphiconsYml, glyphiconsData); |
||||
} catch (err) { |
||||
grunt.fail.warn(err); |
||||
} |
||||
grunt.log.writeln('File ' + glyphiconsYml.cyan + ' created.'); |
||||
}; |
||||
@ -1,237 +0,0 @@ |
||||
/*! |
||||
* Bootstrap Grunt task for parsing Less docstrings |
||||
* http://getbootstrap.com
|
||||
* Copyright 2014-2015 Twitter, Inc. |
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*/ |
||||
|
||||
'use strict'; |
||||
|
||||
var Markdown = require('markdown-it'); |
||||
|
||||
function markdown2html(markdownString) { |
||||
var md = new Markdown(); |
||||
|
||||
// the slice removes the <p>...</p> wrapper output by Markdown processor
|
||||
return md.render(markdownString.trim()).slice(3, -5); |
||||
} |
||||
|
||||
|
||||
/* |
||||
Mini-language: |
||||
//== This is a normal heading, which starts a section. Sections group variables together.
|
||||
//## Optional description for the heading
|
||||
|
||||
//=== This is a subheading.
|
||||
|
||||
//** Optional description for the following variable. You **can** use Markdown in descriptions to discuss `<html>` stuff.
|
||||
@foo: #fff; |
||||
|
||||
//-- This is a heading for a section whose variables shouldn't be customizable
|
||||
|
||||
All other lines are ignored completely. |
||||
*/ |
||||
|
||||
|
||||
var CUSTOMIZABLE_HEADING = /^[/]{2}={2}(.*)$/; |
||||
var UNCUSTOMIZABLE_HEADING = /^[/]{2}-{2}(.*)$/; |
||||
var SUBSECTION_HEADING = /^[/]{2}={3}(.*)$/; |
||||
var SECTION_DOCSTRING = /^[/]{2}#{2}(.+)$/; |
||||
var VAR_ASSIGNMENT = /^(@[a-zA-Z0-9_-]+):[ ]*([^ ;][^;]*);[ ]*$/; |
||||
var VAR_DOCSTRING = /^[/]{2}[*]{2}(.+)$/; |
||||
|
||||
function Section(heading, customizable) { |
||||
this.heading = heading.trim(); |
||||
this.id = this.heading.replace(/\s+/g, '-').toLowerCase(); |
||||
this.customizable = customizable; |
||||
this.docstring = null; |
||||
this.subsections = []; |
||||
} |
||||
|
||||
Section.prototype.addSubSection = function (subsection) { |
||||
this.subsections.push(subsection); |
||||
}; |
||||
|
||||
function SubSection(heading) { |
||||
this.heading = heading.trim(); |
||||
this.id = this.heading.replace(/\s+/g, '-').toLowerCase(); |
||||
this.variables = []; |
||||
} |
||||
|
||||
SubSection.prototype.addVar = function (variable) { |
||||
this.variables.push(variable); |
||||
}; |
||||
|
||||
function VarDocstring(markdownString) { |
||||
this.html = markdown2html(markdownString); |
||||
} |
||||
|
||||
function SectionDocstring(markdownString) { |
||||
this.html = markdown2html(markdownString); |
||||
} |
||||
|
||||
function Variable(name, defaultValue) { |
||||
this.name = name; |
||||
this.defaultValue = defaultValue; |
||||
this.docstring = null; |
||||
} |
||||
|
||||
function Tokenizer(fileContent) { |
||||
this._lines = fileContent.split('\n'); |
||||
this._next = undefined; |
||||
} |
||||
|
||||
Tokenizer.prototype.unshift = function (token) { |
||||
if (this._next !== undefined) { |
||||
throw new Error('Attempted to unshift twice!'); |
||||
} |
||||
this._next = token; |
||||
}; |
||||
|
||||
Tokenizer.prototype._shift = function () { |
||||
// returning null signals EOF
|
||||
// returning undefined means the line was ignored
|
||||
if (this._next !== undefined) { |
||||
var result = this._next; |
||||
this._next = undefined; |
||||
return result; |
||||
} |
||||
if (this._lines.length <= 0) { |
||||
return null; |
||||
} |
||||
var line = this._lines.shift(); |
||||
var match = null; |
||||
match = SUBSECTION_HEADING.exec(line); |
||||
if (match !== null) { |
||||
return new SubSection(match[1]); |
||||
} |
||||
match = CUSTOMIZABLE_HEADING.exec(line); |
||||
if (match !== null) { |
||||
return new Section(match[1], true); |
||||
} |
||||
match = UNCUSTOMIZABLE_HEADING.exec(line); |
||||
if (match !== null) { |
||||
return new Section(match[1], false); |
||||
} |
||||
match = SECTION_DOCSTRING.exec(line); |
||||
if (match !== null) { |
||||
return new SectionDocstring(match[1]); |
||||
} |
||||
match = VAR_DOCSTRING.exec(line); |
||||
if (match !== null) { |
||||
return new VarDocstring(match[1]); |
||||
} |
||||
var commentStart = line.lastIndexOf('//'); |
||||
var varLine = commentStart === -1 ? line : line.slice(0, commentStart); |
||||
match = VAR_ASSIGNMENT.exec(varLine); |
||||
if (match !== null) { |
||||
return new Variable(match[1], match[2]); |
||||
} |
||||
return undefined; |
||||
}; |
||||
|
||||
Tokenizer.prototype.shift = function () { |
||||
while (true) { |
||||
var result = this._shift(); |
||||
if (result === undefined) { |
||||
continue; |
||||
} |
||||
return result; |
||||
} |
||||
}; |
||||
|
||||
function Parser(fileContent) { |
||||
this._tokenizer = new Tokenizer(fileContent); |
||||
} |
||||
|
||||
Parser.prototype.parseFile = function () { |
||||
var sections = []; |
||||
while (true) { |
||||
var section = this.parseSection(); |
||||
if (section === null) { |
||||
if (this._tokenizer.shift() !== null) { |
||||
throw new Error('Unexpected unparsed section of file remains!'); |
||||
} |
||||
return sections; |
||||
} |
||||
sections.push(section); |
||||
} |
||||
}; |
||||
|
||||
Parser.prototype.parseSection = function () { |
||||
var section = this._tokenizer.shift(); |
||||
if (section === null) { |
||||
return null; |
||||
} |
||||
if (!(section instanceof Section)) { |
||||
throw new Error('Expected section heading; got: ' + JSON.stringify(section)); |
||||
} |
||||
var docstring = this._tokenizer.shift(); |
||||
if (docstring instanceof SectionDocstring) { |
||||
section.docstring = docstring; |
||||
} else { |
||||
this._tokenizer.unshift(docstring); |
||||
} |
||||
this.parseSubSections(section); |
||||
|
||||
return section; |
||||
}; |
||||
|
||||
Parser.prototype.parseSubSections = function (section) { |
||||
while (true) { |
||||
var subsection = this.parseSubSection(); |
||||
if (subsection === null) { |
||||
if (section.subsections.length === 0) { |
||||
// Presume an implicit initial subsection
|
||||
subsection = new SubSection(''); |
||||
this.parseVars(subsection); |
||||
} else { |
||||
break; |
||||
} |
||||
} |
||||
section.addSubSection(subsection); |
||||
} |
||||
|
||||
if (section.subsections.length === 1 && !section.subsections[0].heading && section.subsections[0].variables.length === 0) { |
||||
// Ignore lone empty implicit subsection
|
||||
section.subsections = []; |
||||
} |
||||
}; |
||||
|
||||
Parser.prototype.parseSubSection = function () { |
||||
var subsection = this._tokenizer.shift(); |
||||
if (subsection instanceof SubSection) { |
||||
this.parseVars(subsection); |
||||
return subsection; |
||||
} |
||||
this._tokenizer.unshift(subsection); |
||||
return null; |
||||
}; |
||||
|
||||
Parser.prototype.parseVars = function (subsection) { |
||||
while (true) { |
||||
var variable = this.parseVar(); |
||||
if (variable === null) { |
||||
return; |
||||
} |
||||
subsection.addVar(variable); |
||||
} |
||||
}; |
||||
|
||||
Parser.prototype.parseVar = function () { |
||||
var docstring = this._tokenizer.shift(); |
||||
if (!(docstring instanceof VarDocstring)) { |
||||
this._tokenizer.unshift(docstring); |
||||
docstring = null; |
||||
} |
||||
var variable = this._tokenizer.shift(); |
||||
if (variable instanceof Variable) { |
||||
variable.docstring = docstring; |
||||
return variable; |
||||
} |
||||
this._tokenizer.unshift(variable); |
||||
return null; |
||||
}; |
||||
|
||||
|
||||
module.exports = Parser; |
||||
@ -1,44 +0,0 @@ |
||||
/*! |
||||
* Bootstrap Grunt task for generating raw-files.min.js for the Customizer |
||||
* http://getbootstrap.com
|
||||
* Copyright 2014-2015 Twitter, Inc. |
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*/ |
||||
|
||||
'use strict'; |
||||
|
||||
var fs = require('fs'); |
||||
var btoa = require('btoa'); |
||||
var glob = require('glob'); |
||||
|
||||
function getFiles(type) { |
||||
var files = {}; |
||||
var recursive = type === 'less'; |
||||
var globExpr = recursive ? '/**/*' : '/*'; |
||||
glob.sync(type + globExpr) |
||||
.filter(function (path) { |
||||
return type === 'fonts' ? true : new RegExp('\\.' + type + '$').test(path); |
||||
}) |
||||
.forEach(function (fullPath) { |
||||
var relativePath = fullPath.replace(/^[^/]+\//, ''); |
||||
files[relativePath] = type === 'fonts' ? btoa(fs.readFileSync(fullPath)) : fs.readFileSync(fullPath, 'utf8'); |
||||
}); |
||||
return 'var __' + type + ' = ' + JSON.stringify(files) + '\n'; |
||||
} |
||||
|
||||
module.exports = function generateRawFilesJs(grunt, banner) { |
||||
if (!banner) { |
||||
banner = ''; |
||||
} |
||||
var dirs = ['js', 'less', 'fonts']; |
||||
var files = banner + dirs.map(getFiles).reduce(function (combined, file) { |
||||
return combined + file; |
||||
}, ''); |
||||
var rawFilesJs = 'docs/assets/js/raw-files.min.js'; |
||||
try { |
||||
fs.writeFileSync(rawFilesJs, files); |
||||
} catch (err) { |
||||
grunt.fail.warn(err); |
||||
} |
||||
grunt.log.writeln('File ' + rawFilesJs.cyan + ' created.'); |
||||
}; |
||||
@ -1,46 +0,0 @@ |
||||
{ |
||||
"paths": { |
||||
"customizerJs": [ |
||||
"../assets/js/vendor/autoprefixer.js", |
||||
"../assets/js/vendor/less.min.js", |
||||
"../assets/js/vendor/jszip.min.js", |
||||
"../assets/js/vendor/uglify.min.js", |
||||
"../assets/js/vendor/Blob.js", |
||||
"../assets/js/vendor/FileSaver.js", |
||||
"../assets/js/raw-files.min.js", |
||||
"../assets/js/src/customizer.js" |
||||
], |
||||
"docsJs": [ |
||||
"../assets/js/vendor/holder.min.js", |
||||
"../assets/js/vendor/ZeroClipboard.min.js", |
||||
"../assets/js/vendor/anchor.js", |
||||
"../assets/js/src/application.js" |
||||
] |
||||
}, |
||||
"config": { |
||||
"autoprefixerBrowsers": [ |
||||
"Android 2.3", |
||||
"Android >= 4", |
||||
"Chrome >= 20", |
||||
"Firefox >= 24", |
||||
"Explorer >= 8", |
||||
"iOS >= 6", |
||||
"Opera >= 12", |
||||
"Safari >= 6" |
||||
], |
||||
"jqueryCheck": [ |
||||
"if (typeof jQuery === 'undefined') {", |
||||
" throw new Error('Bootstrap\\'s JavaScript requires jQuery')", |
||||
"}\n" |
||||
], |
||||
"jqueryVersionCheck": [ |
||||
"+function ($) {", |
||||
" 'use strict';", |
||||
" var version = $.fn.jquery.split(' ')[0].split('.')", |
||||
" if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1) || (version[0] > 2)) {", |
||||
" throw new Error('Bootstrap\\'s JavaScript requires jQuery version 1.9.1 or higher, but lower than version 3')", |
||||
" }", |
||||
"}(jQuery);\n\n" |
||||
] |
||||
} |
||||
} |
||||
@ -1,82 +0,0 @@ |
||||
[ |
||||
# Docs: https://saucelabs.com/docs/platforms/webdriver |
||||
|
||||
{ |
||||
browserName: "safari", |
||||
platform: "OS X 10.10" |
||||
}, |
||||
{ |
||||
browserName: "chrome", |
||||
platform: "OS X 10.10" |
||||
}, |
||||
{ |
||||
browserName: "firefox", |
||||
platform: "OS X 10.10" |
||||
}, |
||||
|
||||
# Mac Opera not currently supported by Sauce Labs |
||||
|
||||
{ |
||||
browserName: "internet explorer", |
||||
version: "11", |
||||
platform: "Windows 8.1" |
||||
}, |
||||
{ |
||||
browserName: "internet explorer", |
||||
version: "10", |
||||
platform: "Windows 8" |
||||
}, |
||||
{ |
||||
browserName: "internet explorer", |
||||
version: "9", |
||||
platform: "Windows 7" |
||||
}, |
||||
{ |
||||
browserName: "internet explorer", |
||||
version: "8", |
||||
platform: "Windows 7" |
||||
}, |
||||
|
||||
# { # Unofficial |
||||
# browserName: "internet explorer", |
||||
# version: "7", |
||||
# platform: "Windows XP" |
||||
# }, |
||||
|
||||
{ |
||||
browserName: "chrome", |
||||
platform: "Windows 8.1" |
||||
}, |
||||
{ |
||||
browserName: "firefox", |
||||
platform: "Windows 8.1" |
||||
}, |
||||
|
||||
# Win Opera 15+ not currently supported by Sauce Labs |
||||
|
||||
{ |
||||
browserName: "iphone", |
||||
platform: "OS X 10.10", |
||||
version: "8.2" |
||||
}, |
||||
|
||||
# iOS Chrome not currently supported by Sauce Labs |
||||
|
||||
# Linux (unofficial) |
||||
{ |
||||
browserName: "chrome", |
||||
platform: "Linux" |
||||
}, |
||||
{ |
||||
browserName: "firefox", |
||||
platform: "Linux" |
||||
} |
||||
|
||||
# Android Chrome not currently supported by Sauce Labs |
||||
|
||||
# { # Android Browser (super-unofficial) |
||||
# browserName: "android", |
||||
# version: "4.0", |
||||
# platform: "Linux" |
||||
# } |
||||
] |
||||
@ -1,42 +0,0 @@ |
||||
{ |
||||
"disallowEmptyBlocks": true, |
||||
"disallowKeywords": ["with"], |
||||
"disallowMixedSpacesAndTabs": true, |
||||
"disallowMultipleLineStrings": true, |
||||
"disallowMultipleVarDecl": true, |
||||
"disallowQuotedKeysInObjects": "allButReserved", |
||||
"disallowSpaceAfterPrefixUnaryOperators": ["++", "--", "+", "-", "~", "!"], |
||||
"disallowSpaceBeforeBinaryOperators": [","], |
||||
"disallowSpaceBeforePostfixUnaryOperators": ["++", "--"], |
||||
"disallowSpacesInFunctionDeclaration": { "beforeOpeningRoundBrace": true }, |
||||
"disallowSpacesInNamedFunctionExpression": { "beforeOpeningRoundBrace": true }, |
||||
"disallowSpacesInsideArrayBrackets": true, |
||||
"disallowSpacesInsideParentheses": true, |
||||
"disallowTrailingComma": true, |
||||
"disallowTrailingWhitespace": true, |
||||
"requireCamelCaseOrUpperCaseIdentifiers": true, |
||||
"requireCapitalizedConstructors": true, |
||||
"requireCommaBeforeLineBreak": true, |
||||
"requireDollarBeforejQueryAssignment": true, |
||||
"requireDotNotation": true, |
||||
"requireLineFeedAtFileEnd": true, |
||||
"requirePaddingNewLinesAfterUseStrict": true, |
||||
"requirePaddingNewLinesBeforeExport": true, |
||||
"requireSpaceAfterBinaryOperators": ["+", "-", "/", "*", "=", "==", "===", "!=", "!==", ">", "<", ">=", "<="], |
||||
"requireSpaceAfterKeywords": ["if", "else", "for", "while", "do", "switch", "return", "try", "catch"], |
||||
"requireSpaceAfterLineComment": true, |
||||
"requireSpaceBeforeBinaryOperators": ["+", "-", "/", "*", "=", "==", "===", "!=", "!==", ">", "<", ">=", "<="], |
||||
"requireSpaceBetweenArguments": true, |
||||
"requireSpacesInAnonymousFunctionExpression": { "beforeOpeningCurlyBrace": true, "beforeOpeningRoundBrace": true }, |
||||
"requireSpacesInConditionalExpression": true, |
||||
"requireSpacesInForStatement": true, |
||||
"requireSpacesInFunctionDeclaration": { "beforeOpeningCurlyBrace": true }, |
||||
"requireSpacesInFunctionExpression": { "beforeOpeningCurlyBrace": true }, |
||||
"requireSpacesInNamedFunctionExpression": { "beforeOpeningCurlyBrace": true }, |
||||
"requireSpacesInsideObjectBrackets": "allButNested", |
||||
"validateAlignedFunctionParameters": true, |
||||
"validateIndentation": 2, |
||||
"validateLineBreaks": "LF", |
||||
"validateNewlineAfterArrayElements": true, |
||||
"validateQuoteMarks": "'" |
||||
} |
||||
@ -1,15 +0,0 @@ |
||||
{ |
||||
"asi" : true, |
||||
"browser" : true, |
||||
"eqeqeq" : false, |
||||
"eqnull" : true, |
||||
"es3" : true, |
||||
"expr" : true, |
||||
"jquery" : true, |
||||
"latedef" : true, |
||||
"laxbreak" : true, |
||||
"nonbsp" : true, |
||||
"strict" : true, |
||||
"undef" : true, |
||||
"unused" : true |
||||
} |
||||
@ -1,162 +0,0 @@ |
||||
/* ======================================================================== |
||||
* Bootstrap: affix.js v3.3.6 |
||||
* http://getbootstrap.com/javascript/#affix
|
||||
* ======================================================================== |
||||
* Copyright 2011-2015 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 = null |
||||
this.unpin = null |
||||
this.pinnedOffset = null |
||||
|
||||
this.checkPosition() |
||||
} |
||||
|
||||
Affix.VERSION = '3.3.6' |
||||
|
||||
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 && scrollTop <= 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 = Math.max($(document).height(), $(document.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); |
||||
@ -1,94 +0,0 @@ |
||||
/* ======================================================================== |
||||
* Bootstrap: alert.js v3.3.6 |
||||
* http://getbootstrap.com/javascript/#alerts
|
||||
* ======================================================================== |
||||
* Copyright 2011-2015 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.6' |
||||
|
||||
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); |
||||
@ -1,120 +0,0 @@ |
||||
/* ======================================================================== |
||||
* Bootstrap: button.js v3.3.6 |
||||
* http://getbootstrap.com/javascript/#buttons
|
||||
* ======================================================================== |
||||
* Copyright 2011-2015 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.6' |
||||
|
||||
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 += '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')) changed = false |
||||
$parent.find('.active').removeClass('active') |
||||
this.$element.addClass('active') |
||||
} else if ($input.prop('type') == 'checkbox') { |
||||
if (($input.prop('checked')) !== this.$element.hasClass('active')) changed = false |
||||
this.$element.toggleClass('active') |
||||
} |
||||
$input.prop('checked', this.$element.hasClass('active')) |
||||
if (changed) $input.trigger('change') |
||||
} else { |
||||
this.$element.attr('aria-pressed', !this.$element.hasClass('active')) |
||||
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') |
||||
if (!($(e.target).is('input[type="radio"]') || $(e.target).is('input[type="checkbox"]'))) 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); |
||||
@ -1,237 +0,0 @@ |
||||
/* ======================================================================== |
||||
* Bootstrap: carousel.js v3.3.6 |
||||
* http://getbootstrap.com/javascript/#carousel
|
||||
* ======================================================================== |
||||
* Copyright 2011-2015 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 = null |
||||
this.sliding = null |
||||
this.interval = null |
||||
this.$active = null |
||||
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.6' |
||||
|
||||
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 activeIndex = this.getItemIndex(active) |
||||
var willWrap = (direction == 'prev' && activeIndex === 0) |
||||
|| (direction == 'next' && activeIndex == (this.$items.length - 1)) |
||||
if (willWrap && !this.options.wrap) return active |
||||
var delta = direction == 'prev' ? -1 : 1 |
||||
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 that = this |
||||
|
||||
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); |
||||
@ -1,211 +0,0 @@ |
||||
/* ======================================================================== |
||||
* Bootstrap: collapse.js v3.3.6 |
||||
* http://getbootstrap.com/javascript/#collapse
|
||||
* ======================================================================== |
||||
* Copyright 2011-2015 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 = $('[data-toggle="collapse"][href="#' + element.id + '"],' + |
||||
'[data-toggle="collapse"][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.6' |
||||
|
||||
Collapse.TRANSITION_DURATION = 350 |
||||
|
||||
Collapse.DEFAULTS = { |
||||
toggle: true |
||||
} |
||||
|
||||
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.children('.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 && /show|hide/.test(option)) 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' : $this.data() |
||||
|
||||
Plugin.call($target, option) |
||||
}) |
||||
|
||||
}(jQuery); |
||||
@ -1,165 +0,0 @@ |
||||
/* ======================================================================== |
||||
* Bootstrap: dropdown.js v3.3.6 |
||||
* http://getbootstrap.com/javascript/#dropdowns
|
||||
* ======================================================================== |
||||
* Copyright 2011-2015 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.6' |
||||
|
||||
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() |
||||
} |
||||
|
||||
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 |
||||
|
||||
if (e && e.type == 'click' && /input|textarea/i.test(e.target.tagName) && $.contains($parent[0], e.target)) return |
||||
|
||||
$parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget)) |
||||
|
||||
if (e.isDefaultPrevented()) return |
||||
|
||||
$this.attr('aria-expanded', 'false') |
||||
$parent.removeClass('open').trigger($.Event('hidden.bs.dropdown', relatedTarget)) |
||||
}) |
||||
} |
||||
|
||||
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
|
||||
$(document.createElement('div')) |
||||
.addClass('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($.Event('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(.disabled):visible a' |
||||
var $items = $parent.find('.dropdown-menu' + 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') |
||||
} |
||||
|
||||
|
||||
// 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', '.dropdown-menu', Dropdown.prototype.keydown) |
||||
|
||||
}(jQuery); |
||||
@ -1,337 +0,0 @@ |
||||
/* ======================================================================== |
||||
* Bootstrap: modal.js v3.3.6 |
||||
* http://getbootstrap.com/javascript/#modals
|
||||
* ======================================================================== |
||||
* Copyright 2011-2015 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.$dialog = this.$element.find('.modal-dialog') |
||||
this.$backdrop = null |
||||
this.isShown = null |
||||
this.originalBodyPad = null |
||||
this.scrollbarWidth = 0 |
||||
this.ignoreBackdropClick = false |
||||
|
||||
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.6' |
||||
|
||||
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.$dialog.on('mousedown.dismiss.bs.modal', function () { |
||||
that.$element.one('mouseup.dismiss.bs.modal', function (e) { |
||||
if ($(e.target).is(that.$element)) that.ignoreBackdropClick = true |
||||
}) |
||||
}) |
||||
|
||||
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) |
||||
|
||||
that.adjustDialog() |
||||
|
||||
if (transition) { |
||||
that.$element[0].offsetWidth // force reflow
|
||||
} |
||||
|
||||
that.$element.addClass('in') |
||||
|
||||
that.enforceFocus() |
||||
|
||||
var e = $.Event('shown.bs.modal', { relatedTarget: _relatedTarget }) |
||||
|
||||
transition ? |
||||
that.$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') |
||||
.off('click.dismiss.bs.modal') |
||||
.off('mouseup.dismiss.bs.modal') |
||||
|
||||
this.$dialog.off('mousedown.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 = $(document.createElement('div')) |
||||
.addClass('modal-backdrop ' + animate) |
||||
.appendTo(this.$body) |
||||
|
||||
this.$element.on('click.dismiss.bs.modal', $.proxy(function (e) { |
||||
if (this.ignoreBackdropClick) { |
||||
this.ignoreBackdropClick = false |
||||
return |
||||
} |
||||
if (e.target !== e.currentTarget) return |
||||
this.options.backdrop == 'static' |
||||
? this.$element[0].focus() |
||||
: this.hide() |
||||
}, 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 () { |
||||
this.adjustDialog() |
||||
} |
||||
|
||||
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 () { |
||||
var fullWindowWidth = window.innerWidth |
||||
if (!fullWindowWidth) { // workaround for missing window.innerWidth in IE8
|
||||
var documentElementRect = document.documentElement.getBoundingClientRect() |
||||
fullWindowWidth = documentElementRect.right - Math.abs(documentElementRect.left) |
||||
} |
||||
this.bodyIsOverflowing = document.body.clientWidth < fullWindowWidth |
||||
this.scrollbarWidth = this.measureScrollbar() |
||||
} |
||||
|
||||
Modal.prototype.setScrollbar = function () { |
||||
var bodyPad = parseInt((this.$body.css('padding-right') || 0), 10) |
||||
this.originalBodyPad = document.body.style.paddingRight || '' |
||||
if (this.bodyIsOverflowing) this.$body.css('padding-right', bodyPad + this.scrollbarWidth) |
||||
} |
||||
|
||||
Modal.prototype.resetScrollbar = function () { |
||||
this.$body.css('padding-right', this.originalBodyPad) |
||||
} |
||||
|
||||
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); |
||||
@ -1,108 +0,0 @@ |
||||
/* ======================================================================== |
||||
* Bootstrap: popover.js v3.3.6 |
||||
* http://getbootstrap.com/javascript/#popovers
|
||||
* ======================================================================== |
||||
* Copyright 2011-2015 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.6' |
||||
|
||||
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 PLUGIN DEFINITION
|
||||
// =========================
|
||||
|
||||
function Plugin(option) { |
||||
return this.each(function () { |
||||
var $this = $(this) |
||||
var data = $this.data('bs.popover') |
||||
var options = typeof option == 'object' && option |
||||
|
||||
if (!data && /destroy|hide/.test(option)) return |
||||
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); |
||||
@ -1,172 +0,0 @@ |
||||
/* ======================================================================== |
||||
* Bootstrap: scrollspy.js v3.3.6 |
||||
* http://getbootstrap.com/javascript/#scrollspy
|
||||
* ======================================================================== |
||||
* Copyright 2011-2015 Twitter, Inc. |
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* ======================================================================== */ |
||||
|
||||
|
||||
+function ($) { |
||||
'use strict'; |
||||
|
||||
// SCROLLSPY CLASS DEFINITION
|
||||
// ==========================
|
||||
|
||||
function ScrollSpy(element, options) { |
||||
this.$body = $(document.body) |
||||
this.$scrollElement = $(element).is(document.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', $.proxy(this.process, this)) |
||||
this.refresh() |
||||
this.process() |
||||
} |
||||
|
||||
ScrollSpy.VERSION = '3.3.6' |
||||
|
||||
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 that = this |
||||
var offsetMethod = 'offset' |
||||
var offsetBase = 0 |
||||
|
||||
this.offsets = [] |
||||
this.targets = [] |
||||
this.scrollHeight = this.getScrollHeight() |
||||
|
||||
if (!$.isWindow(this.$scrollElement[0])) { |
||||
offsetMethod = 'position' |
||||
offsetBase = this.$scrollElement.scrollTop() |
||||
} |
||||
|
||||
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 () { |
||||
that.offsets.push(this[0]) |
||||
that.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] === undefined || 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); |
||||
@ -1,155 +0,0 @@ |
||||
/* ======================================================================== |
||||
* Bootstrap: tab.js v3.3.6 |
||||
* http://getbootstrap.com/javascript/#tabs
|
||||
* ======================================================================== |
||||
* Copyright 2011-2015 Twitter, Inc. |
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* ======================================================================== */ |
||||
|
||||
|
||||
+function ($) { |
||||
'use strict'; |
||||
|
||||
// TAB CLASS DEFINITION
|
||||
// ====================
|
||||
|
||||
var Tab = function (element) { |
||||
// jscs:disable requireDollarBeforejQueryAssignment
|
||||
this.element = $(element) |
||||
// jscs:enable requireDollarBeforejQueryAssignment
|
||||
} |
||||
|
||||
Tab.VERSION = '3.3.6' |
||||
|
||||
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').length) { |
||||
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); |
||||
@ -1,514 +0,0 @@ |
||||
/* ======================================================================== |
||||
* Bootstrap: tooltip.js v3.3.6 |
||||
* http://getbootstrap.com/javascript/#tooltip
|
||||
* Inspired by the original jQuery.tipsy by Jason Frame |
||||
* ======================================================================== |
||||
* Copyright 2011-2015 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 = null |
||||
this.options = null |
||||
this.enabled = null |
||||
this.timeout = null |
||||
this.hoverState = null |
||||
this.$element = null |
||||
this.inState = null |
||||
|
||||
this.init('tooltip', element, options) |
||||
} |
||||
|
||||
Tooltip.VERSION = '3.3.6' |
||||
|
||||
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 && $($.isFunction(this.options.viewport) ? this.options.viewport.call(this, this.$element) : (this.options.viewport.selector || this.options.viewport)) |
||||
this.inState = { click: false, hover: false, focus: false } |
||||
|
||||
if (this.$element[0] instanceof document.constructor && !this.options.selector) { |
||||
throw new Error('`selector` option must be specified when initializing ' + this.type + ' on the window.document object!') |
||||
} |
||||
|
||||
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 = new this.constructor(obj.currentTarget, this.getDelegateOptions()) |
||||
$(obj.currentTarget).data('bs.' + this.type, self) |
||||
} |
||||
|
||||
if (obj instanceof $.Event) { |
||||
self.inState[obj.type == 'focusin' ? 'focus' : 'hover'] = true |
||||
} |
||||
|
||||
if (self.tip().hasClass('in') || self.hoverState == 'in') { |
||||
self.hoverState = 'in' |
||||
return |
||||
} |
||||
|
||||
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.isInStateTrue = function () { |
||||
for (var key in this.inState) { |
||||
if (this.inState[key]) return true |
||||
} |
||||
|
||||
return false |
||||
} |
||||
|
||||
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) |
||||
} |
||||
|
||||
if (obj instanceof $.Event) { |
||||
self.inState[obj.type == 'focusout' ? 'focus' : 'hover'] = false |
||||
} |
||||
|
||||
if (self.isInStateTrue()) return |
||||
|
||||
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) |
||||
this.$element.trigger('inserted.bs.' + this.type) |
||||
|
||||
var pos = this.getPosition() |
||||
var actualWidth = $tip[0].offsetWidth |
||||
var actualHeight = $tip[0].offsetHeight |
||||
|
||||
if (autoPlace) { |
||||
var orgPlacement = placement |
||||
var viewportDim = this.getPosition(this.$viewport) |
||||
|
||||
placement = placement == 'bottom' && pos.bottom + actualHeight > viewportDim.bottom ? 'top' : |
||||
placement == 'top' && pos.top - actualHeight < viewportDim.top ? 'bottom' : |
||||
placement == 'right' && pos.right + actualWidth > viewportDim.width ? 'left' : |
||||
placement == 'left' && pos.left - actualWidth < viewportDim.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 += marginTop |
||||
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, isVertical) { |
||||
this.arrow() |
||||
.css(isVertical ? 'left' : 'top', 50 * (1 - delta / dimension) + '%') |
||||
.css(isVertical ? '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 && $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.right) { // 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 () { |
||||
if (!this.$tip) { |
||||
this.$tip = $(this.options.template) |
||||
if (this.$tip.length != 1) { |
||||
throw new Error(this.type + ' `template` option must consist of exactly 1 top-level element!') |
||||
} |
||||
} |
||||
return this.$tip |
||||
} |
||||
|
||||
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) |
||||
} |
||||
} |
||||
|
||||
if (e) { |
||||
self.inState.click = !self.inState.click |
||||
if (self.isInStateTrue()) self.enter(self) |
||||
else self.leave(self) |
||||
} else { |
||||
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) |
||||
if (that.$tip) { |
||||
that.$tip.detach() |
||||
} |
||||
that.$tip = null |
||||
that.$arrow = null |
||||
that.$viewport = null |
||||
}) |
||||
} |
||||
|
||||
|
||||
// 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 |
||||
|
||||
if (!data && /destroy|hide/.test(option)) return |
||||
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); |
||||
@ -1,59 +0,0 @@ |
||||
/* ======================================================================== |
||||
* Bootstrap: transition.js v3.3.6 |
||||
* http://getbootstrap.com/javascript/#transitions
|
||||
* ======================================================================== |
||||
* Copyright 2011-2015 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); |
||||
@ -1,304 +0,0 @@ |
||||
{ |
||||
"always-semicolon": true, |
||||
"block-indent": 2, |
||||
"color-case": "lower", |
||||
"color-shorthand": true, |
||||
"element-case": "lower", |
||||
"eof-newline": true, |
||||
"leading-zero": false, |
||||
"remove-empty-rulesets": true, |
||||
"space-after-colon": 1, |
||||
"space-after-combinator": 1, |
||||
"space-before-selector-delimiter": 0, |
||||
"space-between-declarations": "\n", |
||||
"space-after-opening-brace": "\n", |
||||
"space-before-closing-brace": "\n", |
||||
"space-before-colon": 0, |
||||
"space-before-combinator": 1, |
||||
"space-before-opening-brace": 1, |
||||
"strip-spaces": true, |
||||
"unitless-zero": true, |
||||
"vendor-prefix-align": true, |
||||
"sort-order": [ |
||||
[ |
||||
"position", |
||||
"top", |
||||
"right", |
||||
"bottom", |
||||
"left", |
||||
"z-index", |
||||
"display", |
||||
"float", |
||||
"width", |
||||
"min-width", |
||||
"max-width", |
||||
"height", |
||||
"min-height", |
||||
"max-height", |
||||
"-webkit-box-sizing", |
||||
"-moz-box-sizing", |
||||
"box-sizing", |
||||
"-webkit-appearance", |
||||
"padding", |
||||
"padding-top", |
||||
"padding-right", |
||||
"padding-bottom", |
||||
"padding-left", |
||||
"margin", |
||||
"margin-top", |
||||
"margin-right", |
||||
"margin-bottom", |
||||
"margin-left", |
||||
"overflow", |
||||
"overflow-x", |
||||
"overflow-y", |
||||
"-webkit-overflow-scrolling", |
||||
"-ms-overflow-x", |
||||
"-ms-overflow-y", |
||||
"-ms-overflow-style", |
||||
"clip", |
||||
"clear", |
||||
"font", |
||||
"font-family", |
||||
"font-size", |
||||
"font-style", |
||||
"font-weight", |
||||
"font-variant", |
||||
"font-size-adjust", |
||||
"font-stretch", |
||||
"font-effect", |
||||
"font-emphasize", |
||||
"font-emphasize-position", |
||||
"font-emphasize-style", |
||||
"font-smooth", |
||||
"-webkit-hyphens", |
||||
"-moz-hyphens", |
||||
"hyphens", |
||||
"line-height", |
||||
"color", |
||||
"text-align", |
||||
"-webkit-text-align-last", |
||||
"-moz-text-align-last", |
||||
"-ms-text-align-last", |
||||
"text-align-last", |
||||
"text-emphasis", |
||||
"text-emphasis-color", |
||||
"text-emphasis-style", |
||||
"text-emphasis-position", |
||||
"text-decoration", |
||||
"text-indent", |
||||
"text-justify", |
||||
"text-outline", |
||||
"-ms-text-overflow", |
||||
"text-overflow", |
||||
"text-overflow-ellipsis", |
||||
"text-overflow-mode", |
||||
"text-shadow", |
||||
"text-transform", |
||||
"text-wrap", |
||||
"-webkit-text-size-adjust", |
||||
"-ms-text-size-adjust", |
||||
"letter-spacing", |
||||
"-ms-word-break", |
||||
"word-break", |
||||
"word-spacing", |
||||
"-ms-word-wrap", |
||||
"word-wrap", |
||||
"-moz-tab-size", |
||||
"-o-tab-size", |
||||
"tab-size", |
||||
"white-space", |
||||
"vertical-align", |
||||
"list-style", |
||||
"list-style-position", |
||||
"list-style-type", |
||||
"list-style-image", |
||||
"pointer-events", |
||||
"-ms-touch-action", |
||||
"touch-action", |
||||
"cursor", |
||||
"visibility", |
||||
"zoom", |
||||
"flex-direction", |
||||
"flex-order", |
||||
"flex-pack", |
||||
"flex-align", |
||||
"table-layout", |
||||
"empty-cells", |
||||
"caption-side", |
||||
"border-spacing", |
||||
"border-collapse", |
||||
"content", |
||||
"quotes", |
||||
"counter-reset", |
||||
"counter-increment", |
||||
"resize", |
||||
"-webkit-user-select", |
||||
"-moz-user-select", |
||||
"-ms-user-select", |
||||
"-o-user-select", |
||||
"user-select", |
||||
"nav-index", |
||||
"nav-up", |
||||
"nav-right", |
||||
"nav-down", |
||||
"nav-left", |
||||
"background", |
||||
"background-color", |
||||
"background-image", |
||||
"-ms-filter:\\'progid:DXImageTransform.Microsoft.gradient", |
||||
"filter:progid:DXImageTransform.Microsoft.gradient", |
||||
"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader", |
||||
"filter", |
||||
"background-repeat", |
||||
"background-attachment", |
||||
"background-position", |
||||
"background-position-x", |
||||
"background-position-y", |
||||
"-webkit-background-clip", |
||||
"-moz-background-clip", |
||||
"background-clip", |
||||
"background-origin", |
||||
"-webkit-background-size", |
||||
"-moz-background-size", |
||||
"-o-background-size", |
||||
"background-size", |
||||
"border", |
||||
"border-color", |
||||
"border-style", |
||||
"border-width", |
||||
"border-top", |
||||
"border-top-color", |
||||
"border-top-style", |
||||
"border-top-width", |
||||
"border-right", |
||||
"border-right-color", |
||||
"border-right-style", |
||||
"border-right-width", |
||||
"border-bottom", |
||||
"border-bottom-color", |
||||
"border-bottom-style", |
||||
"border-bottom-width", |
||||
"border-left", |
||||
"border-left-color", |
||||
"border-left-style", |
||||
"border-left-width", |
||||
"border-radius", |
||||
"border-top-left-radius", |
||||
"border-top-right-radius", |
||||
"border-bottom-right-radius", |
||||
"border-bottom-left-radius", |
||||
"-webkit-border-image", |
||||
"-moz-border-image", |
||||
"-o-border-image", |
||||
"border-image", |
||||
"-webkit-border-image-source", |
||||
"-moz-border-image-source", |
||||
"-o-border-image-source", |
||||
"border-image-source", |
||||
"-webkit-border-image-slice", |
||||
"-moz-border-image-slice", |
||||
"-o-border-image-slice", |
||||
"border-image-slice", |
||||
"-webkit-border-image-width", |
||||
"-moz-border-image-width", |
||||
"-o-border-image-width", |
||||
"border-image-width", |
||||
"-webkit-border-image-outset", |
||||
"-moz-border-image-outset", |
||||
"-o-border-image-outset", |
||||
"border-image-outset", |
||||
"-webkit-border-image-repeat", |
||||
"-moz-border-image-repeat", |
||||
"-o-border-image-repeat", |
||||
"border-image-repeat", |
||||
"outline", |
||||
"outline-width", |
||||
"outline-style", |
||||
"outline-color", |
||||
"outline-offset", |
||||
"-webkit-box-shadow", |
||||
"-moz-box-shadow", |
||||
"box-shadow", |
||||
"filter:progid:DXImageTransform.Microsoft.Alpha(Opacity", |
||||
"-ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha", |
||||
"opacity", |
||||
"-ms-interpolation-mode", |
||||
"-webkit-transition", |
||||
"-moz-transition", |
||||
"-ms-transition", |
||||
"-o-transition", |
||||
"transition", |
||||
"-webkit-transition-delay", |
||||
"-moz-transition-delay", |
||||
"-ms-transition-delay", |
||||
"-o-transition-delay", |
||||
"transition-delay", |
||||
"-webkit-transition-timing-function", |
||||
"-moz-transition-timing-function", |
||||
"-ms-transition-timing-function", |
||||
"-o-transition-timing-function", |
||||
"transition-timing-function", |
||||
"-webkit-transition-duration", |
||||
"-moz-transition-duration", |
||||
"-ms-transition-duration", |
||||
"-o-transition-duration", |
||||
"transition-duration", |
||||
"-webkit-transition-property", |
||||
"-moz-transition-property", |
||||
"-ms-transition-property", |
||||
"-o-transition-property", |
||||
"transition-property", |
||||
"-webkit-transform", |
||||
"-moz-transform", |
||||
"-ms-transform", |
||||
"-o-transform", |
||||
"transform", |
||||
"-webkit-transform-origin", |
||||
"-moz-transform-origin", |
||||
"-ms-transform-origin", |
||||
"-o-transform-origin", |
||||
"transform-origin", |
||||
"-webkit-animation", |
||||
"-moz-animation", |
||||
"-ms-animation", |
||||
"-o-animation", |
||||
"animation", |
||||
"-webkit-animation-name", |
||||
"-moz-animation-name", |
||||
"-ms-animation-name", |
||||
"-o-animation-name", |
||||
"animation-name", |
||||
"-webkit-animation-duration", |
||||
"-moz-animation-duration", |
||||
"-ms-animation-duration", |
||||
"-o-animation-duration", |
||||
"animation-duration", |
||||
"-webkit-animation-play-state", |
||||
"-moz-animation-play-state", |
||||
"-ms-animation-play-state", |
||||
"-o-animation-play-state", |
||||
"animation-play-state", |
||||
"-webkit-animation-timing-function", |
||||
"-moz-animation-timing-function", |
||||
"-ms-animation-timing-function", |
||||
"-o-animation-timing-function", |
||||
"animation-timing-function", |
||||
"-webkit-animation-delay", |
||||
"-moz-animation-delay", |
||||
"-ms-animation-delay", |
||||
"-o-animation-delay", |
||||
"animation-delay", |
||||
"-webkit-animation-iteration-count", |
||||
"-moz-animation-iteration-count", |
||||
"-ms-animation-iteration-count", |
||||
"-o-animation-iteration-count", |
||||
"animation-iteration-count", |
||||
"-webkit-animation-direction", |
||||
"-moz-animation-direction", |
||||
"-ms-animation-direction", |
||||
"-o-animation-direction", |
||||
"animation-direction" |
||||
] |
||||
] |
||||
} |
||||
@ -1,19 +0,0 @@ |
||||
{ |
||||
"adjoining-classes": false, |
||||
"box-sizing": false, |
||||
"box-model": false, |
||||
"compatible-vendor-prefixes": false, |
||||
"floats": false, |
||||
"font-sizes": false, |
||||
"gradients": false, |
||||
"important": false, |
||||
"known-properties": false, |
||||
"outline-none": false, |
||||
"qualified-headings": false, |
||||
"regex-selectors": false, |
||||
"shorthand": false, |
||||
"text-indent": false, |
||||
"unique-headings": false, |
||||
"universal-selector": false, |
||||
"unqualified-attributes": false |
||||
} |
||||
@ -1,73 +0,0 @@ |
||||
// |
||||
// 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 { |
||||
.alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text); |
||||
} |
||||
|
||||
.alert-info { |
||||
.alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text); |
||||
} |
||||
|
||||
.alert-warning { |
||||
.alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text); |
||||
} |
||||
|
||||
.alert-danger { |
||||
.alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text); |
||||
} |
||||
@ -1,66 +0,0 @@ |
||||
// |
||||
// 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: middle; |
||||
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 &, |
||||
.btn-group-xs > .btn & { |
||||
top: 0; |
||||
padding: 1px 5px; |
||||
} |
||||
|
||||
// Hover state, but only for links |
||||
a& { |
||||
&:hover, |
||||
&:focus { |
||||
color: @badge-link-hover-color; |
||||
text-decoration: none; |
||||
cursor: pointer; |
||||
} |
||||
} |
||||
|
||||
// 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; |
||||
} |
||||
} |
||||
@ -1,56 +0,0 @@ |
||||
/*! |
||||
* Bootstrap v3.3.6 (http://getbootstrap.com) |
||||
* Copyright 2011-2015 Twitter, Inc. |
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) |
||||
*/ |
||||
|
||||
// Core variables and mixins |
||||
@import "variables.less"; |
||||
@import "mixins.less"; |
||||
|
||||
// Reset and dependencies |
||||
@import "normalize.less"; |
||||
@import "print.less"; |
||||
@import "glyphicons.less"; |
||||
|
||||
// Core CSS |
||||
@import "scaffolding.less"; |
||||
@import "type.less"; |
||||
@import "code.less"; |
||||
@import "grid.less"; |
||||
@import "tables.less"; |
||||
@import "forms.less"; |
||||
@import "buttons.less"; |
||||
|
||||
// Components |
||||
@import "component-animations.less"; |
||||
@import "dropdowns.less"; |
||||
@import "button-groups.less"; |
||||
@import "input-groups.less"; |
||||
@import "navs.less"; |
||||
@import "navbar.less"; |
||||
@import "breadcrumbs.less"; |
||||
@import "pagination.less"; |
||||
@import "pager.less"; |
||||
@import "labels.less"; |
||||
@import "badges.less"; |
||||
@import "jumbotron.less"; |
||||
@import "thumbnails.less"; |
||||
@import "alerts.less"; |
||||
@import "progress-bars.less"; |
||||
@import "media.less"; |
||||
@import "list-group.less"; |
||||
@import "panels.less"; |
||||
@import "responsive-embed.less"; |
||||
@import "wells.less"; |
||||
@import "close.less"; |
||||
|
||||
// Components w/ JavaScript |
||||
@import "modals.less"; |
||||
@import "tooltip.less"; |
||||
@import "popovers.less"; |
||||
@import "carousel.less"; |
||||
|
||||
// Utility classes |
||||
@import "utilities.less"; |
||||
@import "responsive-utilities.less"; |
||||
@ -1,26 +0,0 @@ |
||||
// |
||||
// 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; |
||||
} |
||||
} |
||||
@ -1,244 +0,0 @@ |
||||
// |
||||
// 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 |
||||
&:extend(.clearfix all); |
||||
|
||||
.btn, |
||||
.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) { |
||||
.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) { |
||||
.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:not(:last-child) { |
||||
> .btn:last-child, |
||||
> .dropdown-toggle { |
||||
.border-right-radius(0); |
||||
} |
||||
} |
||||
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { |
||||
.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 { |
||||
.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 { |
||||
.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 { |
||||
&:extend(.clearfix all); |
||||
> .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-radius(@btn-border-radius-base); |
||||
.border-bottom-radius(0); |
||||
} |
||||
&:last-child:not(:first-child) { |
||||
.border-top-radius(0); |
||||
.border-bottom-radius(@btn-border-radius-base); |
||||
} |
||||
} |
||||
.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 { |
||||
.border-bottom-radius(0); |
||||
} |
||||
} |
||||
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { |
||||
.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; |
||||
} |
||||
} |
||||
} |
||||
@ -1,166 +0,0 @@ |
||||
// |
||||
// 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; |
||||
.button-size(@padding-base-vertical; @padding-base-horizontal; @font-size-base; @line-height-base; @btn-border-radius-base); |
||||
.user-select(none); |
||||
|
||||
&, |
||||
&:active, |
||||
&.active { |
||||
&:focus, |
||||
&.focus { |
||||
.tab-focus(); |
||||
} |
||||
} |
||||
|
||||
&:hover, |
||||
&:focus, |
||||
&.focus { |
||||
color: @btn-default-color; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
&:active, |
||||
&.active { |
||||
outline: 0; |
||||
background-image: none; |
||||
.box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); |
||||
} |
||||
|
||||
&.disabled, |
||||
&[disabled], |
||||
fieldset[disabled] & { |
||||
cursor: @cursor-disabled; |
||||
.opacity(.65); |
||||
.box-shadow(none); |
||||
} |
||||
|
||||
a& { |
||||
&.disabled, |
||||
fieldset[disabled] & { |
||||
pointer-events: none; // Future-proof disabling of clicks on `<a>` elements |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
// Alternate buttons |
||||
// -------------------------------------------------- |
||||
|
||||
.btn-default { |
||||
.button-variant(@btn-default-color; @btn-default-bg; @btn-default-border); |
||||
} |
||||
.btn-primary { |
||||
.button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border); |
||||
} |
||||
// Success appears as green |
||||
.btn-success { |
||||
.button-variant(@btn-success-color; @btn-success-bg; @btn-success-border); |
||||
} |
||||
// Info appears as blue-green |
||||
.btn-info { |
||||
.button-variant(@btn-info-color; @btn-info-bg; @btn-info-border); |
||||
} |
||||
// Warning appears as orange |
||||
.btn-warning { |
||||
.button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border); |
||||
} |
||||
// Danger and error appear as red |
||||
.btn-danger { |
||||
.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; |
||||
.box-shadow(none); |
||||
} |
||||
&, |
||||
&:hover, |
||||
&:focus, |
||||
&:active { |
||||
border-color: transparent; |
||||
} |
||||
&:hover, |
||||
&:focus { |
||||
color: @link-hover-color; |
||||
text-decoration: @link-hover-decoration; |
||||
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 |
||||
.button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @btn-border-radius-large); |
||||
} |
||||
.btn-sm { |
||||
// line-height: ensure proper height of button next to small input |
||||
.button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @btn-border-radius-small); |
||||
} |
||||
.btn-xs { |
||||
.button-size(@padding-xs-vertical; @padding-xs-horizontal; @font-size-small; @line-height-small; @btn-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%; |
||||
} |
||||
} |
||||
@ -1,270 +0,0 @@ |
||||
// |
||||
// Carousel |
||||
// -------------------------------------------------- |
||||
|
||||
|
||||
// Wrapper for the slide container and indicators |
||||
.carousel { |
||||
position: relative; |
||||
} |
||||
|
||||
.carousel-inner { |
||||
position: relative; |
||||
overflow: hidden; |
||||
width: 100%; |
||||
|
||||
> .item { |
||||
display: none; |
||||
position: relative; |
||||
.transition(.6s ease-in-out left); |
||||
|
||||
// Account for jankitude on images |
||||
> img, |
||||
> a > img { |
||||
&:extend(.img-responsive); |
||||
line-height: 1; |
||||
} |
||||
|
||||
// WebKit CSS3 transforms for supported devices |
||||
@media all and (transform-3d), (-webkit-transform-3d) { |
||||
.transition-transform(~'0.6s ease-in-out'); |
||||
.backface-visibility(~'hidden'); |
||||
.perspective(1000px); |
||||
|
||||
&.next, |
||||
&.active.right { |
||||
.translate3d(100%, 0, 0); |
||||
left: 0; |
||||
} |
||||
&.prev, |
||||
&.active.left { |
||||
.translate3d(-100%, 0, 0); |
||||
left: 0; |
||||
} |
||||
&.next.left, |
||||
&.prev.right, |
||||
&.active { |
||||
.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; |
||||
.opacity(@carousel-control-opacity); |
||||
font-size: @carousel-control-font-size; |
||||
color: @carousel-control-color; |
||||
text-align: center; |
||||
text-shadow: @carousel-text-shadow; |
||||
background-color: rgba(0, 0, 0, 0); // Fix IE9 click-thru bug |
||||
// 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 { |
||||
#gradient > .horizontal(@start-color: rgba(0,0,0,.5); @end-color: rgba(0,0,0,.0001)); |
||||
} |
||||
&.right { |
||||
left: auto; |
||||
right: 0; |
||||
#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; |
||||
.opacity(.9); |
||||
} |
||||
|
||||
// Toggles |
||||
.icon-prev, |
||||
.icon-next, |
||||
.glyphicon-chevron-left, |
||||
.glyphicon-chevron-right { |
||||
position: absolute; |
||||
top: 50%; |
||||
margin-top: -10px; |
||||
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; |
||||
line-height: 1; |
||||
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. |
||||
// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer |
||||
// |
||||
// 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: (@carousel-control-font-size * 1.5); |
||||
height: (@carousel-control-font-size * 1.5); |
||||
margin-top: (@carousel-control-font-size / -2); |
||||
font-size: (@carousel-control-font-size * 1.5); |
||||
} |
||||
.glyphicon-chevron-left, |
||||
.icon-prev { |
||||
margin-left: (@carousel-control-font-size / -2); |
||||
} |
||||
.glyphicon-chevron-right, |
||||
.icon-next { |
||||
margin-right: (@carousel-control-font-size / -2); |
||||
} |
||||
} |
||||
|
||||
// Show and left align the captions |
||||
.carousel-caption { |
||||
left: 20%; |
||||
right: 20%; |
||||
padding-bottom: 30px; |
||||
} |
||||
|
||||
// Move up the indicators |
||||
.carousel-indicators { |
||||
bottom: 20px; |
||||
} |
||||
} |
||||
@ -1,34 +0,0 @@ |
||||
// |
||||
// 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; |
||||
.opacity(.2); |
||||
|
||||
&:hover, |
||||
&:focus { |
||||
color: @close-color; |
||||
text-decoration: none; |
||||
cursor: pointer; |
||||
.opacity(.5); |
||||
} |
||||
|
||||
// Additional properties for button version |
||||
// iOS requires the button element instead of an anchor tag. |
||||
// If you want the anchor version, it requires `href="#"`. |
||||
// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile |
||||
button& { |
||||
padding: 0; |
||||
cursor: pointer; |
||||
background: transparent; |
||||
border: 0; |
||||
-webkit-appearance: none; |
||||
} |
||||
} |
||||
@ -1,69 +0,0 @@ |
||||
// |
||||
// 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; |
||||
} |
||||
@ -1,33 +0,0 @@ |
||||
// |
||||
// 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; |
||||
.transition(opacity .15s linear); |
||||
&.in { |
||||
opacity: 1; |
||||
} |
||||
} |
||||
|
||||
.collapse { |
||||
display: none; |
||||
|
||||
&.in { display: block; } |
||||
tr&.in { display: table-row; } |
||||
tbody&.in { display: table-row-group; } |
||||
} |
||||
|
||||
.collapsing { |
||||
position: relative; |
||||
height: 0; |
||||
overflow: hidden; |
||||
.transition-property(~"height, visibility"); |
||||
.transition-duration(.35s); |
||||
.transition-timing-function(ease); |
||||
} |
||||
@ -1,216 +0,0 @@ |
||||
// |
||||
// Dropdown menus |
||||
// -------------------------------------------------- |
||||
|
||||
|
||||
// Dropdown arrow/caret |
||||
.caret { |
||||
display: inline-block; |
||||
width: 0; |
||||
height: 0; |
||||
margin-left: 2px; |
||||
vertical-align: middle; |
||||
border-top: @caret-width-base dashed; |
||||
border-top: @caret-width-base solid ~"\9"; // IE8 |
||||
border-right: @caret-width-base solid transparent; |
||||
border-left: @caret-width-base solid transparent; |
||||
} |
||||
|
||||
// The dropdown wrapper (div) |
||||
.dropup, |
||||
.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; |
||||
.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 { |
||||
.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 |
||||
.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 dashed; |
||||
border-bottom: @caret-width-base solid ~"\9"; // IE8 |
||||
content: ""; |
||||
} |
||||
// Different positioning for bottom up menu |
||||
.dropdown-menu { |
||||
top: auto; |
||||
bottom: 100%; |
||||
margin-bottom: 2px; |
||||
} |
||||
} |
||||
|
||||
|
||||
// Component alignment |
||||
// |
||||
// Reiterate per navbar.less and the modified component alignment there. |
||||
|
||||
@media (min-width: @grid-float-breakpoint) { |
||||
.navbar-right { |
||||
.dropdown-menu { |
||||
.dropdown-menu-right(); |
||||
} |
||||
// Necessary for overrides of the default right aligned menu. |
||||
// Will remove come v4 in all likelihood. |
||||
.dropdown-menu-left { |
||||
.dropdown-menu-left(); |
||||
} |
||||
} |
||||
} |
||||
@ -1,613 +0,0 @@ |
||||
// |
||||
// 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"] { |
||||
.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; |
||||
} |
||||
|
||||
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 { |
||||
.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; // Note: This has no effect on <select>s in some browsers, due to the limited stylability of <select>s in CSS. |
||||
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); |
||||
.transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s"); |
||||
|
||||
// Customize the `:focus` state to imitate native WebKit styles. |
||||
.form-control-focus(); |
||||
|
||||
// Placeholder |
||||
.placeholder(); |
||||
|
||||
// Unstyle the caret on `<select>`s in IE10+. |
||||
&::-ms-expand { |
||||
border: 0; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
// 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] & { |
||||
background-color: @input-bg-disabled; |
||||
opacity: 1; // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655 |
||||
} |
||||
|
||||
&[disabled], |
||||
fieldset[disabled] & { |
||||
cursor: @cursor-disabled; |
||||
} |
||||
|
||||
// Reset height for `textarea`s |
||||
textarea& { |
||||
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. See https://bugs.webkit.org/show_bug.cgi?id=139848 |
||||
// |
||||
// Note that as of 8.3, iOS doesn't support `datetime` or `week`. |
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio: 0) { |
||||
input[type="date"], |
||||
input[type="time"], |
||||
input[type="datetime-local"], |
||||
input[type="month"] { |
||||
&.form-control { |
||||
line-height: @input-height-base; |
||||
} |
||||
|
||||
&.input-sm, |
||||
.input-group-sm & { |
||||
line-height: @input-height-small; |
||||
} |
||||
|
||||
&.input-lg, |
||||
.input-group-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: @form-group-margin-bottom; |
||||
} |
||||
|
||||
|
||||
// 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 { |
||||
position: relative; |
||||
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; |
||||
min-height: (@line-height-computed + @font-size-base); |
||||
|
||||
&.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. |
||||
// |
||||
// The `.form-group-* form-control` variations are sadly duplicated to avoid the |
||||
// issue documented in https://github.com/twbs/bootstrap/issues/15074. |
||||
|
||||
.input-sm { |
||||
.input-size(@input-height-small; @padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @input-border-radius-small); |
||||
} |
||||
.form-group-sm { |
||||
.form-control { |
||||
height: @input-height-small; |
||||
padding: @padding-small-vertical @padding-small-horizontal; |
||||
font-size: @font-size-small; |
||||
line-height: @line-height-small; |
||||
border-radius: @input-border-radius-small; |
||||
} |
||||
select.form-control { |
||||
height: @input-height-small; |
||||
line-height: @input-height-small; |
||||
} |
||||
textarea.form-control, |
||||
select[multiple].form-control { |
||||
height: auto; |
||||
} |
||||
.form-control-static { |
||||
height: @input-height-small; |
||||
min-height: (@line-height-computed + @font-size-small); |
||||
padding: (@padding-small-vertical + 1) @padding-small-horizontal; |
||||
font-size: @font-size-small; |
||||
line-height: @line-height-small; |
||||
} |
||||
} |
||||
|
||||
.input-lg { |
||||
.input-size(@input-height-large; @padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @input-border-radius-large); |
||||
} |
||||
.form-group-lg { |
||||
.form-control { |
||||
height: @input-height-large; |
||||
padding: @padding-large-vertical @padding-large-horizontal; |
||||
font-size: @font-size-large; |
||||
line-height: @line-height-large; |
||||
border-radius: @input-border-radius-large; |
||||
} |
||||
select.form-control { |
||||
height: @input-height-large; |
||||
line-height: @input-height-large; |
||||
} |
||||
textarea.form-control, |
||||
select[multiple].form-control { |
||||
height: auto; |
||||
} |
||||
.form-control-static { |
||||
height: @input-height-large; |
||||
min-height: (@line-height-computed + @font-size-large); |
||||
padding: (@padding-large-vertical + 1) @padding-large-horizontal; |
||||
font-size: @font-size-large; |
||||
line-height: @line-height-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, |
||||
.input-group-lg + .form-control-feedback, |
||||
.form-group-lg .form-control + .form-control-feedback { |
||||
width: @input-height-large; |
||||
height: @input-height-large; |
||||
line-height: @input-height-large; |
||||
} |
||||
.input-sm + .form-control-feedback, |
||||
.input-group-sm + .form-control-feedback, |
||||
.form-group-sm .form-control + .form-control-feedback { |
||||
width: @input-height-small; |
||||
height: @input-height-small; |
||||
line-height: @input-height-small; |
||||
} |
||||
|
||||
// Feedback states |
||||
.has-success { |
||||
.form-control-validation(@state-success-text; @state-success-text; @state-success-bg); |
||||
} |
||||
.has-warning { |
||||
.form-control-validation(@state-warning-text; @state-warning-text; @state-warning-bg); |
||||
} |
||||
.has-error { |
||||
.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. |
||||
|
||||
.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. |
||||
.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; |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
// 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 { |
||||
.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: floor((@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 + 1); |
||||
font-size: @font-size-large; |
||||
} |
||||
} |
||||
} |
||||
.form-group-sm { |
||||
@media (min-width: @screen-sm-min) { |
||||
.control-label { |
||||
padding-top: (@padding-small-vertical + 1); |
||||
font-size: @font-size-small; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
@ -1,305 +0,0 @@ |
||||
// |
||||
// 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('@{icon-font-path}@{icon-font-name}.eot'); |
||||
src: url('@{icon-font-path}@{icon-font-name}.eot?#iefix') format('embedded-opentype'), |
||||
url('@{icon-font-path}@{icon-font-name}.woff2') format('woff2'), |
||||
url('@{icon-font-path}@{icon-font-name}.woff') format('woff'), |
||||
url('@{icon-font-path}@{icon-font-name}.ttf') format('truetype'), |
||||
url('@{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: "\002a"; } } |
||||
.glyphicon-plus { &:before { content: "\002b"; } } |
||||
.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"; } } |
||||
.glyphicon-cd { &:before { content: "\e201"; } } |
||||
.glyphicon-save-file { &:before { content: "\e202"; } } |
||||
.glyphicon-open-file { &:before { content: "\e203"; } } |
||||
.glyphicon-level-up { &:before { content: "\e204"; } } |
||||
.glyphicon-copy { &:before { content: "\e205"; } } |
||||
.glyphicon-paste { &:before { content: "\e206"; } } |
||||
// The following 2 Glyphicons are omitted for the time being because |
||||
// they currently use Unicode codepoints that are outside the |
||||
// Basic Multilingual Plane (BMP). Older buggy versions of WebKit can't handle |
||||
// non-BMP codepoints in CSS string escapes, and thus can't display these two icons. |
||||
// Notably, the bug affects some older versions of the Android Browser. |
||||
// More info: https://github.com/twbs/bootstrap/issues/10106 |
||||
// .glyphicon-door { &:before { content: "\1f6aa"; } } |
||||
// .glyphicon-key { &:before { content: "\1f511"; } } |
||||
.glyphicon-alert { &:before { content: "\e209"; } } |
||||
.glyphicon-equalizer { &:before { content: "\e210"; } } |
||||
.glyphicon-king { &:before { content: "\e211"; } } |
||||
.glyphicon-queen { &:before { content: "\e212"; } } |
||||
.glyphicon-pawn { &:before { content: "\e213"; } } |
||||
.glyphicon-bishop { &:before { content: "\e214"; } } |
||||
.glyphicon-knight { &:before { content: "\e215"; } } |
||||
.glyphicon-baby-formula { &:before { content: "\e216"; } } |
||||
.glyphicon-tent { &:before { content: "\26fa"; } } |
||||
.glyphicon-blackboard { &:before { content: "\e218"; } } |
||||
.glyphicon-bed { &:before { content: "\e219"; } } |
||||
.glyphicon-apple { &:before { content: "\f8ff"; } } |
||||
.glyphicon-erase { &:before { content: "\e221"; } } |
||||
.glyphicon-hourglass { &:before { content: "\231b"; } } |
||||
.glyphicon-lamp { &:before { content: "\e223"; } } |
||||
.glyphicon-duplicate { &:before { content: "\e224"; } } |
||||
.glyphicon-piggy-bank { &:before { content: "\e225"; } } |
||||
.glyphicon-scissors { &:before { content: "\e226"; } } |
||||
.glyphicon-bitcoin { &:before { content: "\e227"; } } |
||||
.glyphicon-btc { &:before { content: "\e227"; } } |
||||
.glyphicon-xbt { &:before { content: "\e227"; } } |
||||
.glyphicon-yen { &:before { content: "\00a5"; } } |
||||
.glyphicon-jpy { &:before { content: "\00a5"; } } |
||||
.glyphicon-ruble { &:before { content: "\20bd"; } } |
||||
.glyphicon-rub { &:before { content: "\20bd"; } } |
||||
.glyphicon-scale { &:before { content: "\e230"; } } |
||||
.glyphicon-ice-lolly { &:before { content: "\e231"; } } |
||||
.glyphicon-ice-lolly-tasted { &:before { content: "\e232"; } } |
||||
.glyphicon-education { &:before { content: "\e233"; } } |
||||
.glyphicon-option-horizontal { &:before { content: "\e234"; } } |
||||
.glyphicon-option-vertical { &:before { content: "\e235"; } } |
||||
.glyphicon-menu-hamburger { &:before { content: "\e236"; } } |
||||
.glyphicon-modal-window { &:before { content: "\e237"; } } |
||||
.glyphicon-oil { &:before { content: "\e238"; } } |
||||
.glyphicon-grain { &:before { content: "\e239"; } } |
||||
.glyphicon-sunglasses { &:before { content: "\e240"; } } |
||||
.glyphicon-text-size { &:before { content: "\e241"; } } |
||||
.glyphicon-text-color { &:before { content: "\e242"; } } |
||||
.glyphicon-text-background { &:before { content: "\e243"; } } |
||||
.glyphicon-object-align-top { &:before { content: "\e244"; } } |
||||
.glyphicon-object-align-bottom { &:before { content: "\e245"; } } |
||||
.glyphicon-object-align-horizontal{ &:before { content: "\e246"; } } |
||||
.glyphicon-object-align-left { &:before { content: "\e247"; } } |
||||
.glyphicon-object-align-vertical { &:before { content: "\e248"; } } |
||||
.glyphicon-object-align-right { &:before { content: "\e249"; } } |
||||
.glyphicon-triangle-right { &:before { content: "\e250"; } } |
||||
.glyphicon-triangle-left { &:before { content: "\e251"; } } |
||||
.glyphicon-triangle-bottom { &:before { content: "\e252"; } } |
||||
.glyphicon-triangle-top { &:before { content: "\e253"; } } |
||||
.glyphicon-console { &:before { content: "\e254"; } } |
||||
.glyphicon-superscript { &:before { content: "\e255"; } } |
||||
.glyphicon-subscript { &:before { content: "\e256"; } } |
||||
.glyphicon-menu-left { &:before { content: "\e257"; } } |
||||
.glyphicon-menu-right { &:before { content: "\e258"; } } |
||||
.glyphicon-menu-down { &:before { content: "\e259"; } } |
||||
.glyphicon-menu-up { &:before { content: "\e260"; } } |
||||
@ -1,84 +0,0 @@ |
||||
// |
||||
// Grid system |
||||
// -------------------------------------------------- |
||||
|
||||
|
||||
// Container widths |
||||
// |
||||
// Set the container width, and override it for fixed navbars in media queries. |
||||
|
||||
.container { |
||||
.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 { |
||||
.container-fixed(); |
||||
} |
||||
|
||||
|
||||
// Row |
||||
// |
||||
// Rows contain and clear the floats of your columns. |
||||
|
||||
.row { |
||||
.make-row(); |
||||
} |
||||
|
||||
|
||||
// Columns |
||||
// |
||||
// Common styles for small and large grid columns |
||||
|
||||
.make-grid-columns(); |
||||
|
||||
|
||||
// Extra small grid |
||||
// |
||||
// Columns, offsets, pushes, and pulls for extra small devices like |
||||
// smartphones. |
||||
|
||||
.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) { |
||||
.make-grid(sm); |
||||
} |
||||
|
||||
|
||||
// Medium grid |
||||
// |
||||
// Columns, offsets, pushes, and pulls for the desktop device range. |
||||
|
||||
@media (min-width: @screen-md-min) { |
||||
.make-grid(md); |
||||
} |
||||
|
||||
|
||||
// Large grid |
||||
// |
||||
// Columns, offsets, pushes, and pulls for the large desktop device range. |
||||
|
||||
@media (min-width: @screen-lg-min) { |
||||
.make-grid(lg); |
||||
} |
||||
@ -1,171 +0,0 @@ |
||||
// |
||||
// 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; |
||||
|
||||
&:focus { |
||||
z-index: 3; |
||||
} |
||||
} |
||||
} |
||||
|
||||
// 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 { |
||||
.input-lg(); |
||||
} |
||||
.input-group-sm > .form-control, |
||||
.input-group-sm > .input-group-addon, |
||||
.input-group-sm > .input-group-btn > .btn { |
||||
.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: @input-border-radius; |
||||
|
||||
// Sizing |
||||
&.input-sm { |
||||
padding: @padding-small-vertical @padding-small-horizontal; |
||||
font-size: @font-size-small; |
||||
border-radius: @input-border-radius-small; |
||||
} |
||||
&.input-lg { |
||||
padding: @padding-large-vertical @padding-large-horizontal; |
||||
font-size: @font-size-large; |
||||
border-radius: @input-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 { |
||||
.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 { |
||||
.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 { |
||||
z-index: 2; |
||||
margin-left: -1px; |
||||
} |
||||
} |
||||
} |
||||
@ -1,54 +0,0 @@ |
||||
// |
||||
// Jumbotron |
||||
// -------------------------------------------------- |
||||
|
||||
|
||||
.jumbotron { |
||||
padding-top: @jumbotron-padding; |
||||
padding-bottom: @jumbotron-padding; |
||||
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 |
||||
padding-left: (@grid-gutter-width / 2); |
||||
padding-right: (@grid-gutter-width / 2); |
||||
} |
||||
|
||||
.container { |
||||
max-width: 100%; |
||||
} |
||||
|
||||
@media screen and (min-width: @screen-sm-min) { |
||||
padding-top: (@jumbotron-padding * 1.6); |
||||
padding-bottom: (@jumbotron-padding * 1.6); |
||||
|
||||
.container &, |
||||
.container-fluid & { |
||||
padding-left: (@jumbotron-padding * 2); |
||||
padding-right: (@jumbotron-padding * 2); |
||||
} |
||||
|
||||
h1, |
||||
.h1 { |
||||
font-size: @jumbotron-heading-font-size; |
||||
} |
||||
} |
||||
} |
||||
@ -1,64 +0,0 @@ |
||||
// |
||||
// 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; |
||||
|
||||
// Add hover effects, but only for links |
||||
a& { |
||||
&:hover, |
||||
&:focus { |
||||
color: @label-link-hover-color; |
||||
text-decoration: none; |
||||
cursor: pointer; |
||||
} |
||||
} |
||||
|
||||
// Empty labels collapse automatically (not available in IE8) |
||||
&:empty { |
||||
display: none; |
||||
} |
||||
|
||||
// Quick fix for labels in buttons |
||||
.btn & { |
||||
position: relative; |
||||
top: -1px; |
||||
} |
||||
} |
||||
|
||||
// Colors |
||||
// Contextual variations (linked labels get darker on :hover) |
||||
|
||||
.label-default { |
||||
.label-variant(@label-default-bg); |
||||
} |
||||
|
||||
.label-primary { |
||||
.label-variant(@label-primary-bg); |
||||
} |
||||
|
||||
.label-success { |
||||
.label-variant(@label-success-bg); |
||||
} |
||||
|
||||
.label-info { |
||||
.label-variant(@label-info-bg); |
||||
} |
||||
|
||||
.label-warning { |
||||
.label-variant(@label-warning-bg); |
||||
} |
||||
|
||||
.label-danger { |
||||
.label-variant(@label-danger-bg); |
||||
} |
||||
@ -1,130 +0,0 @@ |
||||
// |
||||
// 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 { |
||||
.border-top-radius(@list-group-border-radius); |
||||
} |
||||
&:last-child { |
||||
margin-bottom: 0; |
||||
.border-bottom-radius(@list-group-border-radius); |
||||
} |
||||
} |
||||
|
||||
|
||||
// Interactive list items |
||||
// |
||||
// Use anchor or button elements instead of `li`s or `div`s to create interactive items. |
||||
// Includes an extra `.active` modifier class for showing selected items. |
||||
|
||||
a.list-group-item, |
||||
button.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; |
||||
} |
||||
} |
||||
|
||||
button.list-group-item { |
||||
width: 100%; |
||||
text-align: left; |
||||
} |
||||
|
||||
.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. |
||||
|
||||
.list-group-item-variant(success; @state-success-bg; @state-success-text); |
||||
.list-group-item-variant(info; @state-info-bg; @state-info-text); |
||||
.list-group-item-variant(warning; @state-warning-bg; @state-warning-text); |
||||
.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; |
||||
} |
||||
@ -1,66 +0,0 @@ |
||||
.media { |
||||
// Proper spacing between instances of .media |
||||
margin-top: 15px; |
||||
|
||||
&:first-child { |
||||
margin-top: 0; |
||||
} |
||||
} |
||||
|
||||
.media, |
||||
.media-body { |
||||
zoom: 1; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.media-body { |
||||
width: 10000px; |
||||
} |
||||
|
||||
.media-object { |
||||
display: block; |
||||
|
||||
// Fix collapse in webkit from max-width: 100% and display: table-cell. |
||||
&.img-thumbnail { |
||||
max-width: none; |
||||
} |
||||
} |
||||
|
||||
.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; |
||||
} |
||||
@ -1,40 +0,0 @@ |
||||
// Mixins |
||||
// -------------------------------------------------- |
||||
|
||||
// Utilities |
||||
@import "mixins/hide-text.less"; |
||||
@import "mixins/opacity.less"; |
||||
@import "mixins/image.less"; |
||||
@import "mixins/labels.less"; |
||||
@import "mixins/reset-filter.less"; |
||||
@import "mixins/resize.less"; |
||||
@import "mixins/responsive-visibility.less"; |
||||
@import "mixins/size.less"; |
||||
@import "mixins/tab-focus.less"; |
||||
@import "mixins/reset-text.less"; |
||||
@import "mixins/text-emphasis.less"; |
||||
@import "mixins/text-overflow.less"; |
||||
@import "mixins/vendor-prefixes.less"; |
||||
|
||||
// Components |
||||
@import "mixins/alerts.less"; |
||||
@import "mixins/buttons.less"; |
||||
@import "mixins/panels.less"; |
||||
@import "mixins/pagination.less"; |
||||
@import "mixins/list-group.less"; |
||||
@import "mixins/nav-divider.less"; |
||||
@import "mixins/forms.less"; |
||||
@import "mixins/progress-bar.less"; |
||||
@import "mixins/table-row.less"; |
||||
|
||||
// Skins |
||||
@import "mixins/background-variant.less"; |
||||
@import "mixins/border-radius.less"; |
||||
@import "mixins/gradients.less"; |
||||
|
||||
// Layout |
||||
@import "mixins/clearfix.less"; |
||||
@import "mixins/center-block.less"; |
||||
@import "mixins/nav-vertical-align.less"; |
||||
@import "mixins/grid-framework.less"; |
||||
@import "mixins/grid.less"; |
||||
@ -1,14 +0,0 @@ |
||||
// Alerts |
||||
|
||||
.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%); |
||||
} |
||||
} |
||||
@ -1,9 +0,0 @@ |
||||
// Contextual backgrounds |
||||
|
||||
.bg-variant(@color) { |
||||
background-color: @color; |
||||
a&:hover, |
||||
a&:focus { |
||||
background-color: darken(@color, 10%); |
||||
} |
||||
} |
||||
@ -1,18 +0,0 @@ |
||||
// Single side border-radius |
||||
|
||||
.border-top-radius(@radius) { |
||||
border-top-right-radius: @radius; |
||||
border-top-left-radius: @radius; |
||||
} |
||||
.border-right-radius(@radius) { |
||||
border-bottom-right-radius: @radius; |
||||
border-top-right-radius: @radius; |
||||
} |
||||
.border-bottom-radius(@radius) { |
||||
border-bottom-right-radius: @radius; |
||||
border-bottom-left-radius: @radius; |
||||
} |
||||
.border-left-radius(@radius) { |
||||
border-bottom-left-radius: @radius; |
||||
border-top-left-radius: @radius; |
||||
} |
||||
@ -1,65 +0,0 @@ |
||||
// Button variants |
||||
// |
||||
// Easily pump out default styles, as well as :hover, :focus, :active, |
||||
// and disabled options for all buttons |
||||
|
||||
.button-variant(@color; @background; @border) { |
||||
color: @color; |
||||
background-color: @background; |
||||
border-color: @border; |
||||
|
||||
&:focus, |
||||
&.focus { |
||||
color: @color; |
||||
background-color: darken(@background, 10%); |
||||
border-color: darken(@border, 25%); |
||||
} |
||||
&:hover { |
||||
color: @color; |
||||
background-color: darken(@background, 10%); |
||||
border-color: darken(@border, 12%); |
||||
} |
||||
&:active, |
||||
&.active, |
||||
.open > .dropdown-toggle& { |
||||
color: @color; |
||||
background-color: darken(@background, 10%); |
||||
border-color: darken(@border, 12%); |
||||
|
||||
&:hover, |
||||
&:focus, |
||||
&.focus { |
||||
color: @color; |
||||
background-color: darken(@background, 17%); |
||||
border-color: darken(@border, 25%); |
||||
} |
||||
} |
||||
&:active, |
||||
&.active, |
||||
.open > .dropdown-toggle& { |
||||
background-image: none; |
||||
} |
||||
&.disabled, |
||||
&[disabled], |
||||
fieldset[disabled] & { |
||||
&:hover, |
||||
&:focus, |
||||
&.focus { |
||||
background-color: @background; |
||||
border-color: @border; |
||||
} |
||||
} |
||||
|
||||
.badge { |
||||
color: @background; |
||||
background-color: @color; |
||||
} |
||||
} |
||||
|
||||
// Button sizes |
||||
.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; |
||||
} |
||||
@ -1,7 +0,0 @@ |
||||
// Center-align a block level element |
||||
|
||||
.center-block() { |
||||
display: block; |
||||
margin-left: auto; |
||||
margin-right: auto; |
||||
} |
||||
@ -1,22 +0,0 @@ |
||||
// 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/ |
||||
|
||||
.clearfix() { |
||||
&:before, |
||||
&:after { |
||||
content: " "; // 1 |
||||
display: table; // 2 |
||||
} |
||||
&:after { |
||||
clear: both; |
||||
} |
||||
} |
||||
@ -1,85 +0,0 @@ |
||||
// Form validation states |
||||
// |
||||
// Used in forms.less to generate the form validation CSS for warnings, errors, |
||||
// and successes. |
||||
|
||||
.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; |
||||
.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%); |
||||
.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. |
||||
.form-control-focus(@color: @input-border-focus) { |
||||
@color-rgba: rgba(red(@color), green(@color), blue(@color), .6); |
||||
&:focus { |
||||
border-color: @color; |
||||
outline: 0; |
||||
.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! |
||||
.input-size(@input-height; @padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) { |
||||
height: @input-height; |
||||
padding: @padding-vertical @padding-horizontal; |
||||
font-size: @font-size; |
||||
line-height: @line-height; |
||||
border-radius: @border-radius; |
||||
|
||||
select& { |
||||
height: @input-height; |
||||
line-height: @input-height; |
||||
} |
||||
|
||||
textarea&, |
||||
select[multiple]& { |
||||
height: auto; |
||||
} |
||||
} |
||||
@ -1,59 +0,0 @@ |
||||
// Gradients |
||||
|
||||
#gradient { |
||||
|
||||
// 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. |
||||
.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: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // 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. |
||||
.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: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down |
||||
} |
||||
|
||||
.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+ |
||||
} |
||||
.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: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback |
||||
} |
||||
.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: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback |
||||
} |
||||
.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; |
||||
} |
||||
.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); |
||||
} |
||||
} |
||||
@ -1,91 +0,0 @@ |
||||
// Framework grid generation |
||||
// |
||||
// Used only by Bootstrap to generate the correct number of grid classes given |
||||
// any value of `@grid-columns`. |
||||
|
||||
.make-grid-columns() { |
||||
// Common styles for all sizes of grid columns, widths 1-12 |
||||
.col(@index) { // initial |
||||
@item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}"; |
||||
.col((@index + 1), @item); |
||||
} |
||||
.col(@index, @list) when (@index =< @grid-columns) { // general; "=<" isn't a typo |
||||
@item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}"; |
||||
.col((@index + 1), ~"@{list}, @{item}"); |
||||
} |
||||
.col(@index, @list) when (@index > @grid-columns) { // terminal |
||||
@{list} { |
||||
position: relative; |
||||
// Prevent columns from collapsing when empty |
||||
min-height: 1px; |
||||
// Inner gutter via padding |
||||
padding-left: ceil((@grid-gutter-width / 2)); |
||||
padding-right: floor((@grid-gutter-width / 2)); |
||||
} |
||||
} |
||||
.col(1); // kickstart it |
||||
} |
||||
|
||||
.float-grid-columns(@class) { |
||||
.col(@index) { // initial |
||||
@item: ~".col-@{class}-@{index}"; |
||||
.col((@index + 1), @item); |
||||
} |
||||
.col(@index, @list) when (@index =< @grid-columns) { // general |
||||
@item: ~".col-@{class}-@{index}"; |
||||
.col((@index + 1), ~"@{list}, @{item}"); |
||||
} |
||||
.col(@index, @list) when (@index > @grid-columns) { // terminal |
||||
@{list} { |
||||
float: left; |
||||
} |
||||
} |
||||
.col(1); // kickstart it |
||||
} |
||||
|
||||
.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) { |
||||
.col-@{class}-@{index} { |
||||
width: percentage((@index / @grid-columns)); |
||||
} |
||||
} |
||||
.calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) { |
||||
.col-@{class}-push-@{index} { |
||||
left: percentage((@index / @grid-columns)); |
||||
} |
||||
} |
||||
.calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) { |
||||
.col-@{class}-push-0 { |
||||
left: auto; |
||||
} |
||||
} |
||||
.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) { |
||||
.col-@{class}-pull-@{index} { |
||||
right: percentage((@index / @grid-columns)); |
||||
} |
||||
} |
||||
.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) { |
||||
.col-@{class}-pull-0 { |
||||
right: auto; |
||||
} |
||||
} |
||||
.calc-grid-column(@index, @class, @type) when (@type = offset) { |
||||
.col-@{class}-offset-@{index} { |
||||
margin-left: percentage((@index / @grid-columns)); |
||||
} |
||||
} |
||||
|
||||
// Basic looping in LESS |
||||
.loop-grid-columns(@index, @class, @type) when (@index >= 0) { |
||||
.calc-grid-column(@index, @class, @type); |
||||
// next iteration |
||||
.loop-grid-columns((@index - 1), @class, @type); |
||||
} |
||||
|
||||
// Create grid for specific class |
||||
.make-grid(@class) { |
||||
.float-grid-columns(@class); |
||||
.loop-grid-columns(@grid-columns, @class, width); |
||||
.loop-grid-columns(@grid-columns, @class, pull); |
||||
.loop-grid-columns(@grid-columns, @class, push); |
||||
.loop-grid-columns(@grid-columns, @class, offset); |
||||
} |
||||
@ -1,122 +0,0 @@ |
||||
// Grid system |
||||
// |
||||
// Generate semantic grid columns with these mixins. |
||||
|
||||
// Centered container element |
||||
.container-fixed(@gutter: @grid-gutter-width) { |
||||
margin-right: auto; |
||||
margin-left: auto; |
||||
padding-left: floor((@gutter / 2)); |
||||
padding-right: ceil((@gutter / 2)); |
||||
&:extend(.clearfix all); |
||||
} |
||||
|
||||
// Creates a wrapper for a series of columns |
||||
.make-row(@gutter: @grid-gutter-width) { |
||||
margin-left: ceil((@gutter / -2)); |
||||
margin-right: floor((@gutter / -2)); |
||||
&:extend(.clearfix all); |
||||
} |
||||
|
||||
// Generate the extra small columns |
||||
.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); |
||||
} |
||||
.make-xs-column-offset(@columns) { |
||||
margin-left: percentage((@columns / @grid-columns)); |
||||
} |
||||
.make-xs-column-push(@columns) { |
||||
left: percentage((@columns / @grid-columns)); |
||||
} |
||||
.make-xs-column-pull(@columns) { |
||||
right: percentage((@columns / @grid-columns)); |
||||
} |
||||
|
||||
// Generate the small columns |
||||
.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)); |
||||
} |
||||
} |
||||
.make-sm-column-offset(@columns) { |
||||
@media (min-width: @screen-sm-min) { |
||||
margin-left: percentage((@columns / @grid-columns)); |
||||
} |
||||
} |
||||
.make-sm-column-push(@columns) { |
||||
@media (min-width: @screen-sm-min) { |
||||
left: percentage((@columns / @grid-columns)); |
||||
} |
||||
} |
||||
.make-sm-column-pull(@columns) { |
||||
@media (min-width: @screen-sm-min) { |
||||
right: percentage((@columns / @grid-columns)); |
||||
} |
||||
} |
||||
|
||||
// Generate the medium columns |
||||
.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)); |
||||
} |
||||
} |
||||
.make-md-column-offset(@columns) { |
||||
@media (min-width: @screen-md-min) { |
||||
margin-left: percentage((@columns / @grid-columns)); |
||||
} |
||||
} |
||||
.make-md-column-push(@columns) { |
||||
@media (min-width: @screen-md-min) { |
||||
left: percentage((@columns / @grid-columns)); |
||||
} |
||||
} |
||||
.make-md-column-pull(@columns) { |
||||
@media (min-width: @screen-md-min) { |
||||
right: percentage((@columns / @grid-columns)); |
||||
} |
||||
} |
||||
|
||||
// Generate the large columns |
||||
.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)); |
||||
} |
||||
} |
||||
.make-lg-column-offset(@columns) { |
||||
@media (min-width: @screen-lg-min) { |
||||
margin-left: percentage((@columns / @grid-columns)); |
||||
} |
||||
} |
||||
.make-lg-column-push(@columns) { |
||||
@media (min-width: @screen-lg-min) { |
||||
left: percentage((@columns / @grid-columns)); |
||||
} |
||||
} |
||||
.make-lg-column-pull(@columns) { |
||||
@media (min-width: @screen-lg-min) { |
||||
right: percentage((@columns / @grid-columns)); |
||||
} |
||||
} |
||||
@ -1,21 +0,0 @@ |
||||
// CSS image replacement |
||||
// |
||||
// Heads up! v3 launched 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 (has been removed in v4) |
||||
.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 |
||||
.text-hide() { |
||||
.hide-text(); |
||||
} |
||||
@ -1,33 +0,0 @@ |
||||
// Image Mixins |
||||
// - Responsive image |
||||
// - Retina image |
||||
|
||||
|
||||
// Responsive image |
||||
// |
||||
// Keep images from scaling beyond the width of their parents. |
||||
.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. |
||||
.img-retina(@file-1x; @file-2x; @width-1x; @height-1x) { |
||||
background-image: url("@{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("@{file-2x}"); |
||||
background-size: @width-1x @height-1x; |
||||
} |
||||
} |
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue