// Table of Contents
//
-// Colors
-// Options
-// Spacing
-// Body
-// Links
-// Grid breakpoints
-// Grid containers
-// Grid columns
-// Fonts
-// Components
+// 1. Colors
+// 2. Options
+// 3. Spacing
+// 4. Body
+// 5. Links
+// 6. Grid breakpoints
+// 7. Grid containers
+// 8. Grid columns
+// 9. Fonts
+// 10. Components
+// 11. Tables
+// 12. Buttons
+// 13. Forms
+// 14. Dropdowns
+// 15. Z-index master list
+// 16. Navbar
+// 17. Navs
+// 18. Pagination
+// 19. Jumbotron
+// 20. Form states and alerts
+// 21. Cards
+// 22. Tooltips
+// 23. Popovers
+// 24. Tags
+// 25. Modals
+// 26. Alerts
+// 27. Progress bars
+// 28. List group
+// 29. Image thumbnails
+// 30. Figures
+// 31. Breadcrumbs
+// 32. Media objects
+// 33. Carousel
+// 34. Close
+// 35. Code
@mixin _assert-ascending($map, $map-name) {
$prev-key: null;
// Variable format should follow the `$component-modifier-state-property` order.
-// Colors
+// 1. Colors
//
// Grayscale and brand colors for use across Bootstrap.
$brand-inverse: $gray-dark !default;
-// Options
+// 2. Options
//
// Quickly modify global styling by enabling or disabling optional features.
$enable-print-styles: true !default;
-// Spacing
+// 3. Spacing
//
// Control the default styling of most Bootstrap elements by modifying these
// variables. Mostly focused on spacing.
$border-width: 1px !default;
-// Body
+// 4. Body
//
// Settings for the `<body>` element.
$body-color: $gray-dark !default;
-// Links
+// 5. Links
//
// Style anchor elements.
$link-hover-decoration: underline !default;
-// Grid breakpoints
+// 6. Grid breakpoints
//
// Define the minimum dimensions at which your layout will change,
// adapting to different screen sizes, for use in media queries.
@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
-// Grid containers
+// 7. Grid containers
//
// Define the maximum width of `.container` for different screen sizes.
@include _assert-ascending($container-max-widths, "$container-max-widths");
-// Grid columns
+// 8. Grid columns
//
// Set the number of columns and specify the width of the gutters.
xl: $grid-gutter-width-base
) !default;
-// Typography
+// 9. Fonts
//
// Font, line-height, and color for body text, headings, and more.
$list-inline-padding: 5px !default;
-// Components
+// 10. Components
//
// Define common padding and border radius sizes and more.
$caret-width-lg: $caret-width !default;
-// Tables
+// 11. Tables
//
// Customizes the `.table` component with basic values, each used across all table variations.
$table-border-color: $gray-lighter !default;
-// Buttons
+// 12. Buttons
//
// For each of Bootstrap's buttons, define text, background and border color.
$btn-border-radius-sm: $border-radius-sm !default;
-// Forms
+// 13. Forms
$input-padding-x: .75rem !default;
$input-padding-y: .5rem !default;
$form-icon-danger: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-icon-danger-color}' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E") !default;
-// Dropdowns
+// 14. Dropdowns
//
// Dropdown menu container and contents.
$dropdown-header-color: $gray-light !default;
-// Z-index master list
+// 15. Z-index master list
//
// Warning: Avoid customizing these values. They're used for a bird's eye view
// of components dependent on the z-axis and are designed to all work together.
$zindex-modal: 1050 !default;
-// Navbar
+// 16. Navbar
$navbar-border-radius: $border-radius !default;
$navbar-padding-x: $spacer !default;
$navbar-light-toggler-bg: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !default;
$navbar-light-toggler-border: rgba(0,0,0,.1) !default;
-// Navs
+// 17. Navs
$nav-item-margin: .2rem !default;
$nav-item-inline-spacer: 1rem !default;
$nav-pills-active-link-bg: $component-active-bg !default;
-// Pagination
+// 18. Pagination
$pagination-padding-x: .75rem !default;
$pagination-padding-y: .5rem !default;
$pagination-disabled-border: #ddd !default;
-// Jumbotron
+// 19. Jumbotron
$jumbotron-padding: 2rem !default;
$jumbotron-bg: $gray-lighter !default;
-// Form states and alerts
+// 20. Form states and alerts
//
// Define colors for form feedback states and, by default, alerts.
$state-danger-border: darken($state-danger-bg, 5%) !default;
-// Cards
+// 21. Cards
$card-spacer-x: 1.25rem !default;
$card-spacer-y: .75rem !default;
$card-border-width: 1px !default;
$card-columns-sm-up-column-gap: 1.25rem !default;
-// Tooltips
+// 22. Tooltips
$tooltip-max-width: 200px !default;
$tooltip-color: #fff !default;
$tooltip-arrow-color: $tooltip-bg !default;
-// Popovers
+// 23. Popovers
$popover-inner-padding: 1px !default;
$popover-bg: #fff !default;
$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;
-// Tags
+// 24. Tags
$tag-default-bg: $gray-light !default;
$tag-primary-bg: $brand-primary !default;
// customizing padding or font-size on labels.
$tag-pill-border-radius: 10rem !default;
-// Modals
+
+// 25. Modals
// Padding applied to the modal body
$modal-inner-padding: 15px !default;
$modal-sm: 300px !default;
-// Alerts
+// 26. Alerts
//
// Define alert colors, border radius, and padding.
$alert-danger-border: $state-danger-border !default;
-// Progress bars
+// 27. Progress bars
$progress-bg: #eee !default;
$progress-bar-color: #0074d9 !default;
$progress-bar-info-bg: $brand-info !default;
-// List group
+// 28. List group
$list-group-bg: #fff !default;
$list-group-border-color: #ddd !default;
$list-group-item-heading-margin-bottom: 5px !default;
-// Image thumbnails
+// 29. Image thumbnails
$thumbnail-padding: .25rem !default;
$thumbnail-bg: $body-bg !default;
$thumbnail-box-shadow: 0 1px 2px rgba(0,0,0,.075) !default;
-// Figures
+// 30. Figures
$figure-caption-font-size: 90% !default;
-// Breadcrumbs
+// 31. Breadcrumbs
$breadcrumb-padding-y: .75rem !default;
$breadcrumb-padding-x: 1rem !default;
$breadcrumb-divider: "/" !default;
-// Media objects
+// 32. Media objects
$media-margin-top: 15px !default;
$media-heading-margin-bottom: 5px !default;
$media-alignment-padding-x: 10px !default;
-// Carousel
+// 33. Carousel
$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6) !default;
$carousel-icon-width: 20px !default;
-// Close
+// 34. Close
$close-font-weight: bold !default;
$close-color: #000 !default;
$close-text-shadow: 0 1px 0 #fff !default;
-// Code
+// 35. Code
$code-font-size: 90% !default;
$code-padding-x: .4rem !default;