praxis 0.16.1 → 0.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/.rspec +0 -1
- data/.ruby-version +1 -1
- data/.travis.yml +2 -1
- data/CHANGELOG.md +41 -0
- data/CONTRIBUTING.md +3 -0
- data/lib/api_browser/Gruntfile.js +20 -4
- data/lib/api_browser/app/bower_components/angular-mocks/.bower.json +6 -6
- data/lib/api_browser/app/bower_components/angular-mocks/README.md +11 -5
- data/lib/api_browser/app/bower_components/angular-mocks/angular-mocks.js +475 -216
- data/lib/api_browser/app/bower_components/angular-mocks/bower.json +2 -2
- data/lib/api_browser/app/bower_components/angular-mocks/ngAnimateMock.js +2 -0
- data/lib/api_browser/app/bower_components/angular-mocks/ngMock.js +2 -0
- data/lib/api_browser/app/bower_components/angular-mocks/ngMockE2E.js +2 -0
- data/lib/api_browser/app/bower_components/angular-mocks/package.json +1 -1
- data/lib/api_browser/app/bower_components/angular-sanitize/.bower.json +8 -8
- data/lib/api_browser/app/bower_components/angular-sanitize/README.md +19 -5
- data/lib/api_browser/app/bower_components/angular-sanitize/angular-sanitize.js +186 -127
- data/lib/api_browser/app/bower_components/angular-sanitize/angular-sanitize.min.js +12 -10
- data/lib/api_browser/app/bower_components/angular-sanitize/angular-sanitize.min.js.map +3 -3
- data/lib/api_browser/app/bower_components/angular-sanitize/bower.json +3 -2
- data/lib/api_browser/app/bower_components/angular-sanitize/index.js +2 -0
- data/lib/api_browser/app/bower_components/angular-sanitize/package.json +26 -0
- data/lib/api_browser/app/bower_components/angular-ui-bootstrap-bower/.bower.json +15 -8
- data/lib/api_browser/app/bower_components/angular-ui-bootstrap-bower/bower.json +11 -3
- data/lib/api_browser/app/bower_components/angular-ui-bootstrap-bower/ui-bootstrap-csp.css +6 -0
- data/lib/api_browser/app/bower_components/angular-ui-bootstrap-bower/ui-bootstrap-tpls.js +1177 -453
- data/lib/api_browser/app/bower_components/angular-ui-bootstrap-bower/ui-bootstrap-tpls.min.js +4 -4
- data/lib/api_browser/app/bower_components/angular-ui-bootstrap-bower/ui-bootstrap.js +1066 -404
- data/lib/api_browser/app/bower_components/angular-ui-bootstrap-bower/ui-bootstrap.min.js +3 -3
- data/lib/api_browser/app/bower_components/angular-ui-router/.bower.json +5 -6
- data/lib/api_browser/app/bower_components/angular-ui-router/CHANGELOG.md +208 -3
- data/lib/api_browser/app/bower_components/angular-ui-router/CONTRIBUTING.md +65 -0
- data/lib/api_browser/app/bower_components/angular-ui-router/LICENSE +1 -1
- data/lib/api_browser/app/bower_components/angular-ui-router/README.md +36 -71
- data/lib/api_browser/app/bower_components/angular-ui-router/api/angular-ui-router.d.ts +126 -0
- data/lib/api_browser/app/bower_components/angular-ui-router/bower.json +1 -1
- data/lib/api_browser/app/bower_components/angular-ui-router/release/angular-ui-router.js +1902 -755
- data/lib/api_browser/app/bower_components/angular-ui-router/release/angular-ui-router.min.js +2 -2
- data/lib/api_browser/app/bower_components/angular-ui-router/src/common.js +69 -23
- data/lib/api_browser/app/bower_components/angular-ui-router/src/resolve.js +15 -5
- data/lib/api_browser/app/bower_components/angular-ui-router/src/state.js +556 -295
- data/lib/api_browser/app/bower_components/angular-ui-router/src/stateDirectives.js +101 -42
- data/lib/api_browser/app/bower_components/angular-ui-router/src/stateFilters.js +6 -2
- data/lib/api_browser/app/bower_components/angular-ui-router/src/templateFactory.js +2 -2
- data/lib/api_browser/app/bower_components/angular-ui-router/src/urlMatcherFactory.js +822 -97
- data/lib/api_browser/app/bower_components/angular-ui-router/src/urlRouter.js +274 -120
- data/lib/api_browser/app/bower_components/angular-ui-router/src/viewDirective.js +33 -20
- data/lib/api_browser/app/bower_components/angular-ui-router/src/viewScroll.js +1 -1
- data/lib/api_browser/app/bower_components/angular/.bower.json +5 -5
- data/lib/api_browser/app/bower_components/angular/README.md +2 -5
- data/lib/api_browser/app/bower_components/angular/angular-csp.css +5 -8
- data/lib/api_browser/app/bower_components/angular/angular.js +12975 -6996
- data/lib/api_browser/app/bower_components/angular/angular.min.js +285 -213
- data/lib/api_browser/app/bower_components/angular/angular.min.js.gzip +0 -0
- data/lib/api_browser/app/bower_components/angular/angular.min.js.map +3 -3
- data/lib/api_browser/app/bower_components/angular/bower.json +1 -1
- data/lib/api_browser/app/bower_components/angular/index.js +2 -0
- data/lib/api_browser/app/bower_components/angular/package.json +2 -2
- data/lib/api_browser/app/bower_components/bootstrap-sass/.bower.json +31 -16
- data/lib/api_browser/app/bower_components/bootstrap-sass/CHANGELOG.md +108 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/CONTRIBUTING.md +55 -37
- data/lib/api_browser/app/bower_components/bootstrap-sass/README.md +147 -206
- data/lib/api_browser/app/bower_components/bootstrap-sass/bower.json +19 -8
- data/lib/api_browser/app/bower_components/bootstrap-sass/{dist/fonts → vendor/assets/fonts/bootstrap}/glyphicons-halflings-regular.eot +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/{dist/fonts → vendor/assets/fonts/bootstrap}/glyphicons-halflings-regular.svg +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/{dist/fonts → vendor/assets/fonts/bootstrap}/glyphicons-halflings-regular.ttf +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/{dist/fonts → vendor/assets/fonts/bootstrap}/glyphicons-halflings-regular.woff +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/vendor/assets/javascripts/bootstrap.js +12 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/{js → vendor/assets/javascripts/bootstrap}/affix.js +1 -1
- data/lib/api_browser/app/bower_components/bootstrap-sass/{js → vendor/assets/javascripts/bootstrap}/alert.js +1 -1
- data/lib/api_browser/app/bower_components/bootstrap-sass/{js → vendor/assets/javascripts/bootstrap}/button.js +11 -5
- data/lib/api_browser/app/bower_components/bootstrap-sass/{js → vendor/assets/javascripts/bootstrap}/carousel.js +5 -5
- data/lib/api_browser/app/bower_components/bootstrap-sass/{js → vendor/assets/javascripts/bootstrap}/collapse.js +1 -1
- data/lib/api_browser/app/bower_components/bootstrap-sass/{js → vendor/assets/javascripts/bootstrap}/dropdown.js +5 -5
- data/lib/api_browser/app/bower_components/bootstrap-sass/{js → vendor/assets/javascripts/bootstrap}/modal.js +1 -1
- data/lib/api_browser/app/bower_components/bootstrap-sass/{js → vendor/assets/javascripts/bootstrap}/popover.js +1 -1
- data/lib/api_browser/app/bower_components/bootstrap-sass/{js → vendor/assets/javascripts/bootstrap}/scrollspy.js +2 -2
- data/lib/api_browser/app/bower_components/bootstrap-sass/{js → vendor/assets/javascripts/bootstrap}/tab.js +1 -1
- data/lib/api_browser/app/bower_components/bootstrap-sass/{js → vendor/assets/javascripts/bootstrap}/tooltip.js +1 -1
- data/lib/api_browser/app/bower_components/bootstrap-sass/{js → vendor/assets/javascripts/bootstrap}/transition.js +1 -1
- data/lib/api_browser/app/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap.scss +1 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_alerts.scss +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_badges.scss +6 -6
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_breadcrumbs.scss +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_button-groups.scss +7 -33
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_buttons.scss +2 -5
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_carousel.scss +1 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_close.scss +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_code.scss +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_component-animations.scss +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_dropdowns.scss +3 -8
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_forms.scss +11 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_glyphicons.scss +5 -5
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_grid.scss +12 -26
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_input-groups.scss +1 -1
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_jumbotron.scss +8 -2
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_labels.scss +6 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_list-group.scss +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_media.scss +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_mixins.scss +38 -51
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_modals.scss +2 -5
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_navbar.scss +41 -53
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_navs.scss +0 -20
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_normalize.scss +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_pager.scss +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_pagination.scss +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_panels.scss +11 -1
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_popovers.scss +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_print.scss +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_progress-bars.scss +0 -12
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_responsive-utilities.scss +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_scaffolding.scss +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_tables.scss +5 -18
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_theme.scss +2 -2
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_thumbnails.scss +9 -3
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_tooltip.scss +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_type.scss +54 -52
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_utilities.scss +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_variables.scss +20 -11
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/_wells.scss +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/{lib → vendor/assets/stylesheets/bootstrap}/bootstrap.scss +0 -0
- data/lib/api_browser/app/bower_components/lodash/.bower.json +9 -13
- data/lib/api_browser/app/bower_components/lodash/LICENSE.txt +3 -3
- data/lib/api_browser/app/bower_components/lodash/bower.json +4 -7
- data/lib/api_browser/app/bower_components/lodash/lodash.js +12235 -0
- data/lib/api_browser/app/bower_components/lodash/lodash.min.js +98 -0
- data/lib/api_browser/app/index.html +0 -1
- data/lib/api_browser/app/js/app.js +2 -5
- data/lib/api_browser/app/js/controllers/action.js +21 -37
- data/lib/api_browser/app/js/controllers/controller.js +23 -1
- data/lib/api_browser/app/js/controllers/menu.js +46 -14
- data/lib/api_browser/app/js/controllers/type.js +2 -9
- data/lib/api_browser/app/js/directives/attribute_description.js +15 -5
- data/lib/api_browser/app/js/directives/attribute_table.js +6 -6
- data/lib/api_browser/app/js/directives/fixed_if_fits.js +20 -0
- data/lib/api_browser/app/js/directives/no_container.js +6 -6
- data/lib/api_browser/app/js/directives/type_placeholder.js +21 -0
- data/lib/api_browser/app/js/factories/Configuration.js +13 -0
- data/lib/api_browser/app/js/factories/Documentation.js +0 -3
- data/lib/api_browser/app/js/factories/normalize_attributes.js +19 -0
- data/lib/api_browser/app/js/factories/template_for.js +113 -0
- data/lib/api_browser/app/sass/modules/_body.scss +26 -4
- data/lib/api_browser/app/sass/modules/_sidebar.scss +68 -1
- data/lib/api_browser/app/sass/praxis.scss +1 -5
- data/lib/api_browser/app/sass/variables/_bootstrap-variables.scss +13 -4
- data/lib/api_browser/app/views/action.html +13 -17
- data/lib/api_browser/app/views/controller.html +32 -4
- data/lib/api_browser/app/views/directives/attribute_description.html +1 -1
- data/lib/api_browser/app/views/directives/attribute_description/{_default.html → default.html} +0 -0
- data/lib/api_browser/app/views/directives/attribute_description/example.html +13 -0
- data/lib/api_browser/app/views/directives/attribute_description/headers.html +8 -0
- data/lib/api_browser/app/views/directives/attribute_description/member_options.html +4 -0
- data/lib/api_browser/app/views/directives/attribute_description/values.html +14 -0
- data/lib/api_browser/app/views/directives/attribute_table.html +2 -2
- data/lib/api_browser/app/views/home.html +1 -3
- data/lib/api_browser/app/views/layout.html +3 -36
- data/lib/api_browser/app/views/menu.html +45 -0
- data/lib/api_browser/app/views/navbar.html +1 -1
- data/lib/api_browser/app/views/type.html +2 -2
- data/lib/api_browser/app/views/type/{_details.html → details.html} +6 -6
- data/lib/api_browser/app/views/types/embedded/default.html +10 -0
- data/lib/api_browser/app/views/types/embedded/links.html +11 -0
- data/lib/api_browser/app/views/types/embedded/struct.html +2 -0
- data/lib/api_browser/app/views/types/label/link.html +1 -0
- data/lib/api_browser/app/views/types/label/primitive.html +1 -0
- data/lib/api_browser/app/views/types/label/primitive_collection.html +1 -0
- data/lib/api_browser/app/views/types/label/type.html +1 -0
- data/lib/api_browser/app/views/types/label/type_collection.html +1 -0
- data/lib/api_browser/app/views/{directives/request_body/_default.html → types/standalone/default.html} +1 -1
- data/lib/api_browser/app/views/types/standalone/struct.html +1 -0
- data/lib/api_browser/bower.json +9 -9
- data/lib/api_browser/package.json +1 -1
- data/lib/praxis.rb +10 -4
- data/lib/praxis/action_definition.rb +16 -4
- data/lib/praxis/action_definition/headers_dsl_compiler.rb +5 -2
- data/lib/praxis/api_definition.rb +3 -1
- data/lib/praxis/api_general_info.rb +49 -5
- data/lib/praxis/application.rb +12 -4
- data/lib/praxis/bootloader.rb +1 -0
- data/lib/praxis/bootloader_stages/environment.rb +2 -0
- data/lib/praxis/bootloader_stages/routing.rb +1 -1
- data/lib/praxis/bootloader_stages/subgroup_loader.rb +1 -0
- data/lib/praxis/exceptions/validation.rb +7 -0
- data/lib/praxis/handlers/plain.rb +16 -0
- data/lib/praxis/handlers/xml.rb +4 -4
- data/lib/praxis/links.rb +13 -3
- data/lib/praxis/media_type_identifier.rb +3 -0
- data/lib/praxis/multipart/parser.rb +41 -48
- data/lib/praxis/multipart/part.rb +196 -3
- data/lib/praxis/request.rb +14 -11
- data/lib/praxis/request_stages/request_stage.rb +4 -0
- data/lib/praxis/request_stages/response.rb +10 -9
- data/lib/praxis/request_stages/validate.rb +1 -7
- data/lib/praxis/request_stages/validate_params_and_headers.rb +30 -5
- data/lib/praxis/request_stages/validate_payload.rb +14 -5
- data/lib/praxis/resource_definition.rb +117 -15
- data/lib/praxis/response.rb +6 -5
- data/lib/praxis/response_definition.rb +51 -5
- data/lib/praxis/responses/http.rb +5 -0
- data/lib/praxis/responses/multipart_ok.rb +51 -0
- data/lib/praxis/responses/validation_error.rb +7 -7
- data/lib/praxis/restful_doc_generator.rb +9 -4
- data/lib/praxis/route.rb +3 -2
- data/lib/praxis/router.rb +26 -16
- data/lib/praxis/router/rack.rb +51 -0
- data/lib/praxis/router/simple.rb +146 -0
- data/lib/praxis/routing_config.rb +2 -2
- data/lib/praxis/trait.rb +1 -1
- data/lib/praxis/types/fuzzy_hash.rb +49 -0
- data/lib/praxis/types/media_type_common.rb +1 -1
- data/lib/praxis/types/multipart.rb +47 -12
- data/lib/praxis/types/multipart_array.rb +320 -0
- data/lib/praxis/types/multipart_array/part_definition.rb +52 -0
- data/lib/praxis/validation_handler.rb +10 -0
- data/lib/praxis/version.rb +2 -2
- data/praxis.gemspec +3 -3
- data/spec/api_browser/directives/type_placeholder_spec.js +134 -0
- data/spec/api_browser/factories/normalize_attributes_spec.js +97 -0
- data/spec/api_browser/factories/template_for_spec.js +67 -0
- data/spec/functional_spec.rb +111 -45
- data/spec/praxis/action_definition_spec.rb +31 -7
- data/spec/praxis/api_definition_spec.rb +2 -2
- data/spec/praxis/api_general_info_spec.rb +25 -0
- data/spec/praxis/application_spec.rb +24 -11
- data/spec/praxis/handlers/xml_spec.rb +55 -33
- data/spec/praxis/links_spec.rb +18 -1
- data/spec/praxis/media_type_collection_spec.rb +1 -1
- data/spec/praxis/media_type_spec.rb +2 -2
- data/spec/praxis/multipart/parser_spec.rb +21 -13
- data/spec/praxis/plugins/praxis_mapper_plugin_spec.rb +1 -1
- data/spec/praxis/request_spec.rb +52 -24
- data/spec/praxis/{request_stages_action_spec.rb → request_stages/action_spec.rb} +1 -1
- data/spec/praxis/{request_stage_spec.rb → request_stages/request_stage_spec.rb} +0 -0
- data/spec/praxis/{request_stages_validate_spec.rb → request_stages/validate_spec.rb} +1 -1
- data/spec/praxis/resource_definition_spec.rb +30 -4
- data/spec/praxis/response_definition_spec.rb +60 -19
- data/spec/praxis/response_spec.rb +2 -2
- data/spec/praxis/responses/validation_error_spec.rb +33 -16
- data/spec/praxis/route_spec.rb +4 -2
- data/spec/praxis/router_spec.rb +28 -12
- data/spec/praxis/routing_config_spec.rb +11 -5
- data/spec/praxis/types/collection_spec.rb +1 -1
- data/spec/praxis/types/fuzzy_hash_spec.rb +20 -0
- data/spec/praxis/types/multipart_array/part_definition_spec.rb +5 -0
- data/spec/praxis/types/multipart_array_spec.rb +334 -0
- data/spec/praxis/types/multipart_spec.rb +14 -5
- data/spec/spec_app/app/controllers/instances.rb +20 -10
- data/spec/spec_app/app/controllers/volumes.rb +8 -4
- data/spec/spec_app/app/responses/bulk_response.rb +0 -6
- data/spec/spec_app/config/environment.rb +13 -0
- data/spec/spec_app/design/api.rb +7 -10
- data/spec/spec_app/design/media_types/instance.rb +3 -1
- data/spec/spec_app/design/resources/instances.rb +50 -41
- data/spec/spec_app/design/resources/volume_snapshots.rb +39 -0
- data/spec/spec_app/design/resources/volumes.rb +11 -6
- data/spec/spec_helper.rb +3 -1
- metadata +125 -218
- data/lib/api_browser/app/bower_components/angular-ui-router/src/compat.js +0 -146
- data/lib/api_browser/app/bower_components/bootstrap-sass/CNAME +0 -1
- data/lib/api_browser/app/bower_components/bootstrap-sass/DOCS-LICENSE +0 -319
- data/lib/api_browser/app/bower_components/bootstrap-sass/Gemfile +0 -5
- data/lib/api_browser/app/bower_components/bootstrap-sass/Gemfile.lock +0 -14
- data/lib/api_browser/app/bower_components/bootstrap-sass/Gruntfile.js +0 -244
- data/lib/api_browser/app/bower_components/bootstrap-sass/LICENSE +0 -176
- data/lib/api_browser/app/bower_components/bootstrap-sass/LICENSE-MIT +0 -21
- data/lib/api_browser/app/bower_components/bootstrap-sass/Rakefile +0 -44
- data/lib/api_browser/app/bower_components/bootstrap-sass/_config.yml +0 -25
- data/lib/api_browser/app/bower_components/bootstrap-sass/_includes/ads.html +0 -1
- data/lib/api_browser/app/bower_components/bootstrap-sass/_includes/footer.html +0 -34
- data/lib/api_browser/app/bower_components/bootstrap-sass/_includes/header.html +0 -42
- data/lib/api_browser/app/bower_components/bootstrap-sass/_includes/nav-about.html +0 -12
- data/lib/api_browser/app/bower_components/bootstrap-sass/_includes/nav-components.html +0 -137
- data/lib/api_browser/app/bower_components/bootstrap-sass/_includes/nav-css.html +0 -99
- data/lib/api_browser/app/bower_components/bootstrap-sass/_includes/nav-customize.html +0 -40
- data/lib/api_browser/app/bower_components/bootstrap-sass/_includes/nav-getting-started.html +0 -44
- data/lib/api_browser/app/bower_components/bootstrap-sass/_includes/nav-javascript.html +0 -88
- data/lib/api_browser/app/bower_components/bootstrap-sass/_includes/nav-main.html +0 -37
- data/lib/api_browser/app/bower_components/bootstrap-sass/_includes/old-bs-docs.html +0 -8
- data/lib/api_browser/app/bower_components/bootstrap-sass/_includes/social-buttons.html +0 -16
- data/lib/api_browser/app/bower_components/bootstrap-sass/_layouts/default.html +0 -79
- data/lib/api_browser/app/bower_components/bootstrap-sass/_layouts/home.html +0 -47
- data/lib/api_browser/app/bower_components/bootstrap-sass/about.html +0 -93
- data/lib/api_browser/app/bower_components/bootstrap-sass/browserstack.json +0 -37
- data/lib/api_browser/app/bower_components/bootstrap-sass/components.html +0 -3689
- data/lib/api_browser/app/bower_components/bootstrap-sass/composer.json +0 -28
- data/lib/api_browser/app/bower_components/bootstrap-sass/css.html +0 -2674
- data/lib/api_browser/app/bower_components/bootstrap-sass/customize.html +0 -1715
- data/lib/api_browser/app/bower_components/bootstrap-sass/dist/css/bootstrap-theme.css +0 -427
- data/lib/api_browser/app/bower_components/bootstrap-sass/dist/css/bootstrap-theme.min.css +0 -1
- data/lib/api_browser/app/bower_components/bootstrap-sass/dist/css/bootstrap.css +0 -6350
- data/lib/api_browser/app/bower_components/bootstrap-sass/dist/css/bootstrap.min.css +0 -1
- data/lib/api_browser/app/bower_components/bootstrap-sass/dist/js/bootstrap.js +0 -2002
- data/lib/api_browser/app/bower_components/bootstrap-sass/dist/js/bootstrap.min.js +0 -9
- data/lib/api_browser/app/bower_components/bootstrap-sass/docs-assets/css/docs.css +0 -1195
- data/lib/api_browser/app/bower_components/bootstrap-sass/docs-assets/css/pygments-manni.css +0 -66
- data/lib/api_browser/app/bower_components/bootstrap-sass/docs-assets/ico/apple-touch-icon-144-precomposed.png +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/docs-assets/ico/favicon.png +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/docs-assets/js/application.js +0 -103
- data/lib/api_browser/app/bower_components/bootstrap-sass/docs-assets/js/customizer.js +0 -332
- data/lib/api_browser/app/bower_components/bootstrap-sass/docs-assets/js/filesaver.js +0 -169
- data/lib/api_browser/app/bower_components/bootstrap-sass/docs-assets/js/holder.js +0 -404
- data/lib/api_browser/app/bower_components/bootstrap-sass/docs-assets/js/ie8-responsive-file-warning.js +0 -12
- data/lib/api_browser/app/bower_components/bootstrap-sass/docs-assets/js/jszip.js +0 -1467
- data/lib/api_browser/app/bower_components/bootstrap-sass/docs-assets/js/less.js +0 -9
- data/lib/api_browser/app/bower_components/bootstrap-sass/docs-assets/js/raw-files.js +0 -3
- data/lib/api_browser/app/bower_components/bootstrap-sass/docs-assets/js/uglify.js +0 -14
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/carousel/carousel.css +0 -148
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/carousel/index.html +0 -206
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/grid/grid.css +0 -28
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/grid/index.html +0 -148
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/jumbotron-narrow/index.html +0 -82
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/jumbotron-narrow/jumbotron-narrow.css +0 -79
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/jumbotron/index.html +0 -99
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/jumbotron/jumbotron.css +0 -5
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/justified-nav/index.html +0 -83
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/justified-nav/justified-nav.css +0 -88
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/navbar-fixed-top/index.html +0 -91
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/navbar-fixed-top/navbar-fixed-top.css +0 -4
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/navbar-static-top/index.html +0 -92
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/navbar-static-top/navbar-static-top.css +0 -7
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/navbar/index.html +0 -88
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/navbar/navbar.css +0 -8
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/non-responsive/index.html +0 -101
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/non-responsive/non-responsive.css +0 -116
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/offcanvas/index.html +0 -130
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/offcanvas/offcanvas.css +0 -50
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/offcanvas/offcanvas.js +0 -5
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/screenshots/carousel.jpg +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/screenshots/grid.jpg +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/screenshots/jumbotron-narrow.jpg +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/screenshots/jumbotron.jpg +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/screenshots/justified-nav.jpg +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/screenshots/navbar-fixed.jpg +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/screenshots/navbar-static.jpg +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/screenshots/navbar.jpg +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/screenshots/non-responsive.jpg +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/screenshots/offcanvas.jpg +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/screenshots/sign-in.jpg +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/screenshots/starter-template.jpg +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/screenshots/sticky-footer-navbar.jpg +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/screenshots/sticky-footer.jpg +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/screenshots/theme.jpg +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/signin/index.html +0 -50
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/signin/signin.css +0 -40
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/starter-template/index.html +0 -68
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/starter-template/starter-template.css +0 -7
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/sticky-footer-navbar/index.html +0 -91
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/sticky-footer-navbar/sticky-footer-navbar.css +0 -45
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/sticky-footer/index.html +0 -55
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/sticky-footer/sticky-footer.css +0 -38
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/theme/index.html +0 -384
- data/lib/api_browser/app/bower_components/bootstrap-sass/examples/theme/theme.css +0 -14
- data/lib/api_browser/app/bower_components/bootstrap-sass/fonts/glyphicons-halflings-regular.eot +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/fonts/glyphicons-halflings-regular.svg +0 -229
- data/lib/api_browser/app/bower_components/bootstrap-sass/fonts/glyphicons-halflings-regular.ttf +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/fonts/glyphicons-halflings-regular.woff +0 -0
- data/lib/api_browser/app/bower_components/bootstrap-sass/getting-started.html +0 -1021
- data/lib/api_browser/app/bower_components/bootstrap-sass/index.html +0 -16
- data/lib/api_browser/app/bower_components/bootstrap-sass/javascript.html +0 -1983
- data/lib/api_browser/app/bower_components/bootstrap-sass/js/tests/index.html +0 -52
- data/lib/api_browser/app/bower_components/bootstrap-sass/js/tests/unit/affix.js +0 -25
- data/lib/api_browser/app/bower_components/bootstrap-sass/js/tests/unit/alert.js +0 -62
- data/lib/api_browser/app/bower_components/bootstrap-sass/js/tests/unit/button.js +0 -116
- data/lib/api_browser/app/bower_components/bootstrap-sass/js/tests/unit/carousel.js +0 -87
- data/lib/api_browser/app/bower_components/bootstrap-sass/js/tests/unit/collapse.js +0 -164
- data/lib/api_browser/app/bower_components/bootstrap-sass/js/tests/unit/dropdown.js +0 -219
- data/lib/api_browser/app/bower_components/bootstrap-sass/js/tests/unit/modal.js +0 -196
- data/lib/api_browser/app/bower_components/bootstrap-sass/js/tests/unit/phantom.js +0 -69
- data/lib/api_browser/app/bower_components/bootstrap-sass/js/tests/unit/popover.js +0 -133
- data/lib/api_browser/app/bower_components/bootstrap-sass/js/tests/unit/scrollspy.js +0 -37
- data/lib/api_browser/app/bower_components/bootstrap-sass/js/tests/unit/tab.js +0 -86
- data/lib/api_browser/app/bower_components/bootstrap-sass/js/tests/unit/tooltip.js +0 -437
- data/lib/api_browser/app/bower_components/bootstrap-sass/js/tests/unit/transition.js +0 -13
- data/lib/api_browser/app/bower_components/bootstrap-sass/js/tests/vendor/jquery.js +0 -6
- data/lib/api_browser/app/bower_components/bootstrap-sass/js/tests/vendor/qunit.css +0 -232
- data/lib/api_browser/app/bower_components/bootstrap-sass/js/tests/vendor/qunit.js +0 -1510
- data/lib/api_browser/app/bower_components/bootstrap-sass/package.json +0 -40
- data/lib/api_browser/app/bower_components/lodash/dist/lodash.compat.js +0 -7157
- data/lib/api_browser/app/bower_components/lodash/dist/lodash.compat.min.js +0 -61
- data/lib/api_browser/app/bower_components/lodash/dist/lodash.js +0 -6785
- data/lib/api_browser/app/bower_components/lodash/dist/lodash.min.js +0 -56
- data/lib/api_browser/app/bower_components/lodash/dist/lodash.underscore.js +0 -4979
- data/lib/api_browser/app/bower_components/lodash/dist/lodash.underscore.min.js +0 -39
- data/lib/api_browser/app/js/directives/attribute_table_row.js +0 -17
- data/lib/api_browser/app/js/directives/request_body.js +0 -25
- data/lib/api_browser/app/js/directives/request_headers.js +0 -17
- data/lib/api_browser/app/js/directives/request_parameters.js +0 -17
- data/lib/api_browser/app/js/directives/type_label.js +0 -52
- data/lib/api_browser/app/js/factories/PayloadTemplates.js +0 -10
- data/lib/api_browser/app/js/factories/TemplateProvider.js +0 -45
- data/lib/api_browser/app/js/factories/TypeTemplates.js +0 -11
- data/lib/api_browser/app/views/directives/attribute_description/_example.html +0 -13
- data/lib/api_browser/app/views/directives/attribute_description/_headers.html +0 -8
- data/lib/api_browser/app/views/directives/attribute_table_row/_default.html +0 -10
- data/lib/api_browser/app/views/directives/attribute_table_row/_links.html +0 -11
- data/lib/api_browser/app/views/directives/attribute_table_row/_struct.html +0 -2
- data/lib/api_browser/app/views/directives/request_body/_struct.html +0 -1
- data/lib/api_browser/app/views/resource/_actions.html +0 -27
@@ -1,1715 +0,0 @@
|
|
1
|
-
---
|
2
|
-
layout: default
|
3
|
-
title: Customize and download
|
4
|
-
slug: customize
|
5
|
-
lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to get your very own version.
|
6
|
-
base_url: "../"
|
7
|
-
---
|
8
|
-
|
9
|
-
<!-- Customizer form -->
|
10
|
-
<form class="bs-customizer" role="form">
|
11
|
-
<div class="bs-docs-section" id="less-section">
|
12
|
-
<div class="page-header">
|
13
|
-
<button class="btn btn-default toggle" type="button">Toggle all</button>
|
14
|
-
<h1 id="less">LESS files</h1>
|
15
|
-
</div>
|
16
|
-
<p class="lead">Choose which LESS files to compile into your custom build of Bootstrap. Not sure which files to use? Read through the <a href="../css/">CSS</a> and <a href="../components/">Components</a> pages in the docs.</p>
|
17
|
-
|
18
|
-
<div class="row">
|
19
|
-
<div class="col-xs-6 col-sm-4">
|
20
|
-
<h3>Common CSS</h3>
|
21
|
-
<div class="checkbox">
|
22
|
-
<label>
|
23
|
-
<input type="checkbox" checked value="print.less">
|
24
|
-
Print media styles
|
25
|
-
</label>
|
26
|
-
</div>
|
27
|
-
<div class="checkbox">
|
28
|
-
<label>
|
29
|
-
<input type="checkbox" checked value="type.less">
|
30
|
-
Typography
|
31
|
-
</label>
|
32
|
-
</div>
|
33
|
-
<div class="checkbox">
|
34
|
-
<label>
|
35
|
-
<input type="checkbox" checked value="code.less">
|
36
|
-
Code
|
37
|
-
</label>
|
38
|
-
</div>
|
39
|
-
<div class="checkbox">
|
40
|
-
<label>
|
41
|
-
<input type="checkbox" checked value="grid.less">
|
42
|
-
Grid system
|
43
|
-
</label>
|
44
|
-
</div>
|
45
|
-
<div class="checkbox">
|
46
|
-
<label>
|
47
|
-
<input type="checkbox" checked value="tables.less">
|
48
|
-
Tables
|
49
|
-
</label>
|
50
|
-
</div>
|
51
|
-
<div class="checkbox">
|
52
|
-
<label>
|
53
|
-
<input type="checkbox" checked value="forms.less" data-dependents="navbar.less,input-groups.less">
|
54
|
-
Forms
|
55
|
-
</label>
|
56
|
-
</div>
|
57
|
-
<div class="checkbox">
|
58
|
-
<label>
|
59
|
-
<input type="checkbox" checked value="buttons.less">
|
60
|
-
Buttons
|
61
|
-
</label>
|
62
|
-
</div>
|
63
|
-
</div><!-- .col-xs-6 .col-sm-4 -->
|
64
|
-
|
65
|
-
<div class="col-xs-6 col-sm-4">
|
66
|
-
<h3>Components</h3>
|
67
|
-
<div class="checkbox">
|
68
|
-
<label>
|
69
|
-
<input type="checkbox" checked value="glyphicons.less">
|
70
|
-
Glyphicons
|
71
|
-
</label>
|
72
|
-
</div>
|
73
|
-
<div class="checkbox">
|
74
|
-
<label>
|
75
|
-
<input type="checkbox" checked value="button-groups.less" data-dependency="buttons.less">
|
76
|
-
Button groups
|
77
|
-
</label>
|
78
|
-
</div>
|
79
|
-
<div class="checkbox">
|
80
|
-
<label>
|
81
|
-
<input type="checkbox" checked value="input-groups.less" data-dependency="forms.less">
|
82
|
-
Input groups
|
83
|
-
</label>
|
84
|
-
</div>
|
85
|
-
<div class="checkbox">
|
86
|
-
<label>
|
87
|
-
<input type="checkbox" checked value="navs.less" data-dependents="navbar.less">
|
88
|
-
Navs
|
89
|
-
</label>
|
90
|
-
</div>
|
91
|
-
<div class="checkbox">
|
92
|
-
<label>
|
93
|
-
<input type="checkbox" checked value="navbar.less" data-dependencies="forms.less,utilities.less,navs.less">
|
94
|
-
Navbar
|
95
|
-
</label>
|
96
|
-
</div>
|
97
|
-
<div class="checkbox">
|
98
|
-
<label>
|
99
|
-
<input type="checkbox" checked value="breadcrumbs.less">
|
100
|
-
Breadcrumbs
|
101
|
-
</label>
|
102
|
-
</div>
|
103
|
-
<div class="checkbox">
|
104
|
-
<label>
|
105
|
-
<input type="checkbox" checked value="pagination.less">
|
106
|
-
Pagination
|
107
|
-
</label>
|
108
|
-
</div>
|
109
|
-
<div class="checkbox">
|
110
|
-
<label>
|
111
|
-
<input type="checkbox" checked value="pager.less">
|
112
|
-
Pager
|
113
|
-
</label>
|
114
|
-
</div>
|
115
|
-
<div class="checkbox">
|
116
|
-
<label>
|
117
|
-
<input type="checkbox" checked value="labels.less">
|
118
|
-
Labels
|
119
|
-
</label>
|
120
|
-
</div>
|
121
|
-
<div class="checkbox">
|
122
|
-
<label>
|
123
|
-
<input type="checkbox" checked value="badges.less">
|
124
|
-
Badges
|
125
|
-
</label>
|
126
|
-
</div>
|
127
|
-
<div class="checkbox">
|
128
|
-
<label>
|
129
|
-
<input type="checkbox" checked value="jumbotron.less">
|
130
|
-
Jumbotron
|
131
|
-
</label>
|
132
|
-
</div>
|
133
|
-
<div class="checkbox">
|
134
|
-
<label>
|
135
|
-
<input type="checkbox" checked value="thumbnails.less">
|
136
|
-
Thumbnails
|
137
|
-
</label>
|
138
|
-
</div>
|
139
|
-
<div class="checkbox">
|
140
|
-
<label>
|
141
|
-
<input type="checkbox" checked value="alerts.less">
|
142
|
-
Alerts
|
143
|
-
</label>
|
144
|
-
</div>
|
145
|
-
<div class="checkbox">
|
146
|
-
<label>
|
147
|
-
<input type="checkbox" checked value="progress-bars.less">
|
148
|
-
Progress bars
|
149
|
-
</label>
|
150
|
-
</div>
|
151
|
-
<div class="checkbox">
|
152
|
-
<label>
|
153
|
-
<input type="checkbox" checked value="media.less">
|
154
|
-
Media items
|
155
|
-
</label>
|
156
|
-
</div>
|
157
|
-
<div class="checkbox">
|
158
|
-
<label>
|
159
|
-
<input type="checkbox" checked value="list-group.less">
|
160
|
-
List groups
|
161
|
-
</label>
|
162
|
-
</div>
|
163
|
-
<div class="checkbox">
|
164
|
-
<label>
|
165
|
-
<input type="checkbox" checked value="panels.less">
|
166
|
-
Panels
|
167
|
-
</label>
|
168
|
-
</div>
|
169
|
-
<div class="checkbox">
|
170
|
-
<label>
|
171
|
-
<input type="checkbox" checked value="wells.less">
|
172
|
-
Wells
|
173
|
-
</label>
|
174
|
-
</div>
|
175
|
-
<div class="checkbox">
|
176
|
-
<label>
|
177
|
-
<input type="checkbox" checked value="close.less">
|
178
|
-
Close icon
|
179
|
-
</label>
|
180
|
-
</div>
|
181
|
-
</div><!-- .col-xs-6 .col-sm-4 -->
|
182
|
-
|
183
|
-
<div class="col-xs-6 col-sm-4">
|
184
|
-
<h3>JavaScript components</h3>
|
185
|
-
<div class="checkbox">
|
186
|
-
<label>
|
187
|
-
<input type="checkbox" checked value="dropdowns.less">
|
188
|
-
Dropdowns
|
189
|
-
</label>
|
190
|
-
</div>
|
191
|
-
<div class="checkbox">
|
192
|
-
<label>
|
193
|
-
<input type="checkbox" checked value="tooltip.less">
|
194
|
-
Tooltips
|
195
|
-
</label>
|
196
|
-
</div>
|
197
|
-
<div class="checkbox">
|
198
|
-
<label>
|
199
|
-
<input type="checkbox" checked value="popovers.less">
|
200
|
-
Popovers
|
201
|
-
</label>
|
202
|
-
</div>
|
203
|
-
<div class="checkbox">
|
204
|
-
<label>
|
205
|
-
<input type="checkbox" checked value="modals.less">
|
206
|
-
Modals
|
207
|
-
</label>
|
208
|
-
</div>
|
209
|
-
<div class="checkbox">
|
210
|
-
<label>
|
211
|
-
<input type="checkbox" checked value="carousel.less">
|
212
|
-
Carousel
|
213
|
-
</label>
|
214
|
-
</div>
|
215
|
-
|
216
|
-
<h3>Utilities</h3>
|
217
|
-
<div class="checkbox">
|
218
|
-
<label>
|
219
|
-
<input type="checkbox" checked value="utilities.less" data-dependents="navbar.less">
|
220
|
-
Basic utilities
|
221
|
-
</label>
|
222
|
-
</div>
|
223
|
-
<div class="checkbox">
|
224
|
-
<label>
|
225
|
-
<input type="checkbox" checked value="responsive-utilities.less">
|
226
|
-
Responsive utilities
|
227
|
-
</label>
|
228
|
-
</div>
|
229
|
-
<div class="checkbox">
|
230
|
-
<label>
|
231
|
-
<input type="checkbox" checked value="component-animations.less">
|
232
|
-
Component animations (for JS)
|
233
|
-
</label>
|
234
|
-
</div>
|
235
|
-
</div><!-- .col-xs-6 .col-sm-4 -->
|
236
|
-
</div><!-- /.row -->
|
237
|
-
</div>
|
238
|
-
|
239
|
-
|
240
|
-
|
241
|
-
<div class="bs-docs-section" id="plugin-section">
|
242
|
-
<div class="page-header">
|
243
|
-
<button class="btn btn-default toggle" type="button">Toggle all</button>
|
244
|
-
<h1 id="plugins">jQuery plugins</h1>
|
245
|
-
</div>
|
246
|
-
<p class="lead">Choose which jQuery plugins should be included in your custom JavaScript files. Unsure what to include? Read the <a href="../javascript/">JavaScript</a> page in the docs.</p>
|
247
|
-
<div class="row">
|
248
|
-
<div class="col-lg-6">
|
249
|
-
<h4>Linked to components</h4>
|
250
|
-
<div class="checkbox">
|
251
|
-
<label>
|
252
|
-
<input type="checkbox" checked value="alert.js">
|
253
|
-
Alert dismissal
|
254
|
-
</label>
|
255
|
-
</div>
|
256
|
-
<div class="checkbox">
|
257
|
-
<label>
|
258
|
-
<input type="checkbox" checked value="button.js">
|
259
|
-
Advanced buttons
|
260
|
-
</label>
|
261
|
-
</div>
|
262
|
-
<div class="checkbox">
|
263
|
-
<label>
|
264
|
-
<input type="checkbox" checked value="carousel.js">
|
265
|
-
Carousel functionality
|
266
|
-
</label>
|
267
|
-
</div>
|
268
|
-
<div class="checkbox">
|
269
|
-
<label>
|
270
|
-
<input type="checkbox" checked value="dropdown.js">
|
271
|
-
Dropdowns
|
272
|
-
</label>
|
273
|
-
</div>
|
274
|
-
<div class="checkbox">
|
275
|
-
<label>
|
276
|
-
<input type="checkbox" checked value="modal.js">
|
277
|
-
Modals
|
278
|
-
</label>
|
279
|
-
</div>
|
280
|
-
<div class="checkbox">
|
281
|
-
<label>
|
282
|
-
<input type="checkbox" checked value="tooltip.js">
|
283
|
-
Tooltips
|
284
|
-
</label>
|
285
|
-
</div>
|
286
|
-
<div class="checkbox">
|
287
|
-
<label>
|
288
|
-
<input type="checkbox" checked value="popover.js" data-dependency="tooltip.js">
|
289
|
-
Popovers <small>(requires Tooltips)</small>
|
290
|
-
</label>
|
291
|
-
</div>
|
292
|
-
<div class="checkbox">
|
293
|
-
<label>
|
294
|
-
<input type="checkbox" checked value="tab.js">
|
295
|
-
Togglable tabs
|
296
|
-
</label>
|
297
|
-
</div>
|
298
|
-
</div>
|
299
|
-
<div class="col-lg-6">
|
300
|
-
<h4>Magic</h4>
|
301
|
-
<div class="checkbox">
|
302
|
-
<label>
|
303
|
-
<input type="checkbox" checked value="affix.js">
|
304
|
-
Affix
|
305
|
-
</label>
|
306
|
-
</div>
|
307
|
-
<div class="checkbox">
|
308
|
-
<label>
|
309
|
-
<input type="checkbox" checked value="collapse.js">
|
310
|
-
Collapse
|
311
|
-
</label>
|
312
|
-
</div>
|
313
|
-
<div class="checkbox">
|
314
|
-
<label>
|
315
|
-
<input type="checkbox" checked value="scrollspy.js">
|
316
|
-
Scrollspy
|
317
|
-
</label>
|
318
|
-
</div>
|
319
|
-
<div class="checkbox">
|
320
|
-
<label>
|
321
|
-
<input type="checkbox" checked value="transition.js">
|
322
|
-
Transitions <small>(required for any kind of animation)</small>
|
323
|
-
</label>
|
324
|
-
</div>
|
325
|
-
</div>
|
326
|
-
</div>
|
327
|
-
|
328
|
-
<div class="bs-callout bs-callout-info">
|
329
|
-
<h4>Produces two files</h4>
|
330
|
-
<p>All checked plugins will be compiled into a readable <code>bootstrap.js</code> and a minified <code>bootstrap.min.js</code>. We recommend you use the minified version in production.</p>
|
331
|
-
</div>
|
332
|
-
|
333
|
-
<div class="bs-callout bs-callout-danger">
|
334
|
-
<h4>jQuery required</h4>
|
335
|
-
<p>All plugins require the latest version of <a href="http://jquery.com/" target="_blank">jQuery</a> to be included.</p>
|
336
|
-
</div>
|
337
|
-
</div>
|
338
|
-
|
339
|
-
|
340
|
-
|
341
|
-
<div class="bs-docs-section" id="less-variables-section">
|
342
|
-
<div class="page-header">
|
343
|
-
<button class="btn btn-default toggle" type="button">Reset to defaults</button>
|
344
|
-
<h1 id="less-variables">LESS variables</h1>
|
345
|
-
</div>
|
346
|
-
<p class="lead">Customize LESS variables to define colors, sizes and more inside your custom CSS stylesheets.</p>
|
347
|
-
|
348
|
-
<h2 id="variables-basics">Basics</h2>
|
349
|
-
|
350
|
-
|
351
|
-
<h3>Color system</h3>
|
352
|
-
<div class="row">
|
353
|
-
<div class="col-md-6">
|
354
|
-
<label>@brand-primary</label>
|
355
|
-
<input type="text" class="form-control" placeholder="#428bca" data-var="@brand-primary">
|
356
|
-
<label>@brand-success</label>
|
357
|
-
<input type="text" class="form-control" placeholder="#5cb85c" data-var="@brand-success">
|
358
|
-
<label>@brand-warning</label>
|
359
|
-
<input type="text" class="form-control" placeholder="#f0ad4e" data-var="@brand-warning">
|
360
|
-
</div>
|
361
|
-
<div class="col-md-6">
|
362
|
-
<label>@brand-danger</label>
|
363
|
-
<input type="text" class="form-control" placeholder="#d9534f" data-var="@brand-danger">
|
364
|
-
<label>@brand-info</label>
|
365
|
-
<input type="text" class="form-control" placeholder="#5bc0de" data-var="@brand-info">
|
366
|
-
</div>
|
367
|
-
</div>
|
368
|
-
|
369
|
-
|
370
|
-
<h3>Body scaffolding</h3>
|
371
|
-
<div class="row">
|
372
|
-
<div class="col-md-6">
|
373
|
-
<label>@body-bg</label>
|
374
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@body-bg">
|
375
|
-
<p class="help-block">Background color for <code><body></code>.</p>
|
376
|
-
<label>@text-color</label>
|
377
|
-
<input type="text" class="form-control" placeholder="@gray-dark" data-var="@text-color">
|
378
|
-
<p class="help-block">Global text color on <code><body></code>.</p>
|
379
|
-
</div>
|
380
|
-
<div class="col-md-6">
|
381
|
-
<label>@link-color</label>
|
382
|
-
<input type="text" class="form-control" placeholder="@brand-primary" data-var="@link-color">
|
383
|
-
<p class="help-block">Global textual link color</p>
|
384
|
-
<label>@link-hover-color</label>
|
385
|
-
<input type="text" class="form-control" placeholder="darken(@link-color, 15%)" data-var="@link-hover-color">
|
386
|
-
<p class="help-block">Link hover color set via <code>darken()</code> function</p>
|
387
|
-
</div>
|
388
|
-
</div>
|
389
|
-
|
390
|
-
|
391
|
-
<h3>Typography</h3>
|
392
|
-
<div class="row">
|
393
|
-
<div class="col-lg-6">
|
394
|
-
<h4>Generic font variables</h4>
|
395
|
-
<label>@font-family-sans-serif</label>
|
396
|
-
<input type="text" class="form-control" placeholder="'Helvetica Neue', Helvetica, Arial, sans-serif" data-var="@font-family-sans-serif">
|
397
|
-
<p class="help-block">Default sans-serif fonts.</p>
|
398
|
-
<label>@font-family-serif</label>
|
399
|
-
<input type="text" class="form-control" placeholder="Georgia, 'Times New Roman', Times, serif" data-var="@font-family-serif">
|
400
|
-
<p class="help-block">Default serif fonts.</p>
|
401
|
-
<label>@font-family-monospace</label>
|
402
|
-
<input type="text" class="form-control" placeholder="Monaco, Menlo, Consolas, 'Courier New', monospace" data-var="@font-family-monospace">
|
403
|
-
<p class="help-block">Default monospace fonts for <code><code></code> and <code><pre></code>.</p>
|
404
|
-
|
405
|
-
<h4>Base type styes</h4>
|
406
|
-
<label>@font-family-base</label>
|
407
|
-
<input type="text" class="form-control" placeholder="@font-family-sans-serif" data-var="@font-family-base">
|
408
|
-
<label>@font-size-base</label>
|
409
|
-
<input type="text" class="form-control" placeholder="14px" data-var="@font-size-base">
|
410
|
-
<label>@line-height-base</label>
|
411
|
-
<input type="text" class="form-control" placeholder="1.428571429" data-var="@line-height-base">
|
412
|
-
<label>@line-height-large</label>
|
413
|
-
<input type="text" class="form-control" placeholder="1.33" data-var="@line-height-large">
|
414
|
-
<label>@line-height-small</label>
|
415
|
-
<input type="text" class="form-control" placeholder="1.5" data-var="@line-height-small">
|
416
|
-
</div>
|
417
|
-
<div class="col-lg-6">
|
418
|
-
<h4>Heading font sizes</h4>
|
419
|
-
<label>@font-size-h1</label>
|
420
|
-
<input type="text" class="form-control" placeholder="floor(@font-size-base * 2.6)" data-var="@font-size-h1">
|
421
|
-
<label>@font-size-h2</label>
|
422
|
-
<input type="text" class="form-control" placeholder="floor(@font-size-base * 2.15)" data-var="@font-size-h2">
|
423
|
-
<label>@font-size-h3</label>
|
424
|
-
<input type="text" class="form-control" placeholder="ceil(@font-size-base * 1.7)" data-var="@font-size-h3">
|
425
|
-
<label>@font-size-h4</label>
|
426
|
-
<input type="text" class="form-control" placeholder="ceil(@font-size-base * 1.25)" data-var="@font-size-h4">
|
427
|
-
<label>@font-size-h5</label>
|
428
|
-
<input type="text" class="form-control" placeholder="@font-size-base" data-var="@font-size-h5">
|
429
|
-
<label>@font-size-h6</label>
|
430
|
-
<input type="text" class="form-control" placeholder="ceil(@font-size-base * 0.85)" data-var="@font-size-h6">
|
431
|
-
</div>
|
432
|
-
</div>
|
433
|
-
|
434
|
-
|
435
|
-
<h3>Headings</h3>
|
436
|
-
<div class="row">
|
437
|
-
<div class="col-lg-6">
|
438
|
-
<label>@headings-font-family</label>
|
439
|
-
<input type="text" class="form-control" placeholder="@font-family-base" data-var="@headings-font-family">
|
440
|
-
<label>@headings-font-weight</label>
|
441
|
-
<input type="text" class="form-control" placeholder="500" data-var="@headings-font-weight">
|
442
|
-
</div>
|
443
|
-
<div class="col-lg-6">
|
444
|
-
<label>@headings-line-height</label>
|
445
|
-
<input type="text" class="form-control" placeholder="1.1" data-var="@headings-line-height">
|
446
|
-
<label>@headings-color</label>
|
447
|
-
<input type="text" class="form-control" placeholder="inherit" data-var="@headings-color">
|
448
|
-
</div>
|
449
|
-
</div>
|
450
|
-
|
451
|
-
|
452
|
-
<h3>Code blocks</h3>
|
453
|
-
<div class="row">
|
454
|
-
<div class="col-lg-6">
|
455
|
-
<label>@code-color</label>
|
456
|
-
<input type="text" class="form-control" placeholder="#c7254e" data-var="@code-color">
|
457
|
-
<label>@code-bg</label>
|
458
|
-
<input type="text" class="form-control" placeholder="#f9f2f4" data-var="@code-bg">
|
459
|
-
</div>
|
460
|
-
<div class="col-lg-6">
|
461
|
-
<label>@pre-color</label>
|
462
|
-
<input type="text" class="form-control" placeholder="@gray-dark" data-var="@pre-color">
|
463
|
-
<label>@pre-bg</label>
|
464
|
-
<input type="text" class="form-control" placeholder="#f5f5f5" data-var="@pre-bg">
|
465
|
-
<label>@pre-border-color</label>
|
466
|
-
<input type="text" class="form-control" placeholder="#ccc" data-var="@pre-border-color">
|
467
|
-
</div>
|
468
|
-
</div>
|
469
|
-
|
470
|
-
|
471
|
-
<h3>Media queries breakpoints</h3>
|
472
|
-
<div class="row">
|
473
|
-
<div class="col-xs-6 col-md-3">
|
474
|
-
<label>@screen-xs-min</label>
|
475
|
-
<input type="text" class="form-control" placeholder="480px" data-var="@screen-xs-min">
|
476
|
-
</div>
|
477
|
-
<div class="col-xs-6 col-md-3">
|
478
|
-
<label>@screen-sm-min</label>
|
479
|
-
<input type="text" class="form-control" placeholder="768px" data-var="@screen-sm-min">
|
480
|
-
</div>
|
481
|
-
<div class="col-xs-6 col-md-3">
|
482
|
-
<label>@screen-md-min</label>
|
483
|
-
<input type="text" class="form-control" placeholder="992px" data-var="@screen-md-min">
|
484
|
-
</div>
|
485
|
-
<div class="col-xs-6 col-md-3">
|
486
|
-
<label>@screen-lg-min</label>
|
487
|
-
<input type="text" class="form-control" placeholder="1200px" data-var="@screen-lg-min">
|
488
|
-
</div>
|
489
|
-
</div>
|
490
|
-
|
491
|
-
<h3>Layout and grid system</h3>
|
492
|
-
<div class="row">
|
493
|
-
<div class="col-xs-6 col-sm-4">
|
494
|
-
<label>@container-sm</label>
|
495
|
-
<input type="text" class="form-control" placeholder="((720px + @grid-gutter-width))" data-var="@container-sm">
|
496
|
-
<p class="help-block">For <code>@screen-sm-min</code> and up.</p>
|
497
|
-
</div>
|
498
|
-
<div class="col-xs-6 col-sm-4">
|
499
|
-
<label>@container-md</label>
|
500
|
-
<input type="text" class="form-control" placeholder="((940px + @grid-gutter-width))" data-var="@container-md">
|
501
|
-
<p class="help-block">For <code>@screen-md-min</code> and up.</p>
|
502
|
-
</div>
|
503
|
-
<div class="clearfix visible-xs"></div>
|
504
|
-
<div class="col-xs-6 col-sm-4">
|
505
|
-
<label>@container-lg</label>
|
506
|
-
<input type="text" class="form-control" placeholder="((1140px + @grid-gutter-width))" data-var="@container-lg">
|
507
|
-
<p class="help-block">For <code>@screen-lg-min</code> and up.</p>
|
508
|
-
</div>
|
509
|
-
</div>
|
510
|
-
|
511
|
-
<div class="row">
|
512
|
-
<div class="col-xs-6 col-sm-4">
|
513
|
-
<label>@grid-columns</label>
|
514
|
-
<input type="text" class="form-control" placeholder="12" data-var="@grid-columns">
|
515
|
-
<p class="help-block">Number of columns in the grid.</p>
|
516
|
-
</div>
|
517
|
-
<div class="col-xs-6 col-sm-4">
|
518
|
-
<label>@grid-gutter-width</label>
|
519
|
-
<input type="text" class="form-control" placeholder="30px" data-var="@grid-gutter-width">
|
520
|
-
<p class="help-block">Padding between columns.</p>
|
521
|
-
</div>
|
522
|
-
<div class="clearfix visible-xs"></div>
|
523
|
-
<div class="col-xs-6 col-sm-4">
|
524
|
-
<label>@grid-float-breakpoint</label>
|
525
|
-
<input type="text" class="form-control" placeholder="@screen-sm-min" data-var="@grid-float-breakpoint">
|
526
|
-
<p class="help-block">Point at which the navbar stops collapsing.</p>
|
527
|
-
</div>
|
528
|
-
</div>
|
529
|
-
|
530
|
-
|
531
|
-
<h3>Components</h3>
|
532
|
-
|
533
|
-
<h4>Padding</h4>
|
534
|
-
<div class="row">
|
535
|
-
<div class="col-md-4">
|
536
|
-
<label>@padding-base-vertical</label>
|
537
|
-
<input type="text" class="form-control" placeholder="6px" data-var="@padding-base-vertical">
|
538
|
-
<label>@padding-base-horizontal</label>
|
539
|
-
<input type="text" class="form-control" placeholder="12px" data-var="@padding-base-horizontal">
|
540
|
-
</div>
|
541
|
-
<div class="col-md-4">
|
542
|
-
<label>@padding-large-vertical</label>
|
543
|
-
<input type="text" class="form-control" placeholder="10px" data-var="@padding-large-vertical">
|
544
|
-
<label>@padding-large-horizontal</label>
|
545
|
-
<input type="text" class="form-control" placeholder="16px" data-var="@padding-large-horizontal">
|
546
|
-
</div>
|
547
|
-
<div class="col-md-4">
|
548
|
-
<label>@padding-small-vertical</label>
|
549
|
-
<input type="text" class="form-control" placeholder="5px" data-var="@padding-small-vertical">
|
550
|
-
<label>@padding-small-horizontal</label>
|
551
|
-
<input type="text" class="form-control" placeholder="10px" data-var="@padding-small-horizontal">
|
552
|
-
</div>
|
553
|
-
</div>
|
554
|
-
|
555
|
-
<h4>Rounded corners</h4>
|
556
|
-
<div class="row">
|
557
|
-
<div class="col-md-4">
|
558
|
-
<label>@border-radius-base</label>
|
559
|
-
<input type="text" class="form-control" placeholder="4px" data-var="@border-radius-base">
|
560
|
-
</div>
|
561
|
-
<div class="col-md-4">
|
562
|
-
<label>@border-radius-large</label>
|
563
|
-
<input type="text" class="form-control" placeholder="6px" data-var="@border-radius-large">
|
564
|
-
</div>
|
565
|
-
<div class="col-md-4">
|
566
|
-
<label>@border-radius-small</label>
|
567
|
-
<input type="text" class="form-control" placeholder="3px" data-var="@border-radius-small">
|
568
|
-
</div>
|
569
|
-
</div>
|
570
|
-
|
571
|
-
<h4>Component active state</h4>
|
572
|
-
<div class="row">
|
573
|
-
<div class="col-md-6">
|
574
|
-
<label>@component-active-color</label>
|
575
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@component-active-color">
|
576
|
-
<p class="help-block">Global color for active items (e.g., navs or dropdowns)</p>
|
577
|
-
</div>
|
578
|
-
<div class="col-md-6">
|
579
|
-
<label>@component-active-bg</label>
|
580
|
-
<input type="text" class="form-control" placeholder="@brand-primary" data-var="@component-active-bg">
|
581
|
-
<p class="help-block">Global background color for active items (e.g., navs or dropdowns)</p>
|
582
|
-
</div>
|
583
|
-
</div>
|
584
|
-
|
585
|
-
<h4>Carets</h4>
|
586
|
-
<div class="row">
|
587
|
-
<div class="col-md-6">
|
588
|
-
<label>@caret-width-base</label>
|
589
|
-
<input type="text" class="form-control" placeholder="4px" data-var="@caret-width-base">
|
590
|
-
</div>
|
591
|
-
<div class="col-md-6">
|
592
|
-
<label>@caret-width-large</label>
|
593
|
-
<input type="text" class="form-control" placeholder="5px" data-var="@caret-width-large">
|
594
|
-
</div>
|
595
|
-
</div>
|
596
|
-
|
597
|
-
|
598
|
-
<h2 id="variables-buttons">Buttons</h2>
|
599
|
-
<div class="row">
|
600
|
-
<div class="col-md-6">
|
601
|
-
<label>@btn-font-weight</label>
|
602
|
-
<input type="text" class="form-control" placeholder="normal" data-var="@btn-font-weight">
|
603
|
-
</div>
|
604
|
-
<div class="col-md-6">
|
605
|
-
<label>@btn-link-disabled-color</label>
|
606
|
-
<input type="text" class="form-control" placeholder="@gray-light" data-var="@btn-link-disabled-color">
|
607
|
-
</div>
|
608
|
-
</div>
|
609
|
-
<div class="row">
|
610
|
-
<div class="col-md-6">
|
611
|
-
<h4>Default</h4>
|
612
|
-
<label>@btn-default-color</label>
|
613
|
-
<input type="text" class="form-control" placeholder="#333" data-var="@btn-default-color">
|
614
|
-
<label>@btn-default-bg</label>
|
615
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@btn-default-bg">
|
616
|
-
<label>@btn-default-border</label>
|
617
|
-
<input type="text" class="form-control" placeholder="#ccc" data-var="@btn-default-border">
|
618
|
-
<h4>Primary</h4>
|
619
|
-
<label>@btn-primary-color</label>
|
620
|
-
<input type="text" class="form-control" placeholder="@btn-default-color" data-var="@btn-primary-color">
|
621
|
-
<label>@btn-primary-bg</label>
|
622
|
-
<input type="text" class="form-control" placeholder="@brand-primary" data-var="@btn-primary-bg">
|
623
|
-
<label>@btn-primary-border</label>
|
624
|
-
<input type="text" class="form-control" placeholder="darken(@btn-primary-bg, 5%)" data-var="@btn-primary-border">
|
625
|
-
<h4>Info</h4>
|
626
|
-
<label>@btn-info-color</label>
|
627
|
-
<input type="text" class="form-control" placeholder="@btn-default-color" data-var="@btn-info-color">
|
628
|
-
<label>@btn-info-bg</label>
|
629
|
-
<input type="text" class="form-control" placeholder="@brand-info" data-var="@btn-info-bg">
|
630
|
-
<label>@btn-info-border</label>
|
631
|
-
<input type="text" class="form-control" placeholder="darken(@btn-info-bg, 5%)" data-var="@btn-info-border">
|
632
|
-
</div>
|
633
|
-
<div class="col-md-6">
|
634
|
-
<h4>Success</h4>
|
635
|
-
<label>@btn-success-color</label>
|
636
|
-
<input type="text" class="form-control" placeholder="@btn-default-color" data-var="@btn-success-color">
|
637
|
-
<label>@btn-success-bg</label>
|
638
|
-
<input type="text" class="form-control" placeholder="@brand-success" data-var="@btn-success-bg">
|
639
|
-
<label>@btn-success-border</label>
|
640
|
-
<input type="text" class="form-control" placeholder="darken(@btn-success-bg, 5%);" data-var="@btn-success-border">
|
641
|
-
<h4>Warning</h4>
|
642
|
-
<label>@btn-warning-color</label>
|
643
|
-
<input type="text" class="form-control" placeholder="@btn-default-color" data-var="@btn-warning-color">
|
644
|
-
<label>@btn-warning-bg</label>
|
645
|
-
<input type="text" class="form-control" placeholder="@brand-warning" data-var="@btn-warning-bg">
|
646
|
-
<label>@btn-warning-border</label>
|
647
|
-
<input type="text" class="form-control" placeholder=" darken(@btn-warning-bg, 5%)" data-var="@btn-warning-border">
|
648
|
-
<h4>Danger</h4>
|
649
|
-
<label>@btn-danger-color</label>
|
650
|
-
<input type="text" class="form-control" placeholder="@btn-default-color" data-var="@btn-danger-color">
|
651
|
-
<label>@btn-danger-bg</label>
|
652
|
-
<input type="text" class="form-control" placeholder="@brand-danger" data-var="@btn-danger-bg">
|
653
|
-
<label>@btn-danger-border</label>
|
654
|
-
<input type="text" class="form-control" placeholder="darken(@btn-danger-bg, 5%)" data-var="@btn-danger-border">
|
655
|
-
</div>
|
656
|
-
</div>
|
657
|
-
|
658
|
-
|
659
|
-
<h2 id="variables-form-states">Form states and alerts</h2>
|
660
|
-
<div class="row">
|
661
|
-
<div class="col-md-6">
|
662
|
-
<h4>Success</h4>
|
663
|
-
<label>@state-success-text</label>
|
664
|
-
<input type="text" class="form-control" placeholder="#468847" data-var="@state-success-text">
|
665
|
-
<label>@state-success-bg</label>
|
666
|
-
<input type="text" class="form-control" placeholder="#dff0d8" data-var="@state-success-bg">
|
667
|
-
<label>@state-success-border</label>
|
668
|
-
<input type="text" class="form-control" placeholder="darken(spin(@state-success-bg, -10), 5%)" data-var="@state-success-border">
|
669
|
-
<h4>Warning</h4>
|
670
|
-
<label>@state-warning-text</label>
|
671
|
-
<input type="text" class="form-control" placeholder="#c09853" data-var="@state-warning-text">
|
672
|
-
<label>@state-warning-bg</label>
|
673
|
-
<input type="text" class="form-control" placeholder="#fcf8e3" data-var="@state-warning-bg">
|
674
|
-
<label>@state-warning-border</label>
|
675
|
-
<input type="text" class="form-control" placeholder="darken(spin(@state-warning-bg, -10), 3%)" data-var="@state-warning-border">
|
676
|
-
</div>
|
677
|
-
<div class="col-md-6">
|
678
|
-
<h4>Danger</h4>
|
679
|
-
<label>@state-danger-text</label>
|
680
|
-
<input type="text" class="form-control" placeholder="#b94a48" data-var="@state-danger-text">
|
681
|
-
<label>@state-danger-bg</label>
|
682
|
-
<input type="text" class="form-control" placeholder="#f2dede" data-var="@state-danger-bg">
|
683
|
-
<label>@state-danger-border</label>
|
684
|
-
<input type="text" class="form-control" placeholder="darken(spin(@state-danger-bg, -10), 3%)" data-var="@state-danger-border">
|
685
|
-
<h4>Info</h4>
|
686
|
-
<label>@state-info-text</label>
|
687
|
-
<input type="text" class="form-control" placeholder="#3a87ad" data-var="@state-info-text">
|
688
|
-
<label>@state-info-bg</label>
|
689
|
-
<input type="text" class="form-control" placeholder="#d9edf7" data-var="@state-info-bg">
|
690
|
-
<label>@state-info-border</label>
|
691
|
-
<input type="text" class="form-control" placeholder="darken(spin(@state-info-bg, -10), 7%)" data-var="@state-info-border">
|
692
|
-
</div>
|
693
|
-
</div>
|
694
|
-
|
695
|
-
|
696
|
-
<h2 id="variables-alerts">Alerts</h2>
|
697
|
-
|
698
|
-
<h4>Base styles</h4>
|
699
|
-
<div class="row">
|
700
|
-
<div class="col-md-4">
|
701
|
-
<label>@alert-padding</label>
|
702
|
-
<input type="text" class="form-control" placeholder="15px" data-var="@alert-padding">
|
703
|
-
</div>
|
704
|
-
<div class="col-md-4">
|
705
|
-
<label>@alert-border-radius</label>
|
706
|
-
<input type="text" class="form-control" placeholder="@border-radius-base" data-var="@alert-border-radius">
|
707
|
-
</div>
|
708
|
-
<div class="col-md-4">
|
709
|
-
<label>@alert-link-font-weight</label>
|
710
|
-
<input type="text" class="form-control" placeholder="bold" data-var="@alert-link-font-weight">
|
711
|
-
</div>
|
712
|
-
</div>
|
713
|
-
|
714
|
-
<div class="row">
|
715
|
-
<div class="col-lg-6">
|
716
|
-
<h4>Warning</h4>
|
717
|
-
<label>@alert-warning-text</label>
|
718
|
-
<input type="text" class="form-control" placeholder="@state-warning-text" data-var="@alert-warning-text">
|
719
|
-
<label>@alert-warning-bg</label>
|
720
|
-
<input type="text" class="form-control" placeholder="@state-warning-bg" data-var="@alert-warning-bg">
|
721
|
-
<label>@alert-warning-border</label>
|
722
|
-
<input type="text" class="form-control" placeholder="@state-warning-border" data-var="@alert-warning-border">
|
723
|
-
|
724
|
-
<h4>Success</h4>
|
725
|
-
<label>@alert-success-text</label>
|
726
|
-
<input type="text" class="form-control" placeholder="@state-success-text" data-var="@alert-success-text">
|
727
|
-
<label>@alert-success-bg</label>
|
728
|
-
<input type="text" class="form-control" placeholder="@state-success-bg" data-var="@alert-success-bg">
|
729
|
-
<label>@alert-success-border</label>
|
730
|
-
<input type="text" class="form-control" placeholder="@state-success-border" data-var="@alert-success-border">
|
731
|
-
</div>
|
732
|
-
<div class="col-lg-6">
|
733
|
-
<h4>Danger</h4>
|
734
|
-
<label>@alert-danger-text</label>
|
735
|
-
<input type="text" class="form-control" placeholder="@state-danger-text" data-var="@alert-danger-text">
|
736
|
-
<label>@alert-danger-bg</label>
|
737
|
-
<input type="text" class="form-control" placeholder="@state-danger-bg" data-var="@alert-danger-bg">
|
738
|
-
<label>@alert-danger-border</label>
|
739
|
-
<input type="text" class="form-control" placeholder="@state-danger-border" data-var="@alert-danger-border">
|
740
|
-
|
741
|
-
<h4>Info</h4>
|
742
|
-
<label>@alert-info-text</label>
|
743
|
-
<input type="text" class="form-control" placeholder="@state-info-text" data-var="@alert-info-text">
|
744
|
-
<label>@alert-info-bg</label>
|
745
|
-
<input type="text" class="form-control" placeholder="@state-info-bg" data-var="@alert-info-bg">
|
746
|
-
<label>@alert-info-border</label>
|
747
|
-
<input type="text" class="form-control" placeholder="@state-info-border" data-var="@alert-info-border">
|
748
|
-
</div>
|
749
|
-
</div>
|
750
|
-
|
751
|
-
|
752
|
-
<h2 id="variables-navbar">Navbar</h2>
|
753
|
-
|
754
|
-
<h3>Base styles</h3>
|
755
|
-
<div class="row">
|
756
|
-
<div class="col-md-4">
|
757
|
-
<label>@navbar-height</label>
|
758
|
-
<input type="text" class="form-control" placeholder="50px" data-var="@navbar-height">
|
759
|
-
<label>@navbar-margin-bottom</label>
|
760
|
-
<input type="text" class="form-control" placeholder="@line-height-computed" data-var="@navbar-margin-bottom">
|
761
|
-
</div>
|
762
|
-
<div class="col-md-4">
|
763
|
-
<label>@navbar-padding-horizontal</label>
|
764
|
-
<input type="text" class="form-control" placeholder="floor(@grid-gutter-width / 2)" data-var="@navbar-padding-horizontal">
|
765
|
-
<label>@navbar-padding-vertical</label>
|
766
|
-
<input type="text" class="form-control" placeholder="((@navbar-height - @line-height-computed) / 2)" data-var="@@navbar-padding-vertical">
|
767
|
-
</div>
|
768
|
-
<div class="col-md-4">
|
769
|
-
<label>@navbar-border-radius</label>
|
770
|
-
<input type="text" class="form-control" placeholder="@border-radius-base" data-var="@navbar-border-radius">
|
771
|
-
</div>
|
772
|
-
</div>
|
773
|
-
|
774
|
-
<div class="row">
|
775
|
-
<div class="col-lg-6">
|
776
|
-
<h3>Default navbar</h3>
|
777
|
-
<h4>Basics</h4>
|
778
|
-
<label>@navbar-default-color</label>
|
779
|
-
<input type="text" class="form-control" placeholder="#777" data-var="@navbar-default-color">
|
780
|
-
<label>@navbar-default-bg</label>
|
781
|
-
<input type="text" class="form-control" placeholder="#f8f8f8" data-var="@navbar-default-bg">
|
782
|
-
<label>@navbar-default-border</label>
|
783
|
-
<input type="text" class="form-control" placeholder="darken(@navbar-default-bg, 6.5%)" data-var="@navbar-default-border">
|
784
|
-
|
785
|
-
<h4>Links</h4>
|
786
|
-
<label>@navbar-default-link-color</label>
|
787
|
-
<input type="text" class="form-control" placeholder="#777" data-var="@navbar-default-link-color">
|
788
|
-
<label>@navbar-default-link-hover-color</label>
|
789
|
-
<input type="text" class="form-control" placeholder="#333" data-var="@navbar-default-link-hover-color">
|
790
|
-
<label>@navbar-default-link-hover-bg</label>
|
791
|
-
<input type="text" class="form-control" placeholder="transparent" data-var="@navbar-default-link-hover-bg">
|
792
|
-
<label>@navbar-default-link-active-color</label>
|
793
|
-
<input type="text" class="form-control" placeholder="#555" data-var="@navbar-default-link-active-color">
|
794
|
-
<label>@navbar-default-link-active-bg</label>
|
795
|
-
<input type="text" class="form-control" placeholder="darken(@navbar-default-bg, 6.5%)" data-var="@navbar-default-link-active-bg">
|
796
|
-
<label>@navbar-default-link-disabled-color</label>
|
797
|
-
<input type="text" class="form-control" placeholder="#ccc" data-var="@navbar-default-link-disabled-color">
|
798
|
-
<label>@navbar-default-link-disabled-bg</label>
|
799
|
-
<input type="text" class="form-control" placeholder="transparent" data-var="@navbar-default-link-disabled-bg">
|
800
|
-
|
801
|
-
<h4>Brand</h4>
|
802
|
-
<label>@navbar-default-brand-color</label>
|
803
|
-
<input type="text" class="form-control" placeholder="@navbar-default-link-color" data-var="@navbar-default-brand-color">
|
804
|
-
<label>@navbar-default-brand-hover-color</label>
|
805
|
-
<input type="text" class="form-control" placeholder="darken(@navbar-default-brand-color, 10%)" data-var="@navbar-default-brand-hover-color">
|
806
|
-
<label>@navbar-default-brand-hover-bg</label>
|
807
|
-
<input type="text" class="form-control" placeholder="transparent" data-var="@navbar-default-brand-hover-bg">
|
808
|
-
|
809
|
-
<h4>Toggle</h4>
|
810
|
-
<label>@navbar-default-toggle-hover-bg</label>
|
811
|
-
<input type="text" class="form-control" placeholder="#ddd" data-var="@navbar-default-toggle-hover-bg">
|
812
|
-
<label>@navbar-default-toggle-icon-bar-bg</label>
|
813
|
-
<input type="text" class="form-control" placeholder="#ccc" data-var="@navbar-default-toggle-icon-bar-bg">
|
814
|
-
<label>@navbar-default-toggle-border-color</label>
|
815
|
-
<input type="text" class="form-control" placeholder="#ddd" data-var="@navbar-default-toggle-border-color">
|
816
|
-
</div>
|
817
|
-
|
818
|
-
<div class="col-lg-6">
|
819
|
-
<h3>Inverted navbar</h3>
|
820
|
-
|
821
|
-
<h4>Basics</h4>
|
822
|
-
<label>@navbar-inverse-color</label>
|
823
|
-
<input type="text" class="form-control" placeholder="@gray-light" data-var="@navbar-inverse-color">
|
824
|
-
<label>@navbar-inverse-bg</label>
|
825
|
-
<input type="text" class="form-control" placeholder="#222" data-var="@navbar-inverse-bg">
|
826
|
-
<label>@navbar-inverse-border</label>
|
827
|
-
<input type="text" class="form-control" placeholder="darken(@navbar-inverse-bg, 10%)" data-var="@navbar-inverse-border">
|
828
|
-
|
829
|
-
<h4>Links</h4>
|
830
|
-
<label>@navbar-inverse-link-color</label>
|
831
|
-
<input type="text" class="form-control" placeholder="@gray-light" data-var="@navbar-inverse-link-color">
|
832
|
-
<label>@navbar-inverse-link-hover-color</label>
|
833
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@navbar-inverse-link-hover-color">
|
834
|
-
<label>@navbar-inverse-link-hover-bg</label>
|
835
|
-
<input type="text" class="form-control" placeholder="transparent" data-var="@navbar-inverse-link-hover-bg">
|
836
|
-
<label>@navbar-inverse-link-active-color</label>
|
837
|
-
<input type="text" class="form-control" placeholder="@navbar-inverse-link-hover-color" data-var="@navbar-inverse-link-active-color">
|
838
|
-
<label>@navbar-inverse-link-active-bg</label>
|
839
|
-
<input type="text" class="form-control" placeholder="darken(@navbar-inverse-bg, 10%)" data-var="@navbar-inverse-link-active-bg">
|
840
|
-
<label>@navbar-inverse-link-disabled-color</label>
|
841
|
-
<input type="text" class="form-control" placeholder="#444" data-var="@navbar-inverse-link-disabled-color">
|
842
|
-
<label>@navbar-inverse-link-disabled-bg</label>
|
843
|
-
<input type="text" class="form-control" placeholder="transparent" data-var="@navbar-inverse-link-disabled-bg">
|
844
|
-
|
845
|
-
<h4>Brand</h4>
|
846
|
-
<label>@navbar-inverse-brand-color</label>
|
847
|
-
<input type="text" class="form-control" placeholder="@navbar-inverse-link-color" data-var="@navbar-inverse-brand-color">
|
848
|
-
<label>@navbar-inverse-brand-hover-color</label>
|
849
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@navbar-inverse-brand-hover-color">
|
850
|
-
<label>@navbar-inverse-brand-hover-bg</label>
|
851
|
-
<input type="text" class="form-control" placeholder="transparent" data-var="@navbar-inverse-brand-hover-bg">
|
852
|
-
|
853
|
-
<h4>Toggle</h4>
|
854
|
-
<label>@navbar-inverse-toggle-hover-bg</label>
|
855
|
-
<input type="text" class="form-control" placeholder="#333" data-var="@navbar-inverse-toggle-hover-bg">
|
856
|
-
<label>@navbar-inverse-toggle-icon-bar-bg</label>
|
857
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@navbar-inverse-toggle-icon-bar-bg">
|
858
|
-
<label>@navbar-inverse-toggle-border-color</label>
|
859
|
-
<input type="text" class="form-control" placeholder="#333" data-var="@navbar-inverse-toggle-border-color">
|
860
|
-
</div>
|
861
|
-
</div>
|
862
|
-
|
863
|
-
|
864
|
-
<h2 id="variables-nav">Nav</h2>
|
865
|
-
|
866
|
-
<h3>Default nav</h3>
|
867
|
-
<div class="row">
|
868
|
-
<div class="col-lg-6">
|
869
|
-
<h4>Common values</h4>
|
870
|
-
<label>@nav-link-padding</label>
|
871
|
-
<input type="text" class="form-control" placeholder="10px 15px" data-var="@nav-link-padding">
|
872
|
-
<label>@nav-link-hover-bg</label>
|
873
|
-
<input type="text" class="form-control" placeholder="@gray-lighter" data-var="@nav-link-hover-bg">
|
874
|
-
<label>@nav-disabled-link-color</label>
|
875
|
-
<input type="text" class="form-control" placeholder="@gray-light" data-var="@nav-disabled-link-color">
|
876
|
-
<label>@nav-disabled-link-hover-color</label>
|
877
|
-
<input type="text" class="form-control" placeholder="@gray-light" data-var="@nav-disabled-link-hover-color">
|
878
|
-
<label>@nav-open-link-hover-color</label>
|
879
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@nav-open-link-hover-color">
|
880
|
-
<label>@nav-open-caret-border-color</label>
|
881
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@nav-open-caret-border-color">
|
882
|
-
|
883
|
-
<h4>Pills</h4>
|
884
|
-
<label>@nav-pills-active-link-hover-color</label>
|
885
|
-
<input type="text" class="form-control" placeholder="@fff" data-var="@nav-pills-active-link-hover-color">
|
886
|
-
<label>@nav-pills-active-link-hover-bg</label>
|
887
|
-
<input type="text" class="form-control" placeholder="@component-active-bg" data-var="@nav-pills-active-link-hover-bg">
|
888
|
-
</div>
|
889
|
-
<div class="col-lg-6">
|
890
|
-
<h4>Tabs</h4>
|
891
|
-
<label>@nav-tabs-border-color</label>
|
892
|
-
<input type="text" class="form-control" placeholder="#ddd" data-var="@nav-tabs-border-color">
|
893
|
-
<label>@nav-tabs-link-hover-border-color</label>
|
894
|
-
<input type="text" class="form-control" placeholder="@gray-lighter" data-var="@nav-tabs-link-hover-border-color">
|
895
|
-
<label>@nav-tabs-active-link-hover-color</label>
|
896
|
-
<input type="text" class="form-control" placeholder="@gray" data-var="@nav-tabs-active-link-hover-color">
|
897
|
-
<label>@nav-tabs-active-link-hover-bg</label>
|
898
|
-
<input type="text" class="form-control" placeholder="@body-bg" data-var="@nav-tabs-active-link-hover-bg">
|
899
|
-
<label>@nav-tabs-active-link-hover-border-color</label>
|
900
|
-
<input type="text" class="form-control" placeholder="#ddd" data-var="@nav-tabs-active-link-hover-border-color">
|
901
|
-
<label>@nav-tabs-justified-link-border-color</label>
|
902
|
-
<input type="text" class="form-control" placeholder="#ddd" data-var="@nav-tabs-justified-link-border-color">
|
903
|
-
<label>@nav-tabs-justified-active-link-border-color</label>
|
904
|
-
<input type="text" class="form-control" placeholder="@body-bg" data-var="@nav-tabs-justified-active-link-border-color">
|
905
|
-
</div>
|
906
|
-
</div>
|
907
|
-
|
908
|
-
|
909
|
-
<h2 id="variables-tables">Tables</h2>
|
910
|
-
<div class="row">
|
911
|
-
<div class="col-md-4">
|
912
|
-
<label>@table-cell-padding</label>
|
913
|
-
<input type="text" class="form-control" placeholder="8px" data-var="@table-cell-padding">
|
914
|
-
<p class="help-block">Default padding for <code><th></code>s and <code><td></code>s</p>
|
915
|
-
<label>@table-condensed-cell-padding</label>
|
916
|
-
<input type="text" class="form-control" placeholder="5px" data-var="@table-condensed-cell-padding">
|
917
|
-
<p class="help-block">Default padding cells in <code>.table-condensed</code></p>
|
918
|
-
</div>
|
919
|
-
<div class="col-md-4">
|
920
|
-
<label>@table-bg</label>
|
921
|
-
<input type="text" class="form-control" placeholder="transparent" data-var="@table-bg">
|
922
|
-
<p class="help-block">Default background color used for all tables.</p>
|
923
|
-
<label>@table-bg-accent</label>
|
924
|
-
<input type="text" class="form-control" placeholder="#f9f9f9" data-var="@table-bg-accent">
|
925
|
-
<p class="help-block">Background color used for <code>.table-striped</code>.</p>
|
926
|
-
</div>
|
927
|
-
<div class="col-md-4">
|
928
|
-
<label>@table-bg-hover</label>
|
929
|
-
<input type="text" class="form-control" placeholder="#f5f5f5" data-var="@table-bg-hover">
|
930
|
-
<p class="help-block">Background color used for <code>.table-hover</code>.</p>
|
931
|
-
<label>@table-border-color</label>
|
932
|
-
<input type="text" class="form-control" placeholder="#ddd" data-var="@table-border-color">
|
933
|
-
<p class="help-block">Border color for table and cell borders.</p>
|
934
|
-
</div>
|
935
|
-
</div>
|
936
|
-
|
937
|
-
|
938
|
-
<h2 id="variables-forms">Forms</h2>
|
939
|
-
|
940
|
-
<h3>Inputs</h3>
|
941
|
-
<div class="row">
|
942
|
-
<div class="col-md-4">
|
943
|
-
<label>@input-color</label>
|
944
|
-
<input type="text" class="form-control" placeholder="@gray" data-var="@input-color">
|
945
|
-
<p class="help-block">Text color for <code><input></code>s</p>
|
946
|
-
<label>@input-bg</label>
|
947
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@input-bg">
|
948
|
-
<p class="help-block"><code><input></code> background color</p>
|
949
|
-
</div>
|
950
|
-
<div class="col-md-4">
|
951
|
-
<label>@input-border</label>
|
952
|
-
<input type="text" class="form-control" placeholder="#ccc" data-var="@input-border">
|
953
|
-
<p class="help-block"><code><input></code> border color</p>
|
954
|
-
<label>@input-border-radius</label>
|
955
|
-
<input type="text" class="form-control" placeholder="@border-radius-base" data-var="@input-border-radius">
|
956
|
-
<p class="help-block"><code><input></code> border radius</p>
|
957
|
-
</div>
|
958
|
-
<div class="col-md-4">
|
959
|
-
<label>@input-color-placeholder</label>
|
960
|
-
<input type="text" class="form-control" placeholder="@gray-light" data-var="@input-color-placeholder">
|
961
|
-
<p class="help-block">Placeholder text color</p>
|
962
|
-
</div>
|
963
|
-
</div>
|
964
|
-
|
965
|
-
<h3>Input states</h3>
|
966
|
-
<div class="row">
|
967
|
-
<div class="col-md-4">
|
968
|
-
<label>@input-border-focus</label>
|
969
|
-
<input type="text" class="form-control" placeholder="#66afe9" data-var="@input-border-focus">
|
970
|
-
<p class="help-block">Border color for inputs on focus</p>
|
971
|
-
</div>
|
972
|
-
<div class="col-md-4">
|
973
|
-
<label>@input-bg-disabled</label>
|
974
|
-
<input type="text" class="form-control" placeholder="@gray-lighter" data-var="@input-bg-disabled">
|
975
|
-
<p class="help-block"><code><input disabled></code> background color</p>
|
976
|
-
</div>
|
977
|
-
</div>
|
978
|
-
|
979
|
-
<h3>Input sizes</h3>
|
980
|
-
<div class="row">
|
981
|
-
<div class="col-md-4">
|
982
|
-
<label>@input-height-base</label>
|
983
|
-
<input type="text" class="form-control" placeholder="(@line-height-computed + (@padding-base-vertical * 2) + 2)" data-var="@input-height-base">
|
984
|
-
<p class="help-block">Default <code>.form-control</code> height</p>
|
985
|
-
</div>
|
986
|
-
<div class="col-md-4">
|
987
|
-
<label>@input-height-large</label>
|
988
|
-
<input type="text" class="form-control" placeholder="(floor(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2)" data-var="@input-height-large">
|
989
|
-
<p class="help-block">Large <code>.form-control</code> height</p>
|
990
|
-
</div>
|
991
|
-
<div class="col-md-4">
|
992
|
-
<label>@input-height-small</label>
|
993
|
-
<input type="text" class="form-control" placeholder="(floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2)" data-var="@input-height-small">
|
994
|
-
<p class="help-block">Small <code>.form-control</code> height</p>
|
995
|
-
</div>
|
996
|
-
</div>
|
997
|
-
|
998
|
-
<h3>Legend</h3>
|
999
|
-
<div class="row">
|
1000
|
-
<div class="col-md-4">
|
1001
|
-
<label>@legend-color</label>
|
1002
|
-
<input type="text" class="form-control" placeholder="@gray-dark" data-var="@legend-color">
|
1003
|
-
</div>
|
1004
|
-
<div class="col-md-4">
|
1005
|
-
<label>@legend-border-color</label>
|
1006
|
-
<input type="text" class="form-control" placeholder="#e5e5e5" data-var="@legend-border-color">
|
1007
|
-
</div>
|
1008
|
-
</div>
|
1009
|
-
|
1010
|
-
<h3>Input groups</h3>
|
1011
|
-
<div class="row">
|
1012
|
-
<div class="col-md-4">
|
1013
|
-
<label>@input-group-addon-bg</label>
|
1014
|
-
<input type="text" class="form-control" placeholder="@gray-lighter" data-var="@input-group-addon-bg">
|
1015
|
-
<p class="help-block">Background color for textual input addons</p>
|
1016
|
-
</div>
|
1017
|
-
<div class="col-md-4">
|
1018
|
-
<label>@input-group-addon-border-color</label>
|
1019
|
-
<input type="text" class="form-control" placeholder="@input-border" data-var="@input-group-addon-border-color">
|
1020
|
-
<p class="help-block">Border color for textual input addons</p>
|
1021
|
-
</div>
|
1022
|
-
</div>
|
1023
|
-
|
1024
|
-
|
1025
|
-
<h2 id="variables-dropdowns">Dropdowns</h2>
|
1026
|
-
<div class="row">
|
1027
|
-
<div class="col-md-6">
|
1028
|
-
<h3>Dropdown menu</h3>
|
1029
|
-
<label>@dropdown-bg</label>
|
1030
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@dropdown-bg">
|
1031
|
-
<p class="help-block">Dropdown menu background color</p>
|
1032
|
-
<label>@dropdown-border</label>
|
1033
|
-
<input type="text" class="form-control" placeholder="rgba(0,0,0,.15)" data-var="@dropdown-border">
|
1034
|
-
<p class="help-block">Dropdown menu border color</p>
|
1035
|
-
<label>@dropdown-fallback-border</label>
|
1036
|
-
<input type="text" class="form-control" placeholder="#ccc" data-var="@dropdown-fallback-border">
|
1037
|
-
<p class="help-block">Dropdown menu border color <strong>for IE8</strong></p>
|
1038
|
-
<label>@dropdown-caret-color</label>
|
1039
|
-
<input type="text" class="form-control" placeholder="@dropdown-caret-color" data-var="@dropdown-caret-color">
|
1040
|
-
<p class="help-block">Indicator arrow for showing an element has a dropdown</p>
|
1041
|
-
<label>@dropdown-divider-bg</label>
|
1042
|
-
<input type="text" class="form-control" placeholder="#e5e5e5" data-var="@dropdown-divider-bg">
|
1043
|
-
<p class="help-block">Dropdown divider top border color</p>
|
1044
|
-
<label>@dropdown-header-color</label>
|
1045
|
-
<input type="text" class="form-control" placeholder="@gray-light" data-var="@dropdown-header-color">
|
1046
|
-
<p class="help-block">Text color for headers within dropdown menus</p>
|
1047
|
-
</div>
|
1048
|
-
<div class="col-md-6">
|
1049
|
-
<h3>Dropdown items</h3>
|
1050
|
-
<label>@dropdown-link-color</label>
|
1051
|
-
<input type="text" class="form-control" placeholder="@gray-dark" data-var="@dropdown-link-color">
|
1052
|
-
<p class="help-block">Dropdown text color</p>
|
1053
|
-
|
1054
|
-
<label>@dropdown-link-hover-color</label>
|
1055
|
-
<input type="text" class="form-control" placeholder="darken(@dropdown-link-color, 5%)" data-var="@dropdown-link-hover-color">
|
1056
|
-
<p class="help-block">Hovered dropdown menu entry text color</p>
|
1057
|
-
<label>@dropdown-link-hover-bg</label>
|
1058
|
-
<input type="text" class="form-control" placeholder="#f5f5f5" data-var="@dropdown-link-hover-bg">
|
1059
|
-
<p class="help-block">Hovered dropdown menu entry text color</p>
|
1060
|
-
|
1061
|
-
<label>@dropdown-link-active-color</label>
|
1062
|
-
<input type="text" class="form-control" placeholder="@component-active-color" data-var="@dropdown-link-active-color">
|
1063
|
-
<p class="help-block">Active dropdown menu entry text color</p>
|
1064
|
-
<label>@dropdown-link-active-bg</label>
|
1065
|
-
<input type="text" class="form-control" placeholder="@component-active-bg" data-var="@dropdown-link-active-bg">
|
1066
|
-
<p class="help-block">Active dropdown menu entry background color</p>
|
1067
|
-
|
1068
|
-
<label>@dropdown-link-disabled-color</label>
|
1069
|
-
<input type="text" class="form-control" placeholder="@gray-light" data-var="@dropdown-link-disabled-color">
|
1070
|
-
<p class="help-block">Disabled dropdown menu entry background color</p>
|
1071
|
-
</div>
|
1072
|
-
</div>
|
1073
|
-
|
1074
|
-
|
1075
|
-
<h2 id="variables-panels-wells">Panels and wells</h2>
|
1076
|
-
|
1077
|
-
<h3>Common panel styles</h3>
|
1078
|
-
<div class="row">
|
1079
|
-
<div class="col-md-6">
|
1080
|
-
<label>@panel-bg</label>
|
1081
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@panel-bg">
|
1082
|
-
<label>@panel-inner-border</label>
|
1083
|
-
<input type="text" class="form-control" placeholder="#ddd" data-var="@panel-inner-border">
|
1084
|
-
<p class="help-block">Border color for elements within panels</p>
|
1085
|
-
</div>
|
1086
|
-
<div class="col-md-6">
|
1087
|
-
<label>@panel-border-radius</label>
|
1088
|
-
<input type="text" class="form-control" placeholder="@border-radius-base" data-var="@panel-border-radius">
|
1089
|
-
<label>@panel-footer-bg</label>
|
1090
|
-
<input type="text" class="form-control" placeholder="#f5f5f5" data-var="@panel-footer-bg">
|
1091
|
-
</div>
|
1092
|
-
</div>
|
1093
|
-
<h3>Contextual panel colors</h3>
|
1094
|
-
<div class="row">
|
1095
|
-
<div class="col-md-6">
|
1096
|
-
<h4>Default</h4>
|
1097
|
-
<label>@panel-default-text</label>
|
1098
|
-
<input type="text" class="form-control" placeholder="@gray-dark" data-var="@panel-default-text">
|
1099
|
-
<label>@panel-default-border</label>
|
1100
|
-
<input type="text" class="form-control" placeholder="#ddd" data-var="@panel-default-border">
|
1101
|
-
<label>@panel-default-heading-bg</label>
|
1102
|
-
<input type="text" class="form-control" placeholder="#f5f5f5" data-var="@panel-default-heading-bg">
|
1103
|
-
|
1104
|
-
<h4>Primary</h4>
|
1105
|
-
<label>@panel-primary-text</label>
|
1106
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@panel-primary-text">
|
1107
|
-
<label>@panel-primary-border</label>
|
1108
|
-
<input type="text" class="form-control" placeholder="@brand-primary" data-var="@panel-primary-border">
|
1109
|
-
<label>@panel-primary-heading-bg</label>
|
1110
|
-
<input type="text" class="form-control" placeholder="@brand-primary" data-var="@panel-primary-heading-bg">
|
1111
|
-
|
1112
|
-
<h4>Success</h4>
|
1113
|
-
<label>@panel-success-text</label>
|
1114
|
-
<input type="text" class="form-control" placeholder="@state-success-text" data-var="@panel-success-text">
|
1115
|
-
<label>@panel-success-border</label>
|
1116
|
-
<input type="text" class="form-control" placeholder="@state-success-border" data-var="@panel-success-border">
|
1117
|
-
<label>@panel-success-heading-bg</label>
|
1118
|
-
<input type="text" class="form-control" placeholder="@state-success-bg" data-var="@panel-success-heading-bg">
|
1119
|
-
</div>
|
1120
|
-
<div class="col-md-6">
|
1121
|
-
<h4>Info</h4>
|
1122
|
-
<label>@panel-info-text</label>
|
1123
|
-
<input type="text" class="form-control" placeholder="@state-info-text" data-var="@panel-info-text">
|
1124
|
-
<label>@panel-info-border</label>
|
1125
|
-
<input type="text" class="form-control" placeholder="@state-info-border" data-var="@panel-info-border">
|
1126
|
-
<label>@panel-info-heading-bg</label>
|
1127
|
-
<input type="text" class="form-control" placeholder="@state-info-bg" data-var="@panel-info-heading-bg">
|
1128
|
-
|
1129
|
-
<h4>Warning</h4>
|
1130
|
-
<label>@panel-warning-text</label>
|
1131
|
-
<input type="text" class="form-control" placeholder="@state-warning-text" data-var="@panel-warning-text">
|
1132
|
-
<label>@panel-warning-border</label>
|
1133
|
-
<input type="text" class="form-control" placeholder="@state-warning-border" data-var="@panel-warning-border">
|
1134
|
-
<label>@panel-warning-heading-bg</label>
|
1135
|
-
<input type="text" class="form-control" placeholder="@state-warning-bg" data-var="@panel-warning-heading-bg">
|
1136
|
-
|
1137
|
-
<h4>Danger</h4>
|
1138
|
-
<label>@panel-danger-text</label>
|
1139
|
-
<input type="text" class="form-control" placeholder="@state-danger-text" data-var="@panel-danger-text">
|
1140
|
-
<label>@panel-danger-border</label>
|
1141
|
-
<input type="text" class="form-control" placeholder="@state-danger-border" data-var="@panel-danger-border">
|
1142
|
-
<label>@panel-danger-heading-bg</label>
|
1143
|
-
<input type="text" class="form-control" placeholder="@state-danger-bg" data-var="@panel-danger-heading-bg">
|
1144
|
-
</div>
|
1145
|
-
</div>
|
1146
|
-
|
1147
|
-
<h3>Wells</h3>
|
1148
|
-
<label>@well-bg</label>
|
1149
|
-
<input type="text" class="form-control" placeholder="#f5f5f5" data-var="@well-bg">
|
1150
|
-
|
1151
|
-
|
1152
|
-
<h2 id="variables-accordion">Accordion</h2>
|
1153
|
-
<label>@accordion-border-bg</label>
|
1154
|
-
<input type="text" class="form-control" placeholder="#e5e5e5" data-var="@accordion-border-bg">
|
1155
|
-
|
1156
|
-
|
1157
|
-
<h2 id="variables-badges">Badges</h2>
|
1158
|
-
|
1159
|
-
<h3>Base styles</h3>
|
1160
|
-
<div class="row">
|
1161
|
-
<div class="col-md-4">
|
1162
|
-
<label>@badge-font-weight</label>
|
1163
|
-
<input type="text" class="form-control" placeholder="bold" data-var="@badge-font-weight">
|
1164
|
-
<label>@badge-color</label>
|
1165
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@badge-color">
|
1166
|
-
</div>
|
1167
|
-
<div class="col-md-4">
|
1168
|
-
<label>@badge-bg</label>
|
1169
|
-
<input type="text" class="form-control" placeholder="@gray-light" data-var="@badge-bg">
|
1170
|
-
</div>
|
1171
|
-
<div class="col-md-4">
|
1172
|
-
<label>@badge-border-radius</label>
|
1173
|
-
<input type="text" class="form-control" placeholder="10px" data-var="@badge-border-radius">
|
1174
|
-
</div>
|
1175
|
-
</div>
|
1176
|
-
|
1177
|
-
<h3>States</h3>
|
1178
|
-
<div class="row">
|
1179
|
-
<div class="col-md-4">
|
1180
|
-
<label>@badge-link-hover-color</label>
|
1181
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@badge-link-hover-color">
|
1182
|
-
<p class="help-block">Linked badge text color on hover</p>
|
1183
|
-
</div>
|
1184
|
-
<div class="col-md-4">
|
1185
|
-
<label>@badge-active-color</label>
|
1186
|
-
<input type="text" class="form-control" placeholder="@link-color" data-var="@badge-active-color">
|
1187
|
-
<p class="help-block">Badge text color in active nav link</p>
|
1188
|
-
</div>
|
1189
|
-
<div class="col-md-4">
|
1190
|
-
<label>@badge-active-bg</label>
|
1191
|
-
<input type="text" class="form-control" placeholder="@badge-color" data-var="@badge-active-bg">
|
1192
|
-
<p class="help-block">Badge background color in active nav link</p>
|
1193
|
-
</div>
|
1194
|
-
</div>
|
1195
|
-
|
1196
|
-
|
1197
|
-
<h2 id="variables-breadcrumbs">Breadcrumbs</h2>
|
1198
|
-
<div class="row">
|
1199
|
-
<div class="col-md-6">
|
1200
|
-
<label>@breadcrumb-color</label>
|
1201
|
-
<input type="text" class="form-control" placeholder="#ccc" data-var="@breadcrumb-color">
|
1202
|
-
<p class="help-block">Breadcrumb text color</p>
|
1203
|
-
<label>@breadcrumb-bg</label>
|
1204
|
-
<input type="text" class="form-control" placeholder="#f5f5f5" data-var="@breadcrumb-bg">
|
1205
|
-
<p class="help-block">Breadcrumb background color</p>
|
1206
|
-
</div>
|
1207
|
-
<div class="col-md-6">
|
1208
|
-
<label>@breadcrumb-active-color</label>
|
1209
|
-
<input type="text" class="form-control" placeholder="@gray-light" data-var="@breadcrumb-active-color">
|
1210
|
-
<p class="help-block">Text color of current page in the breadcrumb</p>
|
1211
|
-
<label>@breadcrumb-separator</label>
|
1212
|
-
<input type="text" class="form-control" placeholder='"/"' data-var="@breadcrumb-separator">
|
1213
|
-
<p class="help-block">Textual separator for between breadcrumb elements</p>
|
1214
|
-
</div>
|
1215
|
-
</div>
|
1216
|
-
|
1217
|
-
<h2 id="variables-jumbotron">Jumbotron</h2>
|
1218
|
-
<div class="row">
|
1219
|
-
<div class="col-md-6">
|
1220
|
-
<label>@jumbotron-padding</label>
|
1221
|
-
<input type="text" class="form-control" placeholder="30px" data-var="@jumbotron-padding">
|
1222
|
-
<label>@jumbotron-bg</label>
|
1223
|
-
<input type="text" class="form-control" placeholder="@gray-lighter" data-var="@jumbotron-bg">
|
1224
|
-
<label>@jumbotron-font-size</label>
|
1225
|
-
<input type="text" class="form-control" placeholder="ceil(@font-size-base * 1.5)" data-var="@jumbotron-font-size">
|
1226
|
-
</div>
|
1227
|
-
<div class="col-md-6">
|
1228
|
-
<label>@jumbotron-color</label>
|
1229
|
-
<input type="text" class="form-control" placeholder="inherit" data-var="@jumbotron-color">
|
1230
|
-
<label>@jumbotron-heading-color</label>
|
1231
|
-
<input type="text" class="form-control" placeholder="inherit" data-var="@jumbotron-heading-color">
|
1232
|
-
</div>
|
1233
|
-
</div>
|
1234
|
-
|
1235
|
-
|
1236
|
-
<h2 id="variables-modals">Modals</h2>
|
1237
|
-
|
1238
|
-
<h3>Base modal</h3>
|
1239
|
-
<div class="row">
|
1240
|
-
<div class="col-md-4">
|
1241
|
-
<label>@modal-inner-padding</label>
|
1242
|
-
<input type="text" class="form-control" placeholder="20px" data-var="@modal-inner-padding">
|
1243
|
-
<p class="help-block">Padding applied to the modal body</p>
|
1244
|
-
</div>
|
1245
|
-
<div class="col-md-4">
|
1246
|
-
<label>@modal-backdrop-bg</label>
|
1247
|
-
<input type="text" class="form-control" placeholder="#000" data-var="@modal-backdrop-bg">
|
1248
|
-
<p class="help-block">Modal backdrop background color</p>
|
1249
|
-
</div>
|
1250
|
-
</div>
|
1251
|
-
|
1252
|
-
<h3>Modal header and footer</h3>
|
1253
|
-
<div class="row">
|
1254
|
-
<div class="col-md-4">
|
1255
|
-
<label>@modal-title-padding</label>
|
1256
|
-
<input type="text" class="form-control" placeholder="15px" data-var="@modal-title-padding">
|
1257
|
-
<p class="help-block">Padding applied to the modal title</p>
|
1258
|
-
</div>
|
1259
|
-
<div class="col-md-4">
|
1260
|
-
<label>@modal-title-line-height</label>
|
1261
|
-
<input type="text" class="form-control" placeholder="@line-height-base" data-var="@modal-title-line-height">
|
1262
|
-
<p class="help-block">Modal title line-height</p>
|
1263
|
-
</div>
|
1264
|
-
<div class="col-md-4">
|
1265
|
-
<label>@modal-header-border-color</label>
|
1266
|
-
<input type="text" class="form-control" placeholder="#e5e5e5" data-var="@modal-header-border-color">
|
1267
|
-
<p class="help-block">Modal header border color</p>
|
1268
|
-
<label>@modal-footer-border-color</label>
|
1269
|
-
<input type="text" class="form-control" placeholder="@modal-header-border-color" data-var="@modal-footer-border-color">
|
1270
|
-
<p class="help-block">Modal footer border color</p>
|
1271
|
-
</div>
|
1272
|
-
</div>
|
1273
|
-
|
1274
|
-
<h3>Modal content</h3>
|
1275
|
-
<div class="row">
|
1276
|
-
<div class="col-md-4">
|
1277
|
-
<label>@modal-content-bg</label>
|
1278
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@modal-content-bg">
|
1279
|
-
<p class="help-block">Background color of modal content area</p>
|
1280
|
-
</div>
|
1281
|
-
<div class="col-md-4">
|
1282
|
-
<label>@modal-content-border-color</label>
|
1283
|
-
<input type="text" class="form-control" placeholder="rgba(0,0,0,.2)" data-var="@modal-content-border-color">
|
1284
|
-
<p class="help-block">Modal content border color</p>
|
1285
|
-
</div>
|
1286
|
-
<div class="col-md-4">
|
1287
|
-
<label>@modal-content-fallback-border-color</label>
|
1288
|
-
<input type="text" class="form-control" placeholder="#999" data-var="@modal-content-fallback-border-color">
|
1289
|
-
<p class="help-block">Modal content border color <strong>for IE8</strong></p>
|
1290
|
-
</div>
|
1291
|
-
</div>
|
1292
|
-
|
1293
|
-
|
1294
|
-
<h2 id="variables-carousel">Carousel</h2>
|
1295
|
-
<div class="row">
|
1296
|
-
<div class="col-md-4">
|
1297
|
-
<label>@carousel-text-shadow</label>
|
1298
|
-
<input type="text" class="form-control" placeholder="0 1px 2px rgba(0,0,0,.6)" data-var="@carousel-text-shadow">
|
1299
|
-
</div>
|
1300
|
-
<div class="col-md-4">
|
1301
|
-
<label>@carousel-control-color</label>
|
1302
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@carousel-control-color">
|
1303
|
-
</div>
|
1304
|
-
<div class="col-md-4">
|
1305
|
-
<label>@carousel-caption-color</label>
|
1306
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@carousel-caption-color">
|
1307
|
-
</div>
|
1308
|
-
</div>
|
1309
|
-
<div class="row">
|
1310
|
-
<div class="col-md-4">
|
1311
|
-
<label>@carousel-indicator-border-color</label>
|
1312
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@carousel-indicator-border-color">
|
1313
|
-
</div>
|
1314
|
-
<div class="col-md-4">
|
1315
|
-
<label>@carousel-indicator-active-bg</label>
|
1316
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@carousel-indicator-active-bg">
|
1317
|
-
</div>
|
1318
|
-
</div>
|
1319
|
-
|
1320
|
-
|
1321
|
-
<h2 id="variables-list-group">List group</h2>
|
1322
|
-
|
1323
|
-
<h3>Base styles</h3>
|
1324
|
-
<div class="row">
|
1325
|
-
<div class="col-md-4">
|
1326
|
-
<label>@list-group-bg</label>
|
1327
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@list-group-bg">
|
1328
|
-
<p class="help-block">Background color on <code>.list-group-item</code></p>
|
1329
|
-
</div>
|
1330
|
-
<div class="col-md-4">
|
1331
|
-
<label>@list-group-border</label>
|
1332
|
-
<input type="text" class="form-control" placeholder="#ddd" data-var="@list-group-border">
|
1333
|
-
<p class="help-block"><code>.list-group-item</code> border color</p>
|
1334
|
-
</div>
|
1335
|
-
<div class="col-md-4">
|
1336
|
-
<label>@list-group-border-radius</label>
|
1337
|
-
<input type="text" class="form-control" placeholder="@border-radius-base" data-var="@list-group-border-radius">
|
1338
|
-
<p class="help-block">List group border radius</p>
|
1339
|
-
</div>
|
1340
|
-
</div>
|
1341
|
-
|
1342
|
-
<h3>Hover and active states</h3>
|
1343
|
-
<div class="row">
|
1344
|
-
<div class="col-md-6">
|
1345
|
-
<label>@list-group-hover-bg</label>
|
1346
|
-
<input type="text" class="form-control" placeholder="#f5f5f5" data-var="@list-group-hover-bg">
|
1347
|
-
<p class="help-block">Background color of single list elements on hover</p>
|
1348
|
-
</div>
|
1349
|
-
</div>
|
1350
|
-
<div class="row">
|
1351
|
-
<div class="col-md-4">
|
1352
|
-
<label>@list-group-active-color</label>
|
1353
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@list-group-active-color">
|
1354
|
-
<p class="help-block">Text color of active list elements</p>
|
1355
|
-
</div>
|
1356
|
-
<div class="col-md-4">
|
1357
|
-
<label>@list-group-active-bg</label>
|
1358
|
-
<input type="text" class="form-control" placeholder="@component-active-bg" data-var="@list-group-active-bg">
|
1359
|
-
<p class="help-block">Background color of active list elements</p>
|
1360
|
-
</div>
|
1361
|
-
<div class="col-md-4">
|
1362
|
-
<label>@list-group-active-border</label>
|
1363
|
-
<input type="text" class="form-control" placeholder="@list-group-active-bg" data-var="@list-group-active-border">
|
1364
|
-
<p class="help-block">Border color of active list elements</p>
|
1365
|
-
</div>
|
1366
|
-
</div>
|
1367
|
-
|
1368
|
-
|
1369
|
-
<h2 id="variables-thumbnails">Thumbnails</h2>
|
1370
|
-
|
1371
|
-
<h3>Base thumbnail</h3>
|
1372
|
-
<div class="row">
|
1373
|
-
<div class="col-md-6">
|
1374
|
-
<label>@thumbnail-padding</label>
|
1375
|
-
<input type="text" class="form-control" placeholder="4px" data-var="@thumbnail-padding">
|
1376
|
-
<p class="help-block">Padding around the thumbnail image</p>
|
1377
|
-
<label>@thumbnail-bg</label>
|
1378
|
-
<input type="text" class="form-control" placeholder="@body-bg" data-var="@thumbnail-bg">
|
1379
|
-
<p class="help-block">Thumbnail background color</p>
|
1380
|
-
</div>
|
1381
|
-
<div class="col-md-6">
|
1382
|
-
<label>@thumbnail-border</label>
|
1383
|
-
<input type="text" class="form-control" placeholder="#ddd" data-var="@thumbnail-border">
|
1384
|
-
<p class="help-block">Thumbnail border color</p>
|
1385
|
-
<label>@thumbnail-border-radius</label>
|
1386
|
-
<input type="text" class="form-control" placeholder="@border-radius-base" data-var="@thumbnail-border-radius">
|
1387
|
-
<p class="help-block">Thumbnail border radius</p>
|
1388
|
-
</div>
|
1389
|
-
</div>
|
1390
|
-
|
1391
|
-
<h3>Thumbnail captions</h3>
|
1392
|
-
<div class="row">
|
1393
|
-
<div class="col-md-6">
|
1394
|
-
<label>@thumbnail-caption-padding</label>
|
1395
|
-
<input type="text" class="form-control" placeholder="9px" data-var="@thumbnail-caption-padding">
|
1396
|
-
<p class="help-block">Padding around the thumbnail caption</p>
|
1397
|
-
</div>
|
1398
|
-
<div class="col-md-6">
|
1399
|
-
<label>@thumbnail-caption-color</label>
|
1400
|
-
<input type="text" class="form-control" placeholder="@text-color" data-var="@thumbnail-caption-color">
|
1401
|
-
<p class="help-block">Custom text color for thumbnail captions</p>
|
1402
|
-
</div>
|
1403
|
-
</div>
|
1404
|
-
|
1405
|
-
|
1406
|
-
<h2 id="variables-progress">Progress bars</h2>
|
1407
|
-
|
1408
|
-
<h3>Shared styles</h3>
|
1409
|
-
<div class="row">
|
1410
|
-
<div class="col-md-4">
|
1411
|
-
<label>@progress-bg</label>
|
1412
|
-
<input type="text" class="form-control" placeholder="#f5f5f5" data-var="@progress-bg">
|
1413
|
-
<p class="help-block">Background color of the whole progress component</p>
|
1414
|
-
</div>
|
1415
|
-
<div class="col-md-4">
|
1416
|
-
<label>@progress-bar-color</label>
|
1417
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@progress-bar-color">
|
1418
|
-
<p class="help-block">Info progress bar text color</p>
|
1419
|
-
</div>
|
1420
|
-
<div class="col-md-4">
|
1421
|
-
<label>@progress-bar-text-shadow</label>
|
1422
|
-
<input type="text" class="form-control" placeholder="0 -1px 0 rgba(0,0,0,.25)" data-var="@progress-bar-text-shadow">
|
1423
|
-
<p class="help-block">Info progress bar text shadow</p>
|
1424
|
-
</div>
|
1425
|
-
<div class="col-md-4">
|
1426
|
-
<label>@progress-bar-bg</label>
|
1427
|
-
<input type="text" class="form-control" placeholder="@brand-primary" data-var="@progress-bar-bg">
|
1428
|
-
<p class="help-block">Default progress bar color</p>
|
1429
|
-
</div>
|
1430
|
-
</div>
|
1431
|
-
|
1432
|
-
<h3>Contextual states</h3>
|
1433
|
-
<div class="row">
|
1434
|
-
<div class="col-md-4">
|
1435
|
-
<label>@progress-bar-success-bg</label>
|
1436
|
-
<input type="text" class="form-control" placeholder="@brand-success" data-var="@progress-bar-success-bg">
|
1437
|
-
<p class="help-block">Success progress bar color</p>
|
1438
|
-
<label>@progress-bar-info-bg</label>
|
1439
|
-
<input type="text" class="form-control" placeholder="@brand-info" data-var="@progress-bar-info-bg">
|
1440
|
-
<p class="help-block">Info progress bar color</p>
|
1441
|
-
</div>
|
1442
|
-
<div class="col-md-4">
|
1443
|
-
<label>@progress-bar-warning-bg</label>
|
1444
|
-
<input type="text" class="form-control" placeholder="@brand-warning" data-var="@progress-bar-warning-bg">
|
1445
|
-
<p class="help-block">Warning progress bar color</p>
|
1446
|
-
<label>@progress-bar-danger-bg</label>
|
1447
|
-
<input type="text" class="form-control" placeholder="@brand-danger" data-var="@progress-bar-danger-bg">
|
1448
|
-
<p class="help-block">Danger progress bar color</p>
|
1449
|
-
</div>
|
1450
|
-
</div>
|
1451
|
-
|
1452
|
-
|
1453
|
-
<h2 id="variables-pagination">Pagination</h2>
|
1454
|
-
|
1455
|
-
<h3>Default styles</h3>
|
1456
|
-
<div class="row">
|
1457
|
-
<div class="col-md-4">
|
1458
|
-
<label>@pagination-bg</label>
|
1459
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@pagination-bg">
|
1460
|
-
<p class="help-block">Background color</p>
|
1461
|
-
</div>
|
1462
|
-
<div class="col-md-4">
|
1463
|
-
<label>@pagination-border</label>
|
1464
|
-
<input type="text" class="form-control" placeholder="#ddd" data-var="@pagination-border">
|
1465
|
-
<p class="help-block">Border color</p>
|
1466
|
-
</div>
|
1467
|
-
<div class="col-md-4">
|
1468
|
-
<label>@pagination-hover-bg</label>
|
1469
|
-
<input type="text" class="form-control" placeholder="@gray-lighter" data-var="@pagination-hover-bg">
|
1470
|
-
<p class="help-block">Background hover color</p>
|
1471
|
-
</div>
|
1472
|
-
</div>
|
1473
|
-
|
1474
|
-
<h3>Disabled and active states</h3>
|
1475
|
-
<div class="row">
|
1476
|
-
<div class="col-md-4">
|
1477
|
-
<label>@pagination-disabled-color</label>
|
1478
|
-
<input type="text" class="form-control" placeholder="@gray-light" data-var="@pagination-disabled-color">
|
1479
|
-
<p class="help-block">Disabled text color</p>
|
1480
|
-
</div>
|
1481
|
-
<div class="col-md-4">
|
1482
|
-
<label>@pagination-active-bg</label>
|
1483
|
-
<input type="text" class="form-control" placeholder="@brand-primary" data-var="@pagination-active-bg">
|
1484
|
-
<p class="help-block">Active background color</p>
|
1485
|
-
</div>
|
1486
|
-
<div class="col-md-4">
|
1487
|
-
<label>@pagination-active-color</label>
|
1488
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@pagination-active-color">
|
1489
|
-
<p class="help-block">Active text color</p>
|
1490
|
-
</div>
|
1491
|
-
</div>
|
1492
|
-
|
1493
|
-
|
1494
|
-
<h2 id="variables-pager">Pager</h2>
|
1495
|
-
<div class="row">
|
1496
|
-
<div class="col-md-4">
|
1497
|
-
<label>@pager-border-radius</label>
|
1498
|
-
<input type="text" class="form-control" placeholder="15px" data-var="@pager-border-radius">
|
1499
|
-
<p class="help-block">Pager border radius</p>
|
1500
|
-
</div>
|
1501
|
-
<div class="col-md-4">
|
1502
|
-
<label>@pager-disabled-color</label>
|
1503
|
-
<input type="text" class="form-control" placeholder="@gray-light" data-var="@pager-disabled-color">
|
1504
|
-
<p class="help-block">Pager disabled state color</p>
|
1505
|
-
</div>
|
1506
|
-
</div>
|
1507
|
-
|
1508
|
-
|
1509
|
-
<h2 id="variables-labels">Labels</h2>
|
1510
|
-
<div class="row">
|
1511
|
-
<div class="col-md-4">
|
1512
|
-
<label>@label-color</label>
|
1513
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@label-color">
|
1514
|
-
<p class="help-block">Default label text color</p>
|
1515
|
-
</div>
|
1516
|
-
<div class="col-md-4">
|
1517
|
-
<label>@label-link-hover-color</label>
|
1518
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@label-link-hover-color">
|
1519
|
-
<p class="help-block">Default text color of a linked label</p>
|
1520
|
-
</div>
|
1521
|
-
<div class="col-md-4">
|
1522
|
-
<label>@label-default-bg</label>
|
1523
|
-
<input type="text" class="form-control" placeholder="@gray-light" data-var="@label-default-bg">
|
1524
|
-
<p class="help-block">Default label background color</p>
|
1525
|
-
</div>
|
1526
|
-
</div>
|
1527
|
-
|
1528
|
-
<div class="row">
|
1529
|
-
<div class="col-md-4">
|
1530
|
-
<label>@label-primary-bg</label>
|
1531
|
-
<input type="text" class="form-control" placeholder="@brand-primary" data-var="@label-primary-bg">
|
1532
|
-
<p class="help-block">Primary label background color</p>
|
1533
|
-
<label>@label-success-bg</label>
|
1534
|
-
<input type="text" class="form-control" placeholder="@brand-success" data-var="@label-success-bg">
|
1535
|
-
<p class="help-block">Success label background color</p>
|
1536
|
-
</div>
|
1537
|
-
<div class="col-md-4">
|
1538
|
-
<label>@label-info-bg</label>
|
1539
|
-
<input type="text" class="form-control" placeholder="@brand-info" data-var="@label-info-bg">
|
1540
|
-
<p class="help-block">Info label background color</p>
|
1541
|
-
<label>@label-warning-bg</label>
|
1542
|
-
<input type="text" class="form-control" placeholder="@brand-warning" data-var="@label-warning-bg">
|
1543
|
-
<p class="help-block">Warning label background color</p>
|
1544
|
-
</div>
|
1545
|
-
<div class="col-md-4">
|
1546
|
-
<label>@label-danger-bg</label>
|
1547
|
-
<input type="text" class="form-control" placeholder="@brand-danger" data-var="@label-danger-bg">
|
1548
|
-
<p class="help-block">Danger label background color</p>
|
1549
|
-
</div>
|
1550
|
-
</div>
|
1551
|
-
|
1552
|
-
|
1553
|
-
<h2 id="variables-tooltips-popovers">Tooltips and popovers</h2>
|
1554
|
-
|
1555
|
-
<h3>Tooltip</h3>
|
1556
|
-
<div class="row">
|
1557
|
-
<div class="col-md-4">
|
1558
|
-
<label>@tooltip-color</label>
|
1559
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@tooltip-color">
|
1560
|
-
<p class="help-block">Tooltip text color</p>
|
1561
|
-
<label>@tooltip-bg</label>
|
1562
|
-
<input type="text" class="form-control" placeholder="#000" data-var="@tooltip-bg">
|
1563
|
-
<p class="help-block">Tooltip background color</p>
|
1564
|
-
</div>
|
1565
|
-
<div class="col-md-4">
|
1566
|
-
<label>@tooltip-arrow-width</label>
|
1567
|
-
<input type="text" class="form-control" placeholder="5px" data-var="@tooltip-arrow-width">
|
1568
|
-
<p class="help-block">Tooltip arrow width</p>
|
1569
|
-
<label>@tooltip-arrow-color</label>
|
1570
|
-
<input type="text" class="form-control" placeholder="@tooltip-bg" data-var="@tooltip-arrow-color">
|
1571
|
-
<p class="help-block">Tooltip arrow color</p>
|
1572
|
-
</div>
|
1573
|
-
<div class="col-md-4">
|
1574
|
-
<label>@tooltip-max-width</label>
|
1575
|
-
<input type="text" class="form-control" placeholder="200px" data-var="@tooltip-max-width">
|
1576
|
-
<p class="help-block">Tooltip max width</p>
|
1577
|
-
</div>
|
1578
|
-
</div>
|
1579
|
-
|
1580
|
-
<h3>Popovers</h3>
|
1581
|
-
|
1582
|
-
<h3>Base styles</h3>
|
1583
|
-
<div class="row">
|
1584
|
-
<div class="col-md-4">
|
1585
|
-
<label>@popover-bg</label>
|
1586
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@popover-bg">
|
1587
|
-
<p class="help-block">Popover body background color</p>
|
1588
|
-
<label>@popover-max-width</label>
|
1589
|
-
<input type="text" class="form-control" placeholder="276px" data-var="@popover-max-width">
|
1590
|
-
<p class="help-block">Popover maximum width</p>
|
1591
|
-
</div>
|
1592
|
-
<div class="col-md-4">
|
1593
|
-
<label>@popover-border-color</label>
|
1594
|
-
<input type="text" class="form-control" placeholder="rgba(0,0,0,.2)" data-var="@popover-border-color">
|
1595
|
-
<p class="help-block">Popover border color</p>
|
1596
|
-
<label>@popover-fallback-border-color</label>
|
1597
|
-
<input type="text" class="form-control" placeholder="#ccc" data-var="@popover-fallback-border-color">
|
1598
|
-
<p class="help-block">Popover fallback border color</p>
|
1599
|
-
</div>
|
1600
|
-
<div class="col-md-4">
|
1601
|
-
<label>@popover-title-bg</label>
|
1602
|
-
<input type="text" class="form-control" placeholder="darken(@popover-bg, 3%)" data-var="@popover-title-bg">
|
1603
|
-
<p class="help-block">Popover title background color</p>
|
1604
|
-
</div>
|
1605
|
-
</div>
|
1606
|
-
|
1607
|
-
<h3>Popover arrows</h3>
|
1608
|
-
<div class="row">
|
1609
|
-
<div class="col-md-4">
|
1610
|
-
<label>@popover-arrow-width</label>
|
1611
|
-
<input type="text" class="form-control" placeholder="10px" data-var="@popover-arrow-width">
|
1612
|
-
<p class="help-block">Popover arrow width</p>
|
1613
|
-
</div>
|
1614
|
-
<div class="col-md-4">
|
1615
|
-
<label>@popover-arrow-color</label>
|
1616
|
-
<input type="text" class="form-control" placeholder="#fff" data-var="@popover-arrow-color">
|
1617
|
-
<p class="help-block">Popover arrow color</p>
|
1618
|
-
</div>
|
1619
|
-
</div>
|
1620
|
-
<div class="row">
|
1621
|
-
<div class="col-md-4">
|
1622
|
-
<label>@popover-arrow-outer-width</label>
|
1623
|
-
<input type="text" class="form-control" placeholder="(@popover-arrow-width + 1)" data-var="@popover-arrow-outer-width">
|
1624
|
-
<p class="help-block">Popover outer arrow width</p>
|
1625
|
-
</div>
|
1626
|
-
<div class="col-md-4">
|
1627
|
-
<label>@popover-arrow-outer-color</label>
|
1628
|
-
<input type="text" class="form-control" placeholder="rgba(0,0,0,.25)" data-var="@popover-arrow-outer-color">
|
1629
|
-
<p class="help-block">Popover outer arrow color</p>
|
1630
|
-
</div>
|
1631
|
-
<div class="col-md-4">
|
1632
|
-
<label>@popover-arrow-outer-fallback-color</label>
|
1633
|
-
<input type="text" class="form-control" placeholder="#999" data-var="@popover-arrow-outer-fallback-color">
|
1634
|
-
<p class="help-block">Popover outer arrow fallback color</p>
|
1635
|
-
</div>
|
1636
|
-
</div>
|
1637
|
-
|
1638
|
-
|
1639
|
-
<h2 id="variables-close">Close button</h2>
|
1640
|
-
<div class="row">
|
1641
|
-
<div class="col-md-4">
|
1642
|
-
<label>@close-font-weight</label>
|
1643
|
-
<input type="text" class="form-control" placeholder="bold" data-var="@close-font-weight">
|
1644
|
-
</div>
|
1645
|
-
<div class="col-md-4">
|
1646
|
-
<label>@close-color</label>
|
1647
|
-
<input type="text" class="form-control" placeholder="#000" data-var="@close-color">
|
1648
|
-
</div>
|
1649
|
-
<div class="col-md-4">
|
1650
|
-
<label>@close-text-shadow</label>
|
1651
|
-
<input type="text" class="form-control" placeholder="0 1px 0 #fff" data-var="@close-text-shadow">
|
1652
|
-
</div>
|
1653
|
-
</div>
|
1654
|
-
|
1655
|
-
|
1656
|
-
<h2 id="variables-type">Type</h2>
|
1657
|
-
<div class="row">
|
1658
|
-
<div class="col-md-6">
|
1659
|
-
<label>@text-muted</label>
|
1660
|
-
<input type="text" class="form-control" placeholder="@gray-light" data-var="@text-muted">
|
1661
|
-
<p class="help-block">Text muted color</p>
|
1662
|
-
</div>
|
1663
|
-
<div class="col-md-6">
|
1664
|
-
<label>@abbr-border-color</label>
|
1665
|
-
<input type="text" class="form-control" placeholder="@gray-light" data-var="@abbr-border-color">
|
1666
|
-
<p class="help-block">Abbreviations and acronyms border color</p>
|
1667
|
-
</div>
|
1668
|
-
<div class="col-md-6">
|
1669
|
-
<label>@headings-small-color</label>
|
1670
|
-
<input type="text" class="form-control" placeholder="@gray-light" data-var="@headings-small-color">
|
1671
|
-
<p class="help-block">Headings small color</p>
|
1672
|
-
</div>
|
1673
|
-
<div class="col-md-6">
|
1674
|
-
<label>@blockquote-small-color</label>
|
1675
|
-
<input type="text" class="form-control" placeholder="@gray-light" data-var="@blockquote-small-color">
|
1676
|
-
<p class="help-block">Blockquote small color</p>
|
1677
|
-
</div>
|
1678
|
-
<div class="col-md-6">
|
1679
|
-
<label>@blockquote-border-color</label>
|
1680
|
-
<input type="text" class="form-control" placeholder="@gray-lighter" data-var="@blockquote-border-color">
|
1681
|
-
<p class="help-block">Blockquote border color</p>
|
1682
|
-
</div>
|
1683
|
-
<div class="col-md-6">
|
1684
|
-
<label>@page-header-border-color</label>
|
1685
|
-
<input type="text" class="form-control" placeholder="@gray-lighter" data-var="@page-header-border-color">
|
1686
|
-
<p class="help-block">Page header border color</p>
|
1687
|
-
</div>
|
1688
|
-
</div>
|
1689
|
-
|
1690
|
-
|
1691
|
-
<h2 id="variables-other">Other</h2>
|
1692
|
-
<div class="row">
|
1693
|
-
<div class="col-md-6">
|
1694
|
-
<label>@hr-border</label>
|
1695
|
-
<input type="text" class="form-control" placeholder="@gray-lighter" data-var="@hr-border">
|
1696
|
-
<p class="help-block">Horizontal line color</p>
|
1697
|
-
</div>
|
1698
|
-
<div class="col-md-6">
|
1699
|
-
<label>@component-offset-horizontal</label>
|
1700
|
-
<input type="text" class="form-control" placeholder="180px" data-var="@component-offset-horizontal">
|
1701
|
-
<p class="help-block">Horizontal offset for forms and lists</p>
|
1702
|
-
</div>
|
1703
|
-
</div>
|
1704
|
-
</div>
|
1705
|
-
|
1706
|
-
<div class="bs-docs-section">
|
1707
|
-
<div class="page-header">
|
1708
|
-
<h1 id="download">Download</h1>
|
1709
|
-
</div>
|
1710
|
-
<p class="lead">Hooray! Your custom version of Bootstrap is now ready to be compiled. Just click the button below to finish the process.</p>
|
1711
|
-
<div class="bs-customize-download">
|
1712
|
-
<button type="submit" id="btn-compile" class="btn btn-block btn-lg btn-outline" onclick="_gaq.push(['_trackEvent', 'Customize', 'Download', 'Customize and Download']);">Compile and Download</button>
|
1713
|
-
</div>
|
1714
|
-
</div><!-- /download -->
|
1715
|
-
</form>
|