diff options
Diffstat (limited to '')
-rw-r--r-- | assets/css/bootstrap-3.3.2/.csscomb.json | 304 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/.csslintrc | 19 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/alerts.less (renamed from assets/css/lib/bootstrap/_alerts.scss) | 25 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/badges.less (renamed from assets/css/lib/bootstrap/_badges.scss) | 48 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/bootstrap.less | 50 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/breadcrumbs.less | 26 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/button-groups.less (renamed from assets/css/lib/bootstrap/_button-groups.scss) | 71 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/buttons.less (renamed from assets/css/lib/bootstrap/_buttons.scss) | 55 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/carousel.less (renamed from assets/css/lib/bootstrap/_carousel.scss) | 58 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/close.less | 34 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/code.less (renamed from assets/css/lib/bootstrap/_code.scss) | 33 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/component-animations.less (renamed from assets/css/lib/bootstrap/_component-animations.scss) | 17 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/dropdowns.less (renamed from assets/css/lib/bootstrap/_dropdowns.scss) | 65 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/forms.less (renamed from assets/css/lib/bootstrap/_forms.scss) | 226 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/glyphicons.less (renamed from assets/css/lib/bootstrap/_glyphicons.scss) | 84 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/grid.less (renamed from assets/css/lib/bootstrap/_grid.scss) | 34 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/input-groups.less (renamed from assets/css/lib/bootstrap/_input-groups.scss) | 32 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/jumbotron.less | 50 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/labels.less (renamed from assets/css/lib/bootstrap/_labels.scss) | 34 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/list-group.less (renamed from assets/css/lib/bootstrap/_list-group.scss) | 47 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/media.less | 61 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins.less | 39 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/alerts.less | 14 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/background-variant.less | 8 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/border-radius.less | 18 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/buttons.less | 52 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/center-block.less (renamed from assets/css/lib/bootstrap/mixins/_center-block.scss) | 2 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/clearfix.less (renamed from assets/css/lib/bootstrap/mixins/_clearfix.scss) | 2 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/forms.less (renamed from assets/css/lib/bootstrap/mixins/_forms.scss) | 63 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/gradients.less | 59 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/grid-framework.less | 91 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/grid.less | 122 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/hide-text.less (renamed from assets/css/lib/bootstrap/mixins/_hide-text.scss) | 8 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/image.less (renamed from assets/css/lib/bootstrap/mixins/_image.scss) | 13 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/labels.less | 12 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/list-group.less | 29 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/nav-divider.less (renamed from assets/css/lib/bootstrap/mixins/_nav-divider.scss) | 6 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/nav-vertical-align.less (renamed from assets/css/lib/bootstrap/mixins/_nav-vertical-align.scss) | 6 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/opacity.less | 8 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/pagination.less | 23 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/panels.less | 24 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/progress-bar.less (renamed from assets/css/lib/bootstrap/mixins/_progress-bar.scss) | 6 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/reset-filter.less (renamed from assets/css/lib/bootstrap/mixins/_reset-filter.scss) | 4 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/resize.less (renamed from assets/css/lib/bootstrap/mixins/_resize.scss) | 4 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/responsive-visibility.less | 15 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/size.less | 10 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/tab-focus.less (renamed from assets/css/lib/bootstrap/mixins/_tab-focus.scss) | 2 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/table-row.less (renamed from assets/css/lib/bootstrap/mixins/_table-row.scss) | 24 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/text-emphasis.less | 8 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/text-overflow.less (renamed from assets/css/lib/bootstrap/mixins/_text-overflow.scss) | 2 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/vendor-prefixes.less | 227 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/modals.less (renamed from assets/css/lib/bootstrap/_modals.scss) | 56 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/navbar.less (renamed from assets/css/lib/bootstrap/_navbar.scss) | 302 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/navs.less (renamed from assets/css/lib/bootstrap/_navs.scss) | 60 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/normalize.less (renamed from assets/css/lib/bootstrap/_normalize.scss) | 8 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/pager.less (renamed from assets/css/lib/bootstrap/_pager.scss) | 19 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/pagination.less | 88 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/panels.less (renamed from assets/css/lib/bootstrap/_panels.scss) | 94 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/popovers.less | 135 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/print.less | 107 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/progress-bars.less (renamed from assets/css/lib/bootstrap/_progress-bars.scss) | 52 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/responsive-embed.less (renamed from assets/css/lib/bootstrap/_responsive-embed.scss) | 3 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/responsive-utilities.less (renamed from assets/css/lib/bootstrap/_responsive-utilities.scss) | 98 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/scaffolding.less (renamed from assets/css/lib/bootstrap/_scaffolding.scss) | 46 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/tables.less (renamed from assets/css/lib/bootstrap/_tables.scss) | 65 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/theme.less | 273 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/thumbnails.less | 36 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/tooltip.less | 103 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/type.less (renamed from assets/css/lib/bootstrap/_type.scss) | 148 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/utilities.less (renamed from assets/css/lib/bootstrap/_utilities.scss) | 7 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/variables.less | 857 | ||||
-rw-r--r-- | assets/css/bootstrap-3.3.2/wells.less (renamed from assets/css/lib/bootstrap/_wells.scss) | 12 |
72 files changed, 3949 insertions, 894 deletions
diff --git a/assets/css/bootstrap-3.3.2/.csscomb.json b/assets/css/bootstrap-3.3.2/.csscomb.json new file mode 100644 index 0000000..40695a4 --- /dev/null +++ b/assets/css/bootstrap-3.3.2/.csscomb.json @@ -0,0 +1,304 @@ +{ + "always-semicolon": true, + "block-indent": 2, + "color-case": "lower", + "color-shorthand": true, + "element-case": "lower", + "eof-newline": true, + "leading-zero": false, + "remove-empty-rulesets": true, + "space-after-colon": 1, + "space-after-combinator": 1, + "space-before-selector-delimiter": 0, + "space-between-declarations": "\n", + "space-after-opening-brace": "\n", + "space-before-closing-brace": "\n", + "space-before-colon": 0, + "space-before-combinator": 1, + "space-before-opening-brace": 1, + "strip-spaces": true, + "unitless-zero": true, + "vendor-prefix-align": true, + "sort-order": [ + [ + "position", + "top", + "right", + "bottom", + "left", + "z-index", + "display", + "float", + "width", + "min-width", + "max-width", + "height", + "min-height", + "max-height", + "-webkit-box-sizing", + "-moz-box-sizing", + "box-sizing", + "-webkit-appearance", + "padding", + "padding-top", + "padding-right", + "padding-bottom", + "padding-left", + "margin", + "margin-top", + "margin-right", + "margin-bottom", + "margin-left", + "overflow", + "overflow-x", + "overflow-y", + "-webkit-overflow-scrolling", + "-ms-overflow-x", + "-ms-overflow-y", + "-ms-overflow-style", + "clip", + "clear", + "font", + "font-family", + "font-size", + "font-style", + "font-weight", + "font-variant", + "font-size-adjust", + "font-stretch", + "font-effect", + "font-emphasize", + "font-emphasize-position", + "font-emphasize-style", + "font-smooth", + "-webkit-hyphens", + "-moz-hyphens", + "hyphens", + "line-height", + "color", + "text-align", + "-webkit-text-align-last", + "-moz-text-align-last", + "-ms-text-align-last", + "text-align-last", + "text-emphasis", + "text-emphasis-color", + "text-emphasis-style", + "text-emphasis-position", + "text-decoration", + "text-indent", + "text-justify", + "text-outline", + "-ms-text-overflow", + "text-overflow", + "text-overflow-ellipsis", + "text-overflow-mode", + "text-shadow", + "text-transform", + "text-wrap", + "-webkit-text-size-adjust", + "-ms-text-size-adjust", + "letter-spacing", + "-ms-word-break", + "word-break", + "word-spacing", + "-ms-word-wrap", + "word-wrap", + "-moz-tab-size", + "-o-tab-size", + "tab-size", + "white-space", + "vertical-align", + "list-style", + "list-style-position", + "list-style-type", + "list-style-image", + "pointer-events", + "-ms-touch-action", + "touch-action", + "cursor", + "visibility", + "zoom", + "flex-direction", + "flex-order", + "flex-pack", + "flex-align", + "table-layout", + "empty-cells", + "caption-side", + "border-spacing", + "border-collapse", + "content", + "quotes", + "counter-reset", + "counter-increment", + "resize", + "-webkit-user-select", + "-moz-user-select", + "-ms-user-select", + "-o-user-select", + "user-select", + "nav-index", + "nav-up", + "nav-right", + "nav-down", + "nav-left", + "background", + "background-color", + "background-image", + "-ms-filter:\\'progid:DXImageTransform.Microsoft.gradient", + "filter:progid:DXImageTransform.Microsoft.gradient", + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader", + "filter", + "background-repeat", + "background-attachment", + "background-position", + "background-position-x", + "background-position-y", + "-webkit-background-clip", + "-moz-background-clip", + "background-clip", + "background-origin", + "-webkit-background-size", + "-moz-background-size", + "-o-background-size", + "background-size", + "border", + "border-color", + "border-style", + "border-width", + "border-top", + "border-top-color", + "border-top-style", + "border-top-width", + "border-right", + "border-right-color", + "border-right-style", + "border-right-width", + "border-bottom", + "border-bottom-color", + "border-bottom-style", + "border-bottom-width", + "border-left", + "border-left-color", + "border-left-style", + "border-left-width", + "border-radius", + "border-top-left-radius", + "border-top-right-radius", + "border-bottom-right-radius", + "border-bottom-left-radius", + "-webkit-border-image", + "-moz-border-image", + "-o-border-image", + "border-image", + "-webkit-border-image-source", + "-moz-border-image-source", + "-o-border-image-source", + "border-image-source", + "-webkit-border-image-slice", + "-moz-border-image-slice", + "-o-border-image-slice", + "border-image-slice", + "-webkit-border-image-width", + "-moz-border-image-width", + "-o-border-image-width", + "border-image-width", + "-webkit-border-image-outset", + "-moz-border-image-outset", + "-o-border-image-outset", + "border-image-outset", + "-webkit-border-image-repeat", + "-moz-border-image-repeat", + "-o-border-image-repeat", + "border-image-repeat", + "outline", + "outline-width", + "outline-style", + "outline-color", + "outline-offset", + "-webkit-box-shadow", + "-moz-box-shadow", + "box-shadow", + "filter:progid:DXImageTransform.Microsoft.Alpha(Opacity", + "-ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha", + "opacity", + "-ms-interpolation-mode", + "-webkit-transition", + "-moz-transition", + "-ms-transition", + "-o-transition", + "transition", + "-webkit-transition-delay", + "-moz-transition-delay", + "-ms-transition-delay", + "-o-transition-delay", + "transition-delay", + "-webkit-transition-timing-function", + "-moz-transition-timing-function", + "-ms-transition-timing-function", + "-o-transition-timing-function", + "transition-timing-function", + "-webkit-transition-duration", + "-moz-transition-duration", + "-ms-transition-duration", + "-o-transition-duration", + "transition-duration", + "-webkit-transition-property", + "-moz-transition-property", + "-ms-transition-property", + "-o-transition-property", + "transition-property", + "-webkit-transform", + "-moz-transform", + "-ms-transform", + "-o-transform", + "transform", + "-webkit-transform-origin", + "-moz-transform-origin", + "-ms-transform-origin", + "-o-transform-origin", + "transform-origin", + "-webkit-animation", + "-moz-animation", + "-ms-animation", + "-o-animation", + "animation", + "-webkit-animation-name", + "-moz-animation-name", + "-ms-animation-name", + "-o-animation-name", + "animation-name", + "-webkit-animation-duration", + "-moz-animation-duration", + "-ms-animation-duration", + "-o-animation-duration", + "animation-duration", + "-webkit-animation-play-state", + "-moz-animation-play-state", + "-ms-animation-play-state", + "-o-animation-play-state", + "animation-play-state", + "-webkit-animation-timing-function", + "-moz-animation-timing-function", + "-ms-animation-timing-function", + "-o-animation-timing-function", + "animation-timing-function", + "-webkit-animation-delay", + "-moz-animation-delay", + "-ms-animation-delay", + "-o-animation-delay", + "animation-delay", + "-webkit-animation-iteration-count", + "-moz-animation-iteration-count", + "-ms-animation-iteration-count", + "-o-animation-iteration-count", + "animation-iteration-count", + "-webkit-animation-direction", + "-moz-animation-direction", + "-ms-animation-direction", + "-o-animation-direction", + "animation-direction" + ] + ] +} diff --git a/assets/css/bootstrap-3.3.2/.csslintrc b/assets/css/bootstrap-3.3.2/.csslintrc new file mode 100644 index 0000000..005b862 --- /dev/null +++ b/assets/css/bootstrap-3.3.2/.csslintrc @@ -0,0 +1,19 @@ +{ + "adjoining-classes": false, + "box-sizing": false, + "box-model": false, + "compatible-vendor-prefixes": false, + "floats": false, + "font-sizes": false, + "gradients": false, + "important": false, + "known-properties": false, + "outline-none": false, + "qualified-headings": false, + "regex-selectors": false, + "shorthand": false, + "text-indent": false, + "unique-headings": false, + "universal-selector": false, + "unqualified-attributes": false +} diff --git a/assets/css/lib/bootstrap/_alerts.scss b/assets/css/bootstrap-3.3.2/alerts.less index e45de83..5618bfc 100644 --- a/assets/css/lib/bootstrap/_alerts.scss +++ b/assets/css/bootstrap-3.3.2/alerts.less @@ -7,20 +7,21 @@ // ------------------------- .alert { - padding: $alert-padding; - margin-bottom: $line-height-computed; + padding: @alert-padding; + margin-bottom: @line-height-computed; border: 1px solid transparent; - border-radius: $alert-border-radius; + border-radius: @alert-border-radius; // Headings for larger alerts h4 { margin-top: 0; - // Specified for the h4 to prevent conflicts of changing $headings-color + // Specified for the h4 to prevent conflicts of changing @headings-color color: inherit; } + // Provide class for links that match alerts .alert-link { - font-weight: $alert-link-font-weight; + font-weight: @alert-link-font-weight; } // Improve alignment and spacing of inner content @@ -28,6 +29,7 @@ > ul { margin-bottom: 0; } + > p + p { margin-top: 5px; } @@ -39,7 +41,7 @@ .alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0. .alert-dismissible { - padding-right: ($alert-padding + 20); + padding-right: (@alert-padding + 20); // Adjust close link position .close { @@ -55,14 +57,17 @@ // Generate contextual modifier classes for colorizing the alert. .alert-success { - @include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text); + .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text); } + .alert-info { - @include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text); + .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text); } + .alert-warning { - @include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text); + .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text); } + .alert-danger { - @include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text); + .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text); } diff --git a/assets/css/lib/bootstrap/_badges.scss b/assets/css/bootstrap-3.3.2/badges.less index 02394ae..4a80402 100644 --- a/assets/css/lib/bootstrap/_badges.scss +++ b/assets/css/bootstrap-3.3.2/badges.less @@ -8,15 +8,15 @@ display: inline-block; min-width: 10px; padding: 3px 7px; - font-size: $font-size-small; - font-weight: $badge-font-weight; - color: $badge-color; - line-height: $badge-line-height; + font-size: @font-size-small; + font-weight: @badge-font-weight; + color: @badge-color; + line-height: @badge-line-height; vertical-align: baseline; white-space: nowrap; text-align: center; - background-color: $badge-bg; - border-radius: $badge-border-radius; + background-color: @badge-bg; + border-radius: @badge-border-radius; // Empty badges collapse automatically (not available in IE8) &:empty { @@ -28,30 +28,38 @@ position: relative; top: -1px; } + .btn-xs & { top: 0; padding: 1px 5px; } - // [converter] extracted a& to a.badge + // Hover state, but only for links + a& { + &:hover, + &:focus { + color: @badge-link-hover-color; + text-decoration: none; + cursor: pointer; + } + } // Account for badges in navs - a.list-group-item.active > &, + .list-group-item.active > &, .nav-pills > .active > a > & { - color: $badge-active-color; - background-color: $badge-active-bg; + color: @badge-active-color; + background-color: @badge-active-bg; + } + + .list-group-item > & { + float: right; + } + + .list-group-item > & + & { + margin-right: 5px; } + .nav-pills > li > a > & { margin-left: 3px; } } - -// Hover state, but only for links -a.badge { - &:hover, - &:focus { - color: $badge-link-hover-color; - text-decoration: none; - cursor: pointer; - } -} diff --git a/assets/css/bootstrap-3.3.2/bootstrap.less b/assets/css/bootstrap-3.3.2/bootstrap.less new file mode 100644 index 0000000..61b7747 --- /dev/null +++ b/assets/css/bootstrap-3.3.2/bootstrap.less @@ -0,0 +1,50 @@ +// Core variables and mixins +@import "variables.less"; +@import "mixins.less"; + +// Reset and dependencies +@import "normalize.less"; +@import "print.less"; +@import "glyphicons.less"; + +// Core CSS +@import "scaffolding.less"; +@import "type.less"; +@import "code.less"; +@import "grid.less"; +@import "tables.less"; +@import "forms.less"; +@import "buttons.less"; + +// Components +@import "component-animations.less"; +@import "dropdowns.less"; +@import "button-groups.less"; +@import "input-groups.less"; +@import "navs.less"; +@import "navbar.less"; +@import "breadcrumbs.less"; +@import "pagination.less"; +@import "pager.less"; +@import "labels.less"; +@import "badges.less"; +@import "jumbotron.less"; +@import "thumbnails.less"; +@import "alerts.less"; +@import "progress-bars.less"; +@import "media.less"; +@import "list-group.less"; +@import "panels.less"; +@import "responsive-embed.less"; +@import "wells.less"; +@import "close.less"; + +// Components w/ JavaScript +@import "modals.less"; +@import "tooltip.less"; +@import "popovers.less"; +@import "carousel.less"; + +// Utility classes +@import "utilities.less"; +@import "responsive-utilities.less"; diff --git a/assets/css/bootstrap-3.3.2/breadcrumbs.less b/assets/css/bootstrap-3.3.2/breadcrumbs.less new file mode 100644 index 0000000..cb01d50 --- /dev/null +++ b/assets/css/bootstrap-3.3.2/breadcrumbs.less @@ -0,0 +1,26 @@ +// +// Breadcrumbs +// -------------------------------------------------- + + +.breadcrumb { + padding: @breadcrumb-padding-vertical @breadcrumb-padding-horizontal; + margin-bottom: @line-height-computed; + list-style: none; + background-color: @breadcrumb-bg; + border-radius: @border-radius-base; + + > li { + display: inline-block; + + + li:before { + content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space + padding: 0 5px; + color: @breadcrumb-color; + } + } + + > .active { + color: @breadcrumb-active-color; + } +} diff --git a/assets/css/lib/bootstrap/_button-groups.scss b/assets/css/bootstrap-3.3.2/button-groups.less index 63ccd92..13c1800 100644 --- a/assets/css/lib/bootstrap/_button-groups.scss +++ b/assets/css/bootstrap-3.3.2/button-groups.less @@ -18,10 +18,6 @@ &.active { z-index: 2; } - &:focus { - // Remove focus outline when dropdown JS adds it after closing the menu - outline: 0; - } } } @@ -38,7 +34,7 @@ // Optional: Group multiple button groups together for a toolbar .btn-toolbar { margin-left: -5px; // Offset the first child's margin - @include clearfix(); + &:extend(.clearfix all); .btn-group, .input-group { @@ -59,13 +55,13 @@ .btn-group > .btn:first-child { margin-left: 0; &:not(:last-child):not(.dropdown-toggle) { - @include border-right-radius(0); + .border-right-radius(0); } } // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { - @include border-left-radius(0); + .border-left-radius(0); } // Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group) @@ -75,14 +71,14 @@ .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } -.btn-group > .btn-group:first-child { +.btn-group > .btn-group:first-child:not(:last-child) { > .btn:last-child, > .dropdown-toggle { - @include border-right-radius(0); + .border-right-radius(0); } } -.btn-group > .btn-group:last-child > .btn:first-child { - @include border-left-radius(0); +.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { + .border-left-radius(0); } // On active and open, don't show outline @@ -96,9 +92,9 @@ // // Remix the default button sizing classes into new ones for easier manipulation. -.btn-group-xs > .btn { @extend .btn-xs; } -.btn-group-sm > .btn { @extend .btn-sm; } -.btn-group-lg > .btn { @extend .btn-lg; } +.btn-group-xs > .btn { &:extend(.btn-xs); } +.btn-group-sm > .btn { &:extend(.btn-sm); } +.btn-group-lg > .btn { &:extend(.btn-lg); } // Split button dropdowns @@ -117,11 +113,11 @@ // The clickable button for toggling the menu // Remove the gradient and set the same inset shadow as the :active state .btn-group.open .dropdown-toggle { - @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); // Show no shadow for `.btn-link` since it has no other button styles. &.btn-link { - @include box-shadow(none); + .box-shadow(none); } } @@ -132,12 +128,12 @@ } // Carets in other button sizes .btn-lg .caret { - border-width: $caret-width-large $caret-width-large 0; + border-width: @caret-width-large @caret-width-large 0; border-bottom-width: 0; } // Upside down carets for .dropup .dropup .btn-lg .caret { - border-width: 0 $caret-width-large $caret-width-large; + border-width: 0 @caret-width-large @caret-width-large; } @@ -156,7 +152,7 @@ // Clear floats so dropdown menus can be properly placed > .btn-group { - @include clearfix(); + &:extend(.clearfix all); > .btn { float: none; } @@ -176,12 +172,12 @@ border-radius: 0; } &:first-child:not(:last-child) { - border-top-right-radius: $border-radius-base; - @include border-bottom-radius(0); + border-top-right-radius: @border-radius-base; + .border-bottom-radius(0); } &:last-child:not(:first-child) { - border-bottom-left-radius: $border-radius-base; - @include border-top-radius(0); + border-bottom-left-radius: @border-radius-base; + .border-top-radius(0); } } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { @@ -190,15 +186,14 @@ .btn-group-vertical > .btn-group:first-child:not(:last-child) { > .btn:last-child, > .dropdown-toggle { - @include border-bottom-radius(0); + .border-bottom-radius(0); } } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { - @include border-top-radius(0); + .border-top-radius(0); } - // Justified button groups // ---------------------- @@ -226,15 +221,23 @@ // Checkbox and radio options // // In order to support the browser's form validation feedback, powered by the -// `required` attribute, we have to "hide" the inputs via `opacity`. We cannot -// use `display: none;` or `visibility: hidden;` as that also hides the popover. +// `required` attribute, we have to "hide" the inputs via `clip`. We cannot use +// `display: none;` or `visibility: hidden;` as that also hides the popover. +// Simply visually hiding the inputs via `opacity` would leave them clickable in +// certain cases which is prevented by using `clip` and `pointer-events`. // This way, we ensure a DOM element is visible to position the popover from. // -// See https://github.com/twbs/bootstrap/pull/12794 for more. +// See https://github.com/twbs/bootstrap/pull/12794 and +// https://github.com/twbs/bootstrap/pull/14559 for more information. -[data-toggle="buttons"] > .btn > input[type="radio"], -[data-toggle="buttons"] > .btn > input[type="checkbox"] { - position: absolute; - z-index: -1; - @include opacity(0); +[data-toggle="buttons"] { + > .btn, + > .btn-group > .btn { + input[type="radio"], + input[type="checkbox"] { + position: absolute; + clip: rect(0,0,0,0); + pointer-events: none; + } + } } diff --git a/assets/css/lib/bootstrap/_buttons.scss b/assets/css/bootstrap-3.3.2/buttons.less index dae6ee3..5a74604 100644 --- a/assets/css/lib/bootstrap/_buttons.scss +++ b/assets/css/bootstrap-3.3.2/buttons.less @@ -9,27 +9,30 @@ .btn { display: inline-block; margin-bottom: 0; // For input.btn - font-weight: $btn-font-weight; + font-weight: @btn-font-weight; text-align: center; vertical-align: middle; + touch-action: manipulation; cursor: pointer; background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 border: 1px solid transparent; white-space: nowrap; - @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $border-radius-base); - @include user-select(none); + .button-size(@padding-base-vertical; @padding-base-horizontal; @font-size-base; @line-height-base; @border-radius-base); + .user-select(none); &, &:active, &.active { - &:focus { - @include tab-focus(); + &:focus, + &.focus { + .tab-focus(); } } &:hover, - &:focus { - color: $btn-default-color; + &:focus, + &.focus { + color: @btn-default-color; text-decoration: none; } @@ -37,16 +40,16 @@ &.active { outline: 0; background-image: none; - @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); } &.disabled, &[disabled], fieldset[disabled] & { - cursor: not-allowed; + cursor: @cursor-disabled; pointer-events: none; // Future-proof disabling of clicks - @include opacity(.65); - @include box-shadow(none); + .opacity(.65); + .box-shadow(none); } } @@ -55,26 +58,26 @@ // -------------------------------------------------- .btn-default { - @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border); + .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border); } .btn-primary { - @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border); + .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border); } // Success appears as green .btn-success { - @include button-variant($btn-success-color, $btn-success-bg, $btn-success-border); + .button-variant(@btn-success-color; @btn-success-bg; @btn-success-border); } // Info appears as blue-green .btn-info { - @include button-variant($btn-info-color, $btn-info-bg, $btn-info-border); + .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border); } // Warning appears as orange .btn-warning { - @include button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border); + .button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border); } // Danger and error appear as red .btn-danger { - @include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border); + .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border); } @@ -83,17 +86,17 @@ // Make a button look and behave like a link .btn-link { - color: $link-color; + color: @link-color; font-weight: normal; - cursor: pointer; border-radius: 0; &, &:active, + &.active, &[disabled], fieldset[disabled] & { background-color: transparent; - @include box-shadow(none); + .box-shadow(none); } &, &:hover, @@ -103,15 +106,15 @@ } &:hover, &:focus { - color: $link-hover-color; - text-decoration: underline; + color: @link-hover-color; + text-decoration: @link-hover-decoration; background-color: transparent; } &[disabled], fieldset[disabled] & { &:hover, &:focus { - color: $btn-link-disabled-color; + color: @btn-link-disabled-color; text-decoration: none; } } @@ -123,14 +126,14 @@ .btn-lg { // line-height: ensure even-numbered height of button next to large input - @include button-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large); + .button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large); } .btn-sm { // line-height: ensure proper height of button next to small input - @include button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small); + .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small); } .btn-xs { - @include button-size($padding-xs-vertical, $padding-xs-horizontal, $font-size-small, $line-height-small, $border-radius-small); + .button-size(@padding-xs-vertical; @padding-xs-horizontal; @font-size-small; @line-height-small; @border-radius-small); } diff --git a/assets/css/lib/bootstrap/_carousel.scss b/assets/css/bootstrap-3.3.2/carousel.less index e9e2f7c..4bbe946 100644 --- a/assets/css/lib/bootstrap/_carousel.scss +++ b/assets/css/bootstrap-3.3.2/carousel.less @@ -16,14 +16,38 @@ > .item { display: none; position: relative; - @include transition(.6s ease-in-out left); + .transition(.6s ease-in-out left); // Account for jankitude on images > img, > a > img { - @include img-responsive(); + &:extend(.img-responsive); line-height: 1; } + + // WebKit CSS3 transforms for supported devices + @media all and (transform-3d), (-webkit-transform-3d) { + .transition-transform(~'0.6s ease-in-out'); + .backface-visibility(~'hidden'); + .perspective(1000); + + &.next, + &.active.right { + .translate3d(100%, 0, 0); + left: 0; + } + &.prev, + &.active.left { + .translate3d(-100%, 0, 0); + left: 0; + } + &.next.left, + &.prev.right, + &.active { + .translate3d(0, 0, 0); + left: 0; + } + } } > .active, @@ -71,32 +95,32 @@ top: 0; left: 0; bottom: 0; - width: $carousel-control-width; - @include opacity($carousel-control-opacity); - font-size: $carousel-control-font-size; - color: $carousel-control-color; + width: @carousel-control-width; + .opacity(@carousel-control-opacity); + font-size: @carousel-control-font-size; + color: @carousel-control-color; text-align: center; - text-shadow: $carousel-text-shadow; + text-shadow: @carousel-text-shadow; // We can't have this transition here because WebKit cancels the carousel // animation if you trip this while in the middle of another animation. // Set gradients for backgrounds &.left { - @include gradient-horizontal($start-color: rgba(0,0,0,.5), $end-color: rgba(0,0,0,.0001)); + #gradient > .horizontal(@start-color: rgba(0,0,0,.5); @end-color: rgba(0,0,0,.0001)); } &.right { left: auto; right: 0; - @include gradient-horizontal($start-color: rgba(0,0,0,.0001), $end-color: rgba(0,0,0,.5)); + #gradient > .horizontal(@start-color: rgba(0,0,0,.0001); @end-color: rgba(0,0,0,.5)); } // Hover/focus state &:hover, &:focus { outline: 0; - color: $carousel-control-color; + color: @carousel-control-color; text-decoration: none; - @include opacity(.9); + .opacity(.9); } // Toggles @@ -124,6 +148,7 @@ width: 20px; height: 20px; margin-top: -10px; + line-height: 1; font-family: serif; } @@ -162,7 +187,7 @@ height: 10px; margin: 1px; text-indent: -999px; - border: 1px solid $carousel-indicator-border-color; + border: 1px solid @carousel-indicator-border-color; border-radius: 10px; cursor: pointer; @@ -171,6 +196,7 @@ // Internet Explorer 8-9 does not support clicks on elements without a set // `background-color`. We cannot use `filter` since that's not viewed as a // background color by the browser. Thus, a hack is needed. + // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer // // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we // set alpha transparency for the best results possible. @@ -181,7 +207,7 @@ margin: 0; width: 12px; height: 12px; - background-color: $carousel-indicator-active-bg; + background-color: @carousel-indicator-active-bg; } } @@ -196,9 +222,9 @@ z-index: 10; padding-top: 20px; padding-bottom: 20px; - color: $carousel-caption-color; + color: @carousel-caption-color; text-align: center; - text-shadow: $carousel-text-shadow; + text-shadow: @carousel-text-shadow; & .btn { text-shadow: none; // No shadow for button elements in carousel-caption } @@ -206,7 +232,7 @@ // Scale up controls for tablets and up -@media screen and (min-width: $screen-sm-min) { +@media screen and (min-width: @screen-sm-min) { // Scale up the controls a smidge .carousel-control { diff --git a/assets/css/bootstrap-3.3.2/close.less b/assets/css/bootstrap-3.3.2/close.less new file mode 100644 index 0000000..6d5bfe0 --- /dev/null +++ b/assets/css/bootstrap-3.3.2/close.less @@ -0,0 +1,34 @@ +// +// Close icons +// -------------------------------------------------- + + +.close { + float: right; + font-size: (@font-size-base * 1.5); + font-weight: @close-font-weight; + line-height: 1; + color: @close-color; + text-shadow: @close-text-shadow; + .opacity(.2); + + &:hover, + &:focus { + color: @close-color; + text-decoration: none; + cursor: pointer; + .opacity(.5); + } + + // Additional properties for button version + // iOS requires the button element instead of an anchor tag. + // If you want the anchor version, it requires `href="#"`. + // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile + button& { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + } +} diff --git a/assets/css/lib/bootstrap/_code.scss b/assets/css/bootstrap-3.3.2/code.less index 8d83b14..a08b4d4 100644 --- a/assets/css/lib/bootstrap/_code.scss +++ b/assets/css/bootstrap-3.3.2/code.less @@ -8,30 +8,31 @@ code, kbd, pre, samp { - font-family: $font-family-monospace; + font-family: @font-family-monospace; } // Inline code code { padding: 2px 4px; font-size: 90%; - color: $code-color; - background-color: $code-bg; - border-radius: $border-radius-base; + color: @code-color; + background-color: @code-bg; + border-radius: @border-radius-base; } // User input typically entered via keyboard kbd { padding: 2px 4px; font-size: 90%; - color: $kbd-color; - background-color: $kbd-bg; - border-radius: $border-radius-small; + color: @kbd-color; + background-color: @kbd-bg; + border-radius: @border-radius-small; box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); kbd { padding: 0; font-size: 100%; + font-weight: bold; box-shadow: none; } } @@ -39,16 +40,16 @@ kbd { // Blocks of code pre { display: block; - padding: (($line-height-computed - 1) / 2); - margin: 0 0 ($line-height-computed / 2); - font-size: ($font-size-base - 1); // 14px to 13px - line-height: $line-height-base; + padding: ((@line-height-computed - 1) / 2); + margin: 0 0 (@line-height-computed / 2); + font-size: (@font-size-base - 1); // 14px to 13px + line-height: @line-height-base; word-break: break-all; word-wrap: break-word; - color: $pre-color; - background-color: $pre-bg; - border: 1px solid $pre-border-color; - border-radius: $border-radius-base; + color: @pre-color; + background-color: @pre-bg; + border: 1px solid @pre-border-color; + border-radius: @border-radius-base; // Account for some code outputs that place code tags in pre tags code { @@ -63,6 +64,6 @@ pre { // Enable scrollable blocks of code .pre-scrollable { - max-height: $pre-scrollable-max-height; + max-height: @pre-scrollable-max-height; overflow-y: scroll; } diff --git a/assets/css/lib/bootstrap/_component-animations.scss b/assets/css/bootstrap-3.3.2/component-animations.less index 8c3fd07..967715d 100644 --- a/assets/css/lib/bootstrap/_component-animations.scss +++ b/assets/css/bootstrap-3.3.2/component-animations.less @@ -9,7 +9,7 @@ .fade { opacity: 0; - @include transition(opacity .15s linear); + .transition(opacity .15s linear); &.in { opacity: 1; } @@ -17,19 +17,18 @@ .collapse { display: none; + visibility: hidden; - &.in { display: block; } - // [converter] extracted tr&.in to tr.collapse.in - // [converter] extracted tbody&.in to tbody.collapse.in + &.in { display: block; visibility: visible; } + tr&.in { display: table-row; } + tbody&.in { display: table-row-group; } } -tr.collapse.in { display: table-row; } - -tbody.collapse.in { display: table-row-group; } - .collapsing { position: relative; height: 0; overflow: hidden; - @include transition(height .35s ease); + .transition-property(~"height, visibility"); + .transition-duration(.35s); + .transition-timing-function(ease); } diff --git a/assets/css/lib/bootstrap/_dropdowns.scss b/assets/css/bootstrap-3.3.2/dropdowns.less index eb74be5..0cc46df 100644 --- a/assets/css/lib/bootstrap/_dropdowns.scss +++ b/assets/css/bootstrap-3.3.2/dropdowns.less @@ -10,12 +10,13 @@ height: 0; margin-left: 2px; vertical-align: middle; - border-top: $caret-width-base solid; - border-right: $caret-width-base solid transparent; - border-left: $caret-width-base solid transparent; + border-top: @caret-width-base solid; + border-right: @caret-width-base solid transparent; + border-left: @caret-width-base solid transparent; } // The dropdown wrapper (div) +.dropup, .dropdown { position: relative; } @@ -30,20 +31,20 @@ position: absolute; top: 100%; left: 0; - z-index: $zindex-dropdown; + z-index: @zindex-dropdown; display: none; // none by default, but block on "open" of the menu float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; // override default ul list-style: none; - font-size: $font-size-base; + font-size: @font-size-base; text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer) - background-color: $dropdown-bg; - border: 1px solid $dropdown-fallback-border; // IE8 fallback - border: 1px solid $dropdown-border; - border-radius: $border-radius-base; - @include box-shadow(0 6px 12px rgba(0,0,0,.175)); + background-color: @dropdown-bg; + border: 1px solid @dropdown-fallback-border; // IE8 fallback + border: 1px solid @dropdown-border; + border-radius: @border-radius-base; + .box-shadow(0 6px 12px rgba(0,0,0,.175)); background-clip: padding-box; // Aligns the dropdown menu to right @@ -56,7 +57,7 @@ // Dividers (basically an hr) within the dropdown .divider { - @include nav-divider($dropdown-divider-bg); + .nav-divider(@dropdown-divider-bg); } // Links within the dropdown menu @@ -65,8 +66,8 @@ padding: 3px 20px; clear: both; font-weight: normal; - line-height: $line-height-base; - color: $dropdown-link-color; + line-height: @line-height-base; + color: @dropdown-link-color; white-space: nowrap; // prevent links from randomly breaking onto new lines } } @@ -76,8 +77,8 @@ &:hover, &:focus { text-decoration: none; - color: $dropdown-link-hover-color; - background-color: $dropdown-link-hover-bg; + color: @dropdown-link-hover-color; + background-color: @dropdown-link-hover-bg; } } @@ -86,10 +87,10 @@ &, &:hover, &:focus { - color: $dropdown-link-active-color; + color: @dropdown-link-active-color; text-decoration: none; outline: 0; - background-color: $dropdown-link-active-bg; + background-color: @dropdown-link-active-bg; } } @@ -101,18 +102,17 @@ &, &:hover, &:focus { - color: $dropdown-link-disabled-color; + color: @dropdown-link-disabled-color; } -} -// Nuke hover/focus effects -.dropdown-menu > .disabled > a { + + // Nuke hover/focus effects &:hover, &:focus { text-decoration: none; background-color: transparent; background-image: none; // Remove CSS gradient - @include reset-filter(); - cursor: not-allowed; + .reset-filter(); + cursor: @cursor-disabled; } } @@ -152,9 +152,9 @@ .dropdown-header { display: block; padding: 3px 20px; - font-size: $font-size-small; - line-height: $line-height-base; - color: $dropdown-header-color; + font-size: @font-size-small; + line-height: @line-height-base; + color: @dropdown-header-color; white-space: nowrap; // as with > li > a } @@ -165,7 +165,7 @@ right: 0; bottom: 0; top: 0; - z-index: ($zindex-dropdown - 10); + z-index: (@zindex-dropdown - 10); } // Right aligned dropdowns @@ -184,14 +184,14 @@ // Reverse the caret .caret { border-top: 0; - border-bottom: $caret-width-base solid; + border-bottom: @caret-width-base solid; content: ""; } // Different positioning for bottom up menu .dropdown-menu { top: auto; bottom: 100%; - margin-bottom: 1px; + margin-bottom: 2px; } } @@ -200,16 +200,15 @@ // // Reiterate per navbar.less and the modified component alignment there. -@media (min-width: $grid-float-breakpoint) { +@media (min-width: @grid-float-breakpoint) { .navbar-right { .dropdown-menu { - right: 0; left: auto; + .dropdown-menu-right(); } // Necessary for overrides of the default right aligned menu. // Will remove come v4 in all likelihood. .dropdown-menu-left { - left: 0; right: auto; + .dropdown-menu-left(); } } } - diff --git a/assets/css/lib/bootstrap/_forms.scss b/assets/css/bootstrap-3.3.2/forms.less index 74bb67d..3138c2c 100644 --- a/assets/css/lib/bootstrap/_forms.scss +++ b/assets/css/bootstrap-3.3.2/forms.less @@ -21,12 +21,12 @@ legend { display: block; width: 100%; padding: 0; - margin-bottom: $line-height-computed; - font-size: ($font-size-base * 1.5); + margin-bottom: @line-height-computed; + font-size: (@font-size-base * 1.5); line-height: inherit; - color: $legend-color; + color: @legend-color; border: 0; - border-bottom: 1px solid $legend-border-color; + border-bottom: 1px solid @legend-border-color; } label { @@ -45,7 +45,7 @@ label { // Override content-box in Normalize (* isn't specific enough) input[type="search"] { - @include box-sizing(border-box); + .box-sizing(border-box); } // Position radios and checkboxes better @@ -77,16 +77,16 @@ select[size] { input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { - @include tab-focus(); + .tab-focus(); } // Adjust output element output { display: block; - padding-top: ($padding-base-vertical + 1); - font-size: $font-size-base; - line-height: $line-height-base; - color: $input-color; + padding-top: (@padding-base-vertical + 1); + font-size: @font-size-base; + line-height: @line-height-base; + color: @input-color; } @@ -115,23 +115,23 @@ output { .form-control { display: block; width: 100%; - height: $input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border) - padding: $padding-base-vertical $padding-base-horizontal; - font-size: $font-size-base; - line-height: $line-height-base; - color: $input-color; - background-color: $input-bg; + height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border) + padding: @padding-base-vertical @padding-base-horizontal; + font-size: @font-size-base; + line-height: @line-height-base; + color: @input-color; + background-color: @input-bg; background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 - border: 1px solid $input-border; - border-radius: $input-border-radius; - @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); - @include transition(border-color ease-in-out .15s, box-shadow ease-in-out .15s); + border: 1px solid @input-border; + border-radius: @input-border-radius; // Note: This has no effect on <select>s in some browsers, due to the limited stylability of <select>s in CSS. + .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); + .transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s"); // Customize the `:focus` state to imitate native WebKit styles. - @include form-control-focus(); + .form-control-focus(); // Placeholder - @include placeholder(); + .placeholder(); // Disabled and read-only inputs // @@ -141,17 +141,15 @@ output { &[disabled], &[readonly], fieldset[disabled] & { - cursor: not-allowed; - background-color: $input-bg-disabled; - opacity: 1; // iOS fix for unreadable disabled content + cursor: @cursor-disabled; + background-color: @input-bg-disabled; + opacity: 1; // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655 } - // [converter] extracted textarea& to textarea.form-control -} - -// Reset height for `textarea`s -textarea.form-control { - height: auto; + // Reset height for `textarea`s + textarea& { + height: auto; + } } @@ -170,24 +168,26 @@ input[type="search"] { // Special styles for iOS temporal inputs // // In Mobile Safari, setting `display: block` on temporal inputs causes the -// text within the input to become vertically misaligned. -// As a workaround, we set a pixel line-height that matches the -// given height of the input. Since this fucks up everything else, we have to -// appropriately reset it for Internet Explorer and the size variations. - -input[type="date"], -input[type="time"], -input[type="datetime-local"], -input[type="month"] { - line-height: $input-height-base; - // IE8+ misaligns the text within date inputs, so we reset - line-height: $line-height-base #{\0}; +// text within the input to become vertically misaligned. As a workaround, we +// set a pixel line-height that matches the given height of the input, but only +// for Safari. See https://bugs.webkit.org/show_bug.cgi?id=139848 + +@media screen and (-webkit-min-device-pixel-ratio: 0) { + input[type="date"], + input[type="time"], + input[type="datetime-local"], + input[type="month"] { + line-height: @input-height-base; + + &.input-sm, + .input-group-sm & { + line-height: @input-height-small; + } - &.input-sm { - line-height: $input-height-small; - } - &.input-lg { - line-height: $input-height-large; + &.input-lg, + .input-group-lg & { + line-height: @input-height-large; + } } } @@ -210,11 +210,11 @@ input[type="month"] { .checkbox { position: relative; display: block; - min-height: $line-height-computed; // clear the floating input if there is no label text margin-top: 10px; margin-bottom: 10px; label { + min-height: @line-height-computed; // Ensure the input doesn't jump when there is no text padding-left: 20px; margin-bottom: 0; font-weight: normal; @@ -260,7 +260,7 @@ input[type="checkbox"] { &[disabled], &.disabled, fieldset[disabled] & { - cursor: not-allowed; + cursor: @cursor-disabled; } } // These classes are used directly on <label>s @@ -268,7 +268,7 @@ input[type="checkbox"] { .checkbox-inline { &.disabled, fieldset[disabled] & { - cursor: not-allowed; + cursor: @cursor-disabled; } } // These classes are used on elements with <label> descendants @@ -277,7 +277,7 @@ input[type="checkbox"] { &.disabled, fieldset[disabled] & { label { - cursor: not-allowed; + cursor: @cursor-disabled; } } } @@ -290,8 +290,8 @@ input[type="checkbox"] { .form-control-static { // Size it appropriately next to real form controls - padding-top: ($padding-base-vertical + 1); - padding-bottom: ($padding-base-vertical + 1); + padding-top: (@padding-base-vertical + 1); + padding-bottom: (@padding-base-vertical + 1); // Remove default margin from `p` margin-bottom: 0; @@ -307,10 +307,39 @@ input[type="checkbox"] { // // Build on `.form-control` with modifier classes to decrease or increase the // height and font-size of form controls. +// +// The `.form-group-* form-control` variations are sadly duplicated to avoid the +// issue documented in https://github.com/twbs/bootstrap/issues/15074. -@include input-size('.input-sm', $input-height-small, $padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small); +.input-sm { + .input-size(@input-height-small; @padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @input-border-radius-small); +} +.form-group-sm { + .form-control { + .input-size(@input-height-small; @padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @input-border-radius-small); + } + .form-control-static { + height: @input-height-small; + padding: @padding-small-vertical @padding-small-horizontal; + font-size: @font-size-small; + line-height: @line-height-small; + } +} -@include input-size('.input-lg', $input-height-large, $padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large); +.input-lg { + .input-size(@input-height-large; @padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @input-border-radius-large); +} +.form-group-lg { + .form-control { + .input-size(@input-height-large; @padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @input-border-radius-large); + } + .form-control-static { + height: @input-height-large; + padding: @padding-large-vertical @padding-large-horizontal; + font-size: @font-size-large; + line-height: @line-height-large; + } +} // Form control feedback states @@ -323,47 +352,53 @@ input[type="checkbox"] { // Ensure icons don't overlap text .form-control { - padding-right: ($input-height-base * 1.25); + padding-right: (@input-height-base * 1.25); } } // Feedback icon (requires .glyphicon classes) .form-control-feedback { position: absolute; - top: ($line-height-computed + 5); // Height of the `label` and its margin + top: 0; right: 0; z-index: 2; // Ensure icon is above input groups display: block; - width: $input-height-base; - height: $input-height-base; - line-height: $input-height-base; + width: @input-height-base; + height: @input-height-base; + line-height: @input-height-base; text-align: center; + pointer-events: none; } .input-lg + .form-control-feedback { - width: $input-height-large; - height: $input-height-large; - line-height: $input-height-large; + width: @input-height-large; + height: @input-height-large; + line-height: @input-height-large; } .input-sm + .form-control-feedback { - width: $input-height-small; - height: $input-height-small; - line-height: $input-height-small; + width: @input-height-small; + height: @input-height-small; + line-height: @input-height-small; } // Feedback states .has-success { - @include form-control-validation($state-success-text, $state-success-text, $state-success-bg); + .form-control-validation(@state-success-text; @state-success-text; @state-success-bg); } .has-warning { - @include form-control-validation($state-warning-text, $state-warning-text, $state-warning-bg); + .form-control-validation(@state-warning-text; @state-warning-text; @state-warning-bg); } .has-error { - @include form-control-validation($state-danger-text, $state-danger-text, $state-danger-bg); + .form-control-validation(@state-danger-text; @state-danger-text; @state-danger-bg); } +// Reposition feedback icon if input has visible label above +.has-feedback label { -// Reposition feedback icon if label is hidden with "screenreader only" state -.has-feedback label.sr-only ~ .form-control-feedback { - top: 0; + & ~ .form-control-feedback { + top: (@line-height-computed + 5); // Height of the `label` and its margin + } + &.sr-only ~ .form-control-feedback { + top: 0; + } } @@ -376,11 +411,10 @@ input[type="checkbox"] { display: block; // account for any element using help-block margin-top: 5px; margin-bottom: 10px; - color: lighten($text-color, 25%); // lighten the text some for contrast + color: lighten(@text-color, 25%); // lighten the text some for contrast } - // Inline forms // // Make forms appear inline(-block) by adding the `.form-inline` class. Inline @@ -395,7 +429,7 @@ input[type="checkbox"] { .form-inline { // Kick in the inline - @media (min-width: $screen-sm-min) { + @media (min-width: @screen-sm-min) { // Inline-block all the things for "inline" .form-group { display: inline-block; @@ -410,6 +444,11 @@ input[type="checkbox"] { vertical-align: middle; } + // Make static controls behave like regular ones + .form-control-static { + display: inline-block; + } + .input-group { display: inline-table; vertical-align: middle; @@ -432,8 +471,7 @@ input[type="checkbox"] { } // Remove default margin on radios/checkboxes that were used for stacking, and - // then undo the floating of radios and checkboxes to match (which also avoids - // a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969). + // then undo the floating of radios and checkboxes to match. .radio, .checkbox { display: inline-block; @@ -451,10 +489,7 @@ input[type="checkbox"] { margin-left: 0; } - // Validation states - // - // Reposition the icon because it's now within a grid column and columns have - // `position: relative;` on them. Also accounts for the grid gutter padding. + // Re-override the feedback icon. .has-feedback .form-control-feedback { top: 0; } @@ -478,27 +513,27 @@ input[type="checkbox"] { .checkbox-inline { margin-top: 0; margin-bottom: 0; - padding-top: ($padding-base-vertical + 1); // Default padding plus a border + padding-top: (@padding-base-vertical + 1); // Default padding plus a border } // Account for padding we're adding to ensure the alignment and of help text // and other content below items .radio, .checkbox { - min-height: ($line-height-computed + ($padding-base-vertical + 1)); + min-height: (@line-height-computed + (@padding-base-vertical + 1)); } // Make form groups behave like rows .form-group { - @include make-row(); + .make-row(); } // Reset spacing and right align labels, but scope to media queries so that // labels on narrow viewports stack the same as a default form example. - @media (min-width: $screen-sm-min) { + @media (min-width: @screen-sm-min) { .control-label { text-align: right; margin-bottom: 0; - padding-top: ($padding-base-vertical + 1); // Default padding plus a border + padding-top: (@padding-base-vertical + 1); // Default padding plus a border } } @@ -507,8 +542,7 @@ input[type="checkbox"] { // Reposition the icon because it's now within a grid column and columns have // `position: relative;` on them. Also accounts for the grid gutter padding. .has-feedback .form-control-feedback { - top: 0; - right: ($grid-gutter-width / 2); + right: (@grid-gutter-width / 2); } // Form group sizes @@ -516,23 +550,17 @@ input[type="checkbox"] { // Quick utility class for applying `.input-lg` and `.input-sm` styles to the // inputs and labels within a `.form-group`. .form-group-lg { - @media (min-width: $screen-sm-min) { + @media (min-width: @screen-sm-min) { .control-label { - padding-top: (($padding-large-vertical * $line-height-large) + 1); + padding-top: ((@padding-large-vertical * @line-height-large) + 1); } } - .form-control { - @extend .input-lg; - } } .form-group-sm { - @media (min-width: $screen-sm-min) { + @media (min-width: @screen-sm-min) { .control-label { - padding-top: ($padding-small-vertical + 1); + padding-top: (@padding-small-vertical + 1); } } - .form-control { - @extend .input-sm; - } } } diff --git a/assets/css/lib/bootstrap/_glyphicons.scss b/assets/css/bootstrap-3.3.2/glyphicons.less index 0f6ad34..8b25f89 100644 --- a/assets/css/lib/bootstrap/_glyphicons.scss +++ b/assets/css/bootstrap-3.3.2/glyphicons.less @@ -1,7 +1,3 @@ -//= depend_on "bootstrap/glyphicons-halflings-regular.eot" -//= depend_on "bootstrap/glyphicons-halflings-regular.svg" -//= depend_on "bootstrap/glyphicons-halflings-regular.ttf" -//= depend_on "bootstrap/glyphicons-halflings-regular.woff" // // Glyphicons for Bootstrap // @@ -14,11 +10,12 @@ // Import the fonts @font-face { font-family: 'Glyphicons Halflings'; - src: url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.eot'), '#{$icon-font-path}#{$icon-font-name}.eot')); - src: url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.eot?#iefix'), '#{$icon-font-path}#{$icon-font-name}.eot?#iefix')) format('embedded-opentype'), - url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.woff'), '#{$icon-font-path}#{$icon-font-name}.woff')) format('woff'), - url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.ttf'), '#{$icon-font-path}#{$icon-font-name}.ttf')) format('truetype'), - url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.svg##{$icon-font-svg-id}'), '#{$icon-font-path}#{$icon-font-name}.svg##{$icon-font-svg-id}')) format('svg'); + src: url('@{icon-font-path}@{icon-font-name}.eot'); + src: url('@{icon-font-path}@{icon-font-name}.eot?#iefix') format('embedded-opentype'), + url('@{icon-font-path}@{icon-font-name}.woff2') format('woff2'), + url('@{icon-font-path}@{icon-font-name}.woff') format('woff'), + url('@{icon-font-path}@{icon-font-name}.ttf') format('truetype'), + url('@{icon-font-path}@{icon-font-name}.svg#@{icon-font-svg-id}') format('svg'); } // Catchall baseclass @@ -37,7 +34,8 @@ // Individual icons .glyphicon-asterisk { &:before { content: "\2a"; } } .glyphicon-plus { &:before { content: "\2b"; } } -.glyphicon-euro { &:before { content: "\20ac"; } } +.glyphicon-euro, +.glyphicon-eur { &:before { content: "\20ac"; } } .glyphicon-minus { &:before { content: "\2212"; } } .glyphicon-cloud { &:before { content: "\2601"; } } .glyphicon-envelope { &:before { content: "\2709"; } } @@ -235,3 +233,69 @@ .glyphicon-cloud-upload { &:before { content: "\e198"; } } .glyphicon-tree-conifer { &:before { content: "\e199"; } } .glyphicon-tree-deciduous { &:before { content: "\e200"; } } +.glyphicon-cd { &:before { content: "\e201"; } } +.glyphicon-save-file { &:before { content: "\e202"; } } +.glyphicon-open-file { &:before { content: "\e203"; } } +.glyphicon-level-up { &:before { content: "\e204"; } } +.glyphicon-copy { &:before { content: "\e205"; } } +.glyphicon-paste { &:before { content: "\e206"; } } +// The following 2 Glyphicons are omitted for the time being because +// they currently use Unicode codepoints that are outside the +// Basic Multilingual Plane (BMP). Older buggy versions of WebKit can't handle +// non-BMP codepoints in CSS string escapes, and thus can't display these two icons. +// Notably, the bug affects some older versions of the Android Browser. +// More info: https://github.com/twbs/bootstrap/issues/10106 +// .glyphicon-door { &:before { content: "\1f6aa"; } } +// .glyphicon-key { &:before { content: "\1f511"; } } +.glyphicon-alert { &:before { content: "\e209"; } } +.glyphicon-equalizer { &:before { content: "\e210"; } } +.glyphicon-king { &:before { content: "\e211"; } } +.glyphicon-queen { &:before { content: "\e212"; } } +.glyphicon-pawn { &:before { content: "\e213"; } } +.glyphicon-bishop { &:before { content: "\e214"; } } +.glyphicon-knight { &:before { content: "\e215"; } } +.glyphicon-baby-formula { &:before { content: "\e216"; } } +.glyphicon-tent { &:before { content: "\26fa"; } } +.glyphicon-blackboard { &:before { content: "\e218"; } } +.glyphicon-bed { &:before { content: "\e219"; } } +.glyphicon-apple { &:before { content: "\f8ff"; } } +.glyphicon-erase { &:before { content: "\e221"; } } +.glyphicon-hourglass { &:before { content: "\231b"; } } +.glyphicon-lamp { &:before { content: "\e223"; } } +.glyphicon-duplicate { &:before { content: "\e224"; } } +.glyphicon-piggy-bank { &:before { content: "\e225"; } } +.glyphicon-scissors { &:before { content: "\e226"; } } +.glyphicon-bitcoin { &:before { content: "\e227"; } } +.glyphicon-yen { &:before { content: "\00a5"; } } +.glyphicon-ruble { &:before { content: "\20bd"; } } +.glyphicon-scale { &:before { content: "\e230"; } } +.glyphicon-ice-lolly { &:before { content: "\e231"; } } +.glyphicon-ice-lolly-tasted { &:before { content: "\e232"; } } +.glyphicon-education { &:before { content: "\e233"; } } +.glyphicon-option-horizontal { &:before { content: "\e234"; } } +.glyphicon-option-vertical { &:before { content: "\e235"; } } +.glyphicon-menu-hamburger { &:before { content: "\e236"; } } +.glyphicon-modal-window { &:before { content: "\e237"; } } +.glyphicon-oil { &:before { content: "\e238"; } } +.glyphicon-grain { &:before { content: "\e239"; } } +.glyphicon-sunglasses { &:before { content: "\e240"; } } +.glyphicon-text-size { &:before { content: "\e241"; } } +.glyphicon-text-color { &:before { content: "\e242"; } } +.glyphicon-text-background { &:before { content: "\e243"; } } +.glyphicon-object-align-top { &:before { content: "\e244"; } } +.glyphicon-object-align-bottom { &:before { content: "\e245"; } } +.glyphicon-object-align-horizontal{ &:before { content: "\e246"; } } +.glyphicon-object-align-left { &:before { content: "\e247"; } } +.glyphicon-object-align-vertical { &:before { content: "\e248"; } } +.glyphicon-object-align-right { &:before { content: "\e249"; } } +.glyphicon-triangle-right { &:before { content: "\e250"; } } +.glyphicon-triangle-left { &:before { content: "\e251"; } } +.glyphicon-triangle-bottom { &:before { content: "\e252"; } } +.glyphicon-triangle-top { &:before { content: "\e253"; } } +.glyphicon-console { &:before { content: "\e254"; } } +.glyphicon-superscript { &:before { content: "\e255"; } } +.glyphicon-subscript { &:before { content: "\e256"; } } +.glyphicon-menu-left { &:before { content: "\e257"; } } +.glyphicon-menu-right { &:before { content: "\e258"; } } +.glyphicon-menu-down { &:before { content: "\e259"; } } +.glyphicon-menu-up { &:before { content: "\e260"; } } diff --git a/assets/css/lib/bootstrap/_grid.scss b/assets/css/bootstrap-3.3.2/grid.less index f71f8b9..e100655 100644 --- a/assets/css/lib/bootstrap/_grid.scss +++ b/assets/css/bootstrap-3.3.2/grid.less @@ -8,16 +8,16 @@ // Set the container width, and override it for fixed navbars in media queries. .container { - @include container-fixed(); + .container-fixed(); - @media (min-width: $screen-sm-min) { - width: $container-sm; + @media (min-width: @screen-sm-min) { + width: @container-sm; } - @media (min-width: $screen-md-min) { - width: $container-md; + @media (min-width: @screen-md-min) { + width: @container-md; } - @media (min-width: $screen-lg-min) { - width: $container-lg; + @media (min-width: @screen-lg-min) { + width: @container-lg; } } @@ -28,7 +28,7 @@ // width for fluid, full width layouts. .container-fluid { - @include container-fixed(); + .container-fixed(); } @@ -37,7 +37,7 @@ // Rows contain and clear the floats of your columns. .row { - @include make-row(); + .make-row(); } @@ -45,7 +45,7 @@ // // Common styles for small and large grid columns -@include make-grid-columns(); +.make-grid-columns(); // Extra small grid @@ -53,7 +53,7 @@ // Columns, offsets, pushes, and pulls for extra small devices like // smartphones. -@include make-grid(xs); +.make-grid(xs); // Small grid @@ -61,8 +61,8 @@ // Columns, offsets, pushes, and pulls for the small device range, from phones // to tablets. -@media (min-width: $screen-sm-min) { - @include make-grid(sm); +@media (min-width: @screen-sm-min) { + .make-grid(sm); } @@ -70,8 +70,8 @@ // // Columns, offsets, pushes, and pulls for the desktop device range. -@media (min-width: $screen-md-min) { - @include make-grid(md); +@media (min-width: @screen-md-min) { + .make-grid(md); } @@ -79,6 +79,6 @@ // // Columns, offsets, pushes, and pulls for the large desktop device range. -@media (min-width: $screen-lg-min) { - @include make-grid(lg); +@media (min-width: @screen-lg-min) { + .make-grid(lg); } diff --git a/assets/css/lib/bootstrap/_input-groups.scss b/assets/css/bootstrap-3.3.2/input-groups.less index ae0e921..a8712f2 100644 --- a/assets/css/lib/bootstrap/_input-groups.scss +++ b/assets/css/bootstrap-3.3.2/input-groups.less @@ -40,12 +40,12 @@ .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { - @extend .input-lg; + .input-lg(); } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { - @extend .input-sm; + .input-sm(); } @@ -71,26 +71,26 @@ // Text input groups // ------------------------- .input-group-addon { - padding: $padding-base-vertical $padding-base-horizontal; - font-size: $font-size-base; + padding: @padding-base-vertical @padding-base-horizontal; + font-size: @font-size-base; font-weight: normal; line-height: 1; - color: $input-color; + color: @input-color; text-align: center; - background-color: $input-group-addon-bg; - border: 1px solid $input-group-addon-border-color; - border-radius: $border-radius-base; + background-color: @input-group-addon-bg; + border: 1px solid @input-group-addon-border-color; + border-radius: @border-radius-base; // Sizing &.input-sm { - padding: $padding-small-vertical $padding-small-horizontal; - font-size: $font-size-small; - border-radius: $border-radius-small; + padding: @padding-small-vertical @padding-small-horizontal; + font-size: @font-size-small; + border-radius: @border-radius-small; } &.input-lg { - padding: $padding-large-vertical $padding-large-horizontal; - font-size: $font-size-large; - border-radius: $border-radius-large; + padding: @padding-large-vertical @padding-large-horizontal; + font-size: @font-size-large; + border-radius: @border-radius-large; } // Nuke default margins from checkboxes and radios to vertically center within. @@ -108,7 +108,7 @@ .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { - @include border-right-radius(0); + .border-right-radius(0); } .input-group-addon:first-child { border-right: 0; @@ -120,7 +120,7 @@ .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { - @include border-left-radius(0); + .border-left-radius(0); } .input-group-addon:last-child { border-left: 0; diff --git a/assets/css/bootstrap-3.3.2/jumbotron.less b/assets/css/bootstrap-3.3.2/jumbotron.less new file mode 100644 index 0000000..d641023 --- /dev/null +++ b/assets/css/bootstrap-3.3.2/jumbotron.less @@ -0,0 +1,50 @@ +// +// Jumbotron +// -------------------------------------------------- + + +.jumbotron { + padding: @jumbotron-padding (@jumbotron-padding / 2); + margin-bottom: @jumbotron-padding; + color: @jumbotron-color; + background-color: @jumbotron-bg; + + h1, + .h1 { + color: @jumbotron-heading-color; + } + + p { + margin-bottom: (@jumbotron-padding / 2); + font-size: @jumbotron-font-size; + font-weight: 200; + } + + > hr { + border-top-color: darken(@jumbotron-bg, 10%); + } + + .container &, + .container-fluid & { + border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container + } + + .container { + max-width: 100%; + } + + @media screen and (min-width: @screen-sm-min) { + padding: (@jumbotron-padding * 1.6) 0; + + .container &, + .container-fluid & { + padding-left: (@jumbotron-padding * 2); + padding-right: (@jumbotron-padding * 2); + } + + h1, + .h1 { + font-size: (@font-size-base * 4.5); + } + } +} diff --git a/assets/css/lib/bootstrap/_labels.scss b/assets/css/bootstrap-3.3.2/labels.less index 42ed6ea..9a5a270 100644 --- a/assets/css/lib/bootstrap/_labels.scss +++ b/assets/css/bootstrap-3.3.2/labels.less @@ -8,13 +8,21 @@ font-size: 75%; font-weight: bold; line-height: 1; - color: $label-color; + color: @label-color; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; - // [converter] extracted a& to a.label + // Add hover effects, but only for links + a& { + &:hover, + &:focus { + color: @label-link-hover-color; + text-decoration: none; + cursor: pointer; + } + } // Empty labels collapse automatically (not available in IE8) &:empty { @@ -28,39 +36,29 @@ } } -// Add hover effects, but only for links -a.label { - &:hover, - &:focus { - color: $label-link-hover-color; - text-decoration: none; - cursor: pointer; - } -} - // Colors // Contextual variations (linked labels get darker on :hover) .label-default { - @include label-variant($label-default-bg); + .label-variant(@label-default-bg); } .label-primary { - @include label-variant($label-primary-bg); + .label-variant(@label-primary-bg); } .label-success { - @include label-variant($label-success-bg); + .label-variant(@label-success-bg); } .label-info { - @include label-variant($label-info-bg); + .label-variant(@label-info-bg); } .label-warning { - @include label-variant($label-warning-bg); + .label-variant(@label-warning-bg); } .label-danger { - @include label-variant($label-danger-bg); + .label-variant(@label-danger-bg); } diff --git a/assets/css/lib/bootstrap/_list-group.scss b/assets/css/bootstrap-3.3.2/list-group.less index 36c297c..1462ce1 100644 --- a/assets/css/lib/bootstrap/_list-group.scss +++ b/assets/css/bootstrap-3.3.2/list-group.less @@ -24,24 +24,16 @@ padding: 10px 15px; // Place the border on the list items and negative margin up for better styling margin-bottom: -1px; - background-color: $list-group-bg; - border: 1px solid $list-group-border; + background-color: @list-group-bg; + border: 1px solid @list-group-border; // Round the first and last items &:first-child { - @include border-top-radius($list-group-border-radius); + .border-top-radius(@list-group-border-radius); } &:last-child { margin-bottom: 0; - @include border-bottom-radius($list-group-border-radius); - } - - // Align badges within list items - > .badge { - float: right; - } - > .badge + .badge { - margin-right: 5px; + .border-bottom-radius(@list-group-border-radius); } } @@ -52,18 +44,18 @@ // Includes an extra `.active` modifier class for showing selected items. a.list-group-item { - color: $list-group-link-color; + color: @list-group-link-color; .list-group-item-heading { - color: $list-group-link-heading-color; + color: @list-group-link-heading-color; } // Hover state &:hover, &:focus { text-decoration: none; - color: $list-group-link-hover-color; - background-color: $list-group-hover-bg; + color: @list-group-link-hover-color; + background-color: @list-group-hover-bg; } } @@ -72,15 +64,16 @@ a.list-group-item { &.disabled, &.disabled:hover, &.disabled:focus { - background-color: $list-group-disabled-bg; - color: $list-group-disabled-color; + background-color: @list-group-disabled-bg; + color: @list-group-disabled-color; + cursor: @cursor-disabled; // Force color to inherit for custom content .list-group-item-heading { color: inherit; } .list-group-item-text { - color: $list-group-disabled-text-color; + color: @list-group-disabled-text-color; } } @@ -89,9 +82,9 @@ a.list-group-item { &.active:hover, &.active:focus { z-index: 2; // Place active items above their siblings for proper border styling - color: $list-group-active-color; - background-color: $list-group-active-bg; - border-color: $list-group-active-border; + color: @list-group-active-color; + background-color: @list-group-active-bg; + border-color: @list-group-active-border; // Force color to inherit for custom content .list-group-item-heading, @@ -100,7 +93,7 @@ a.list-group-item { color: inherit; } .list-group-item-text { - color: $list-group-active-text-color; + color: @list-group-active-text-color; } } } @@ -111,10 +104,10 @@ a.list-group-item { // Add modifier classes to change text and background color on individual items. // Organizationally, this must come after the `:hover` states. -@include list-group-item-variant(success, $state-success-bg, $state-success-text); -@include list-group-item-variant(info, $state-info-bg, $state-info-text); -@include list-group-item-variant(warning, $state-warning-bg, $state-warning-text); -@include list-group-item-variant(danger, $state-danger-bg, $state-danger-text); +.list-group-item-variant(success; @state-success-bg; @state-success-text); +.list-group-item-variant(info; @state-info-bg; @state-info-text); +.list-group-item-variant(warning; @state-warning-bg; @state-warning-text); +.list-group-item-variant(danger; @state-danger-bg; @state-danger-text); // Custom content options diff --git a/assets/css/bootstrap-3.3.2/media.less b/assets/css/bootstrap-3.3.2/media.less new file mode 100644 index 0000000..a6bf781 --- /dev/null +++ b/assets/css/bootstrap-3.3.2/media.less @@ -0,0 +1,61 @@ +.media { + // Proper spacing between instances of .media + margin-top: 15px; + + &:first-child { + margin-top: 0; + } +} + +.media, +.media-body { + zoom: 1; + overflow: hidden; +} + +.media-body { + width: 10000px; +} + +.media-object { + display: block; +} + +.media-right, +.media > .pull-right { + padding-left: 10px; +} + +.media-left, +.media > .pull-left { + padding-right: 10px; +} + +.media-left, +.media-right, +.media-body { + display: table-cell; + vertical-align: top; +} + +.media-middle { + vertical-align: middle; +} + +.media-bottom { + vertical-align: bottom; +} + +// Reset margins on headings for tighter default spacing +.media-heading { + margin-top: 0; + margin-bottom: 5px; +} + +// Media list variation +// +// Undo default ul/ol styles +.media-list { + padding-left: 0; + list-style: none; +} diff --git a/assets/css/bootstrap-3.3.2/mixins.less b/assets/css/bootstrap-3.3.2/mixins.less new file mode 100644 index 0000000..af4408f --- /dev/null +++ b/assets/css/bootstrap-3.3.2/mixins.less @@ -0,0 +1,39 @@ +// Mixins +// -------------------------------------------------- + +// Utilities +@import "mixins/hide-text.less"; +@import "mixins/opacity.less"; +@import "mixins/image.less"; +@import "mixins/labels.less"; +@import "mixins/reset-filter.less"; +@import "mixins/resize.less"; +@import "mixins/responsive-visibility.less"; +@import "mixins/size.less"; +@import "mixins/tab-focus.less"; +@import "mixins/text-emphasis.less"; +@import "mixins/text-overflow.less"; +@import "mixins/vendor-prefixes.less"; + +// Components +@import "mixins/alerts.less"; +@import "mixins/buttons.less"; +@import "mixins/panels.less"; +@import "mixins/pagination.less"; +@import "mixins/list-group.less"; +@import "mixins/nav-divider.less"; +@import "mixins/forms.less"; +@import "mixins/progress-bar.less"; +@import "mixins/table-row.less"; + +// Skins +@import "mixins/background-variant.less"; +@import "mixins/border-radius.less"; +@import "mixins/gradients.less"; + +// Layout +@import "mixins/clearfix.less"; +@import "mixins/center-block.less"; +@import "mixins/nav-vertical-align.less"; +@import "mixins/grid-framework.less"; +@import "mixins/grid.less"; diff --git a/assets/css/bootstrap-3.3.2/mixins/alerts.less b/assets/css/bootstrap-3.3.2/mixins/alerts.less new file mode 100644 index 0000000..396196f --- /dev/null +++ b/assets/css/bootstrap-3.3.2/mixins/alerts.less @@ -0,0 +1,14 @@ +// Alerts + +.alert-variant(@background; @border; @text-color) { + background-color: @background; + border-color: @border; + color: @text-color; + + hr { + border-top-color: darken(@border, 5%); + } + .alert-link { + color: darken(@text-color, 10%); + } +} diff --git a/assets/css/bootstrap-3.3.2/mixins/background-variant.less b/assets/css/bootstrap-3.3.2/mixins/background-variant.less new file mode 100644 index 0000000..556e490 --- /dev/null +++ b/assets/css/bootstrap-3.3.2/mixins/background-variant.less @@ -0,0 +1,8 @@ +// Contextual backgrounds + +.bg-variant(@color) { + background-color: @color; + a&:hover { + background-color: darken(@color, 10%); + } +} diff --git a/assets/css/bootstrap-3.3.2/mixins/border-radius.less b/assets/css/bootstrap-3.3.2/mixins/border-radius.less new file mode 100644 index 0000000..ca05dbf --- /dev/null +++ b/assets/css/bootstrap-3.3.2/mixins/border-radius.less @@ -0,0 +1,18 @@ +// Single side border-radius + +.border-top-radius(@radius) { + border-top-right-radius: @radius; + border-top-left-radius: @radius; +} +.border-right-radius(@radius) { + border-bottom-right-radius: @radius; + border-top-right-radius: @radius; +} +.border-bottom-radius(@radius) { + border-bottom-right-radius: @radius; + border-bottom-left-radius: @radius; +} +.border-left-radius(@radius) { + border-bottom-left-radius: @radius; + border-top-left-radius: @radius; +} diff --git a/assets/css/bootstrap-3.3.2/mixins/buttons.less b/assets/css/bootstrap-3.3.2/mixins/buttons.less new file mode 100644 index 0000000..92d8a05 --- /dev/null +++ b/assets/css/bootstrap-3.3.2/mixins/buttons.less @@ -0,0 +1,52 @@ +// Button variants +// +// Easily pump out default styles, as well as :hover, :focus, :active, +// and disabled options for all buttons + +.button-variant(@color; @background; @border) { + color: @color; + background-color: @background; + border-color: @border; + + &:hover, + &:focus, + &.focus, + &:active, + &.active, + .open > .dropdown-toggle& { + color: @color; + background-color: darken(@background, 10%); + border-color: darken(@border, 12%); + } + &:active, + &.active, + .open > .dropdown-toggle& { + background-image: none; + } + &.disabled, + &[disabled], + fieldset[disabled] & { + &, + &:hover, + &:focus, + &.focus, + &:active, + &.active { + background-color: @background; + border-color: @border; + } + } + + .badge { + color: @background; + background-color: @color; + } +} + +// Button sizes +.button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) { + padding: @padding-vertical @padding-horizontal; + font-size: @font-size; + line-height: @line-height; + border-radius: @border-radius; +} diff --git a/assets/css/lib/bootstrap/mixins/_center-block.scss b/assets/css/bootstrap-3.3.2/mixins/center-block.less index e06fb5e..d18d6de 100644 --- a/assets/css/lib/bootstrap/mixins/_center-block.scss +++ b/assets/css/bootstrap-3.3.2/mixins/center-block.less @@ -1,6 +1,6 @@ // Center-align a block level element -@mixin center-block() { +.center-block() { display: block; margin-left: auto; margin-right: auto; diff --git a/assets/css/lib/bootstrap/mixins/_clearfix.scss b/assets/css/bootstrap-3.3.2/mixins/clearfix.less index dc3e2ab..3f7a382 100644 --- a/assets/css/lib/bootstrap/mixins/_clearfix.scss +++ b/assets/css/bootstrap-3.3.2/mixins/clearfix.less @@ -10,7 +10,7 @@ // // Source: http://nicolasgallagher.com/micro-clearfix-hack/ -@mixin clearfix() { +.clearfix() { &:before, &:after { content: " "; // 1 diff --git a/assets/css/lib/bootstrap/mixins/_forms.scss b/assets/css/bootstrap-3.3.2/mixins/forms.less index ff72f0e..6f55ed9 100644 --- a/assets/css/lib/bootstrap/mixins/_forms.scss +++ b/assets/css/bootstrap-3.3.2/mixins/forms.less @@ -3,35 +3,39 @@ // Used in forms.less to generate the form validation CSS for warnings, errors, // and successes. -@mixin form-control-validation($text-color: #555, $border-color: #ccc, $background-color: #f5f5f5) { +.form-control-validation(@text-color: #555; @border-color: #ccc; @background-color: #f5f5f5) { // Color the label and help text .help-block, .control-label, .radio, .checkbox, .radio-inline, - .checkbox-inline { - color: $text-color; + .checkbox-inline, + &.radio label, + &.checkbox label, + &.radio-inline label, + &.checkbox-inline label { + color: @text-color; } // Set the border and box shadow on specific inputs to match .form-control { - border-color: $border-color; - @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work + border-color: @border-color; + .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work &:focus { - border-color: darken($border-color, 10%); - $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($border-color, 20%); - @include box-shadow($shadow); + border-color: darken(@border-color, 10%); + @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%); + .box-shadow(@shadow); } } // Set validation states also for addons .input-group-addon { - color: $text-color; - border-color: $border-color; - background-color: $background-color; + color: @text-color; + border-color: @border-color; + background-color: @background-color; } // Optional feedback icon .form-control-feedback { - color: $text-color; + color: @text-color; } } @@ -39,7 +43,7 @@ // Form control focus state // // Generate a customized focus state and for any input with the specified color, -// which defaults to the `$input-border-focus` variable. +// which defaults to the `@input-border-focus` variable. // // We highly encourage you to not customize the default value, but instead use // this to tweak colors on an as-needed basis. This aesthetic change is based on @@ -48,12 +52,12 @@ // // Example usage: change the default blue border and shadow to white for better // contrast against a dark gray background. -@mixin form-control-focus($color: $input-border-focus) { - $color-rgba: rgba(red($color), green($color), blue($color), .6); +.form-control-focus(@color: @input-border-focus) { + @color-rgba: rgba(red(@color), green(@color), blue(@color), .6); &:focus { - border-color: $color; + border-color: @color; outline: 0; - @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px $color-rgba); + .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}"); } } @@ -62,23 +66,20 @@ // Relative text size, padding, and border-radii changes for form controls. For // horizontal sizing, wrap controls in the predefined grid classes. `<select>` // element gets special love because it's special, and that's a fact! -// [converter] $parent hack -@mixin input-size($parent, $input-height, $padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) { - #{$parent} { - height: $input-height; - padding: $padding-vertical $padding-horizontal; - font-size: $font-size; - line-height: $line-height; - border-radius: $border-radius; - } +.input-size(@input-height; @padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) { + height: @input-height; + padding: @padding-vertical @padding-horizontal; + font-size: @font-size; + line-height: @line-height; + border-radius: @border-radius; - select#{$parent} { - height: $input-height; - line-height: $input-height; + select& { + height: @input-height; + line-height: @input-height; } - textarea#{$parent}, - select[multiple]#{$parent} { + textarea&, + select[multiple]& { height: auto; } } diff --git a/assets/css/bootstrap-3.3.2/mixins/gradients.less b/assets/css/bootstrap-3.3.2/mixins/gradients.less new file mode 100644 index 0000000..0b88a89 --- /dev/null +++ b/assets/css/bootstrap-3.3.2/mixins/gradients.less @@ -0,0 +1,59 @@ +// Gradients + +#gradient { + + // Horizontal gradient, from left to right + // + // Creates two color stops, start and end, by specifying a color and position for each color stop. + // Color stops are not available in IE9 and below. + .horizontal(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) { + background-image: -webkit-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+ + background-image: -o-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Opera 12 + background-image: linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ + background-repeat: repeat-x; + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down + } + + // Vertical gradient, from top to bottom + // + // Creates two color stops, start and end, by specifying a color and position for each color stop. + // Color stops are not available in IE9 and below. + .vertical(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) { + background-image: -webkit-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+ + background-image: -o-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Opera 12 + background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ + background-repeat: repeat-x; + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down + } + + .directional(@start-color: #555; @end-color: #333; @deg: 45deg) { + background-repeat: repeat-x; + background-image: -webkit-linear-gradient(@deg, @start-color, @end-color); // Safari 5.1-6, Chrome 10+ + background-image: -o-linear-gradient(@deg, @start-color, @end-color); // Opera 12 + background-image: linear-gradient(@deg, @start-color, @end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ + } + .horizontal-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) { + background-image: -webkit-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color); + background-image: -o-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color); + background-image: linear-gradient(to right, @start-color, @mid-color @color-stop, @end-color); + background-repeat: no-repeat; + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback + } + .vertical-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) { + background-image: -webkit-linear-gradient(@start-color, @mid-color @color-stop, @end-color); + background-image: -o-linear-gradient(@start-color, @mid-color @color-stop, @end-color); + background-image: linear-gradient(@start-color, @mid-color @color-stop, @end-color); + background-repeat: no-repeat; + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback + } + .radial(@inner-color: #555; @outer-color: #333) { + background-image: -webkit-radial-gradient(circle, @inner-color, @outer-color); + background-image: radial-gradient(circle, @inner-color, @outer-color); + background-repeat: no-repeat; + } + .striped(@color: rgba(255,255,255,.15); @angle: 45deg) { + background-image: -webkit-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent); + background-image: linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent); + } +} diff --git a/assets/css/bootstrap-3.3.2/mixins/grid-framework.less b/assets/css/bootstrap-3.3.2/mixins/grid-framework.less new file mode 100644 index 0000000..f3b3929 --- /dev/null +++ b/assets/css/bootstrap-3.3.2/mixins/grid-framework.less @@ -0,0 +1,91 @@ +// Framework grid generation +// +// Used only by Bootstrap to generate the correct number of grid classes given +// any value of `@grid-columns`. + +.make-grid-columns() { + // Common styles for all sizes of grid columns, widths 1-12 + .col(@index) { // initial + @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}"; + .col((@index + 1), @item); + } + .col(@index, @list) when (@index =< @grid-columns) { // general; "=<" isn't a typo + @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}"; + .col((@index + 1), ~"@{list}, @{item}"); + } + .col(@index, @list) when (@index > @grid-columns) { // terminal + @{list} { + position: relative; + // Prevent columns from collapsing when empty + min-height: 1px; + // Inner gutter via padding + padding-left: (@grid-gutter-width / 2); + padding-right: (@grid-gutter-width / 2); + } + } + .col(1); // kickstart it +} + +.float-grid-columns(@class) { + .col(@index) { // initial + @item: ~".col-@{class}-@{index}"; + .col((@index + 1), @item); + } + .col(@index, @list) when (@index =< @grid-columns) { // general + @item: ~".col-@{class}-@{index}"; + .col((@index + 1), ~"@{list}, @{item}"); + } + .col(@index, @list) when (@index > @grid-columns) { // terminal + @{list} { + float: left; + } + } + .col(1); // kickstart it +} + +.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) { + .col-@{class}-@{index} { + width: percentage((@index / @grid-columns)); + } +} +.calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) { + .col-@{class}-push-@{index} { + left: percentage((@index / @grid-columns)); + } +} +.calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) { + .col-@{class}-push-0 { + left: auto; + } +} +.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) { + .col-@{class}-pull-@{index} { + right: percentage((@index / @grid-columns)); + } +} +.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) { + .col-@{class}-pull-0 { + right: auto; + } +} +.calc-grid-column(@index, @class, @type) when (@type = offset) { + .col-@{class}-offset-@{index} { + margin-left: percentage((@index / @grid-columns)); + } +} + +// Basic looping in LESS +.loop-grid-columns(@index, @class, @type) when (@index >= 0) { + .calc-grid-column(@index, @class, @type); + // next iteration + .loop-grid-columns((@index - 1), @class, @type); +} + +// Create grid for specific class +.make-grid(@class) { + .float-grid-columns(@class); + .loop-grid-columns(@grid-columns, @class, width); + .loop-grid-columns(@grid-columns, @class, pull); + .loop-grid-columns(@grid-columns, @class, push); + .loop-grid-columns(@grid-columns, @class, offset); +} diff --git a/assets/css/bootstrap-3.3.2/mixins/grid.less b/assets/css/bootstrap-3.3.2/mixins/grid.less new file mode 100644 index 0000000..cae5eaf --- /dev/null +++ b/assets/css/bootstrap-3.3.2/mixins/grid.less @@ -0,0 +1,122 @@ +// Grid system +// +// Generate semantic grid columns with these mixins. + +// Centered container element +.container-fixed(@gutter: @grid-gutter-width) { + margin-right: auto; + margin-left: auto; + padding-left: (@gutter / 2); + padding-right: (@gutter / 2); + &:extend(.clearfix all); +} + +// Creates a wrapper for a series of columns +.make-row(@gutter: @grid-gutter-width) { + margin-left: (@gutter / -2); + margin-right: (@gutter / -2); + &:extend(.clearfix all); +} + +// Generate the extra small columns +.make-xs-column(@columns; @gutter: @grid-gutter-width) { + position: relative; + float: left; + width: percentage((@columns / @grid-columns)); + min-height: 1px; + padding-left: (@gutter / 2); + padding-right: (@gutter / 2); +} +.make-xs-column-offset(@columns) { + margin-left: percentage((@columns / @grid-columns)); +} +.make-xs-column-push(@columns) { + left: percentage((@columns / @grid-columns)); +} +.make-xs-column-pull(@columns) { + right: percentage((@columns / @grid-columns)); +} + +// Generate the small columns +.make-sm-column(@columns; @gutter: @grid-gutter-width) { + position: relative; + min-height: 1px; + padding-left: (@gutter / 2); + padding-right: (@gutter / 2); + + @media (min-width: @screen-sm-min) { + float: left; + width: percentage((@columns / @grid-columns)); + } +} +.make-sm-column-offset(@columns) { + @media (min-width: @screen-sm-min) { + margin-left: percentage((@columns / @grid-columns)); + } +} +.make-sm-column-push(@columns) { + @media (min-width: @screen-sm-min) { + left: percentage((@columns / @grid-columns)); + } +} +.make-sm-column-pull(@columns) { + @media (min-width: @screen-sm-min) { + right: percentage((@columns / @grid-columns)); + } +} + +// Generate the medium columns +.make-md-column(@columns; @gutter: @grid-gutter-width) { + position: relative; + min-height: 1px; + padding-left: (@gutter / 2); + padding-right: (@gutter / 2); + + @media (min-width: @screen-md-min) { + float: left; + width: percentage((@columns / @grid-columns)); + } +} +.make-md-column-offset(@columns) { + @media (min-width: @screen-md-min) { + margin-left: percentage((@columns / @grid-columns)); + } +} +.make-md-column-push(@columns) { + @media (min-width: @screen-md-min) { + left: percentage((@columns / @grid-columns)); + } +} +.make-md-column-pull(@columns) { + @media (min-width: @screen-md-min) { + right: percentage((@columns / @grid-columns)); + } +} + +// Generate the large columns +.make-lg-column(@columns; @gutter: @grid-gutter-width) { + position: relative; + min-height: 1px; + padding-left: (@gutter / 2); + padding-right: (@gutter / 2); + + @media (min-width: @screen-lg-min) { + float: left; + width: percentage((@columns / @grid-columns)); + } +} +.make-lg-column-offset(@columns) { + @media (min-width: @screen-lg-min) { + margin-left: percentage((@columns / @grid-columns)); + } +} +.make-lg-column-push(@columns) { + @media (min-width: @screen-lg-min) { + left: percentage((@columns / @grid-columns)); + } +} +.make-lg-column-pull(@columns) { + @media (min-width: @screen-lg-min) { + right: percentage((@columns / @grid-columns)); + } +} diff --git a/assets/css/lib/bootstrap/mixins/_hide-text.scss b/assets/css/bootstrap-3.3.2/mixins/hide-text.less index 5e06972..c2315e5 100644 --- a/assets/css/lib/bootstrap/mixins/_hide-text.scss +++ b/assets/css/bootstrap-3.3.2/mixins/hide-text.less @@ -7,8 +7,8 @@ // Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 // Deprecated as of v3.0.1 (will be removed in v4) -@mixin hide-text() { - font: #{0/0} a; +.hide-text() { + font: ~"0/0" a; color: transparent; text-shadow: none; background-color: transparent; @@ -16,6 +16,6 @@ } // New mixin to use as of v3.0.1 -@mixin text-hide() { - @include hide-text(); +.text-hide() { + .hide-text(); } diff --git a/assets/css/lib/bootstrap/mixins/_image.scss b/assets/css/bootstrap-3.3.2/mixins/image.less index 57d60a3..f233cb3 100644 --- a/assets/css/lib/bootstrap/mixins/_image.scss +++ b/assets/css/bootstrap-3.3.2/mixins/image.less @@ -6,9 +6,8 @@ // Responsive image // // Keep images from scaling beyond the width of their parents. -@mixin img-responsive($display: block) { - display: $display; - width: 100% \9; // Force IE10 and below to size SVG images correctly +.img-responsive(@display: block) { + display: @display; max-width: 100%; // Part 1: Set a maximum relative to the parent height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching } @@ -18,8 +17,8 @@ // // Short retina mixin for setting background-image and -size. Note that the // spelling of `min--moz-device-pixel-ratio` is intentional. -@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) { - background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-1x}"), "#{$file-1x}")); +.img-retina(@file-1x; @file-2x; @width-1x; @height-1x) { + background-image: url("@{file-1x}"); @media only screen and (-webkit-min-device-pixel-ratio: 2), @@ -28,7 +27,7 @@ only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { - background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-2x}"), "#{$file-2x}")); - background-size: $width-1x $height-1x; + background-image: url("@{file-2x}"); + background-size: @width-1x @height-1x; } } diff --git a/assets/css/bootstrap-3.3.2/mixins/labels.less b/assets/css/bootstrap-3.3.2/mixins/labels.less new file mode 100644 index 0000000..9f7a67e --- /dev/null +++ b/assets/css/bootstrap-3.3.2/mixins/labels.less @@ -0,0 +1,12 @@ +// Labels + +.label-variant(@color) { + background-color: @color; + + &[href] { + &:hover, + &:focus { + background-color: darken(@color, 10%); + } + } +} diff --git a/assets/css/bootstrap-3.3.2/mixins/list-group.less b/assets/css/bootstrap-3.3.2/mixins/list-group.less new file mode 100644 index 0000000..8b5b065 --- /dev/null +++ b/assets/css/bootstrap-3.3.2/mixins/list-group.less @@ -0,0 +1,29 @@ +// List Groups + +.list-group-item-variant(@state; @background; @color) { + .list-group-item-@{state} { + color: @color; + background-color: @background; + + a& { + color: @color; + + .list-group-item-heading { + color: inherit; + } + + &:hover, + &:focus { + color: @color; + background-color: darken(@background, 5%); + } + &.active, + &.active:hover, + &.active:focus { + color: #fff; + background-color: @color; + border-color: @color; + } + } + } +} diff --git a/assets/css/lib/bootstrap/mixins/_nav-divider.scss b/assets/css/bootstrap-3.3.2/mixins/nav-divider.less index 2e6da02..feb1e9e 100644 --- a/assets/css/lib/bootstrap/mixins/_nav-divider.scss +++ b/assets/css/bootstrap-3.3.2/mixins/nav-divider.less @@ -2,9 +2,9 @@ // // Dividers (basically an hr) within dropdowns and nav lists -@mixin nav-divider($color: #e5e5e5) { +.nav-divider(@color: #e5e5e5) { height: 1px; - margin: (($line-height-computed / 2) - 1) 0; + margin: ((@line-height-computed / 2) - 1) 0; overflow: hidden; - background-color: $color; + background-color: @color; } diff --git a/assets/css/lib/bootstrap/mixins/_nav-vertical-align.scss b/assets/css/bootstrap-3.3.2/mixins/nav-vertical-align.less index c8fbf1a..d458c78 100644 --- a/assets/css/lib/bootstrap/mixins/_nav-vertical-align.scss +++ b/assets/css/bootstrap-3.3.2/mixins/nav-vertical-align.less @@ -3,7 +3,7 @@ // Vertically center elements in the navbar. // Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin. -@mixin navbar-vertical-align($element-height) { - margin-top: (($navbar-height - $element-height) / 2); - margin-bottom: (($navbar-height - $element-height) / 2); +.navbar-vertical-align(@element-height) { + margin-top: ((@navbar-height - @element-height) / 2); + margin-bottom: ((@navbar-height - @element-height) / 2); } diff --git a/assets/css/bootstrap-3.3.2/mixins/opacity.less b/assets/css/bootstrap-3.3.2/mixins/opacity.less new file mode 100644 index 0000000..33ed25c --- /dev/null +++ b/assets/css/bootstrap-3.3.2/mixins/opacity.less @@ -0,0 +1,8 @@ +// Opacity + +.opacity(@opacity) { + opacity: @opacity; + // IE8 filter + @opacity-ie: (@opacity * 100); + filter: ~"alpha(opacity=@{opacity-ie})"; +} diff --git a/assets/css/bootstrap-3.3.2/mixins/pagination.less b/assets/css/bootstrap-3.3.2/mixins/pagination.less new file mode 100644 index 0000000..7deb505 --- /dev/null +++ b/assets/css/bootstrap-3.3.2/mixins/pagination.less @@ -0,0 +1,23 @@ +// Pagination + +.pagination-size(@padding-vertical; @padding-horizontal; @font-size; @border-radius) { + > li { + > a, + > span { + padding: @padding-vertical @padding-horizontal; + font-size: @font-size; + } + &:first-child { + > a, + > span { + .border-left-radius(@border-radius); + } + } + &:last-child { + > a, + > span { + .border-right-radius(@border-radius); + } + } + } +} diff --git a/assets/css/bootstrap-3.3.2/mixins/panels.less b/assets/css/bootstrap-3.3.2/mixins/panels.less new file mode 100644 index 0000000..49ee10d --- /dev/null +++ b/assets/css/bootstrap-3.3.2/mixins/panels.less @@ -0,0 +1,24 @@ +// Panels + +.panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border) { + border-color: @border; + + & > .panel-heading { + color: @heading-text-color; + background-color: @heading-bg-color; + border-color: @heading-border; + + + .panel-collapse > .panel-body { + border-top-color: @border; + } + .badge { + color: @heading-bg-color; + background-color: @heading-text-color; + } + } + & > .panel-footer { + + .panel-collapse > .panel-body { + border-bottom-color: @border; + } + } +} diff --git a/assets/css/lib/bootstrap/mixins/_progress-bar.scss b/assets/css/bootstrap-3.3.2/mixins/progress-bar.less index 3275ea3..f07996a 100644 --- a/assets/css/lib/bootstrap/mixins/_progress-bar.scss +++ b/assets/css/bootstrap-3.3.2/mixins/progress-bar.less @@ -1,10 +1,10 @@ // Progress bars -@mixin progress-bar-variant($color) { - background-color: $color; +.progress-bar-variant(@color) { + background-color: @color; // Deprecated parent class requirement as of v3.2.0 .progress-striped & { - @include gradient-striped(); + #gradient > .striped(); } } diff --git a/assets/css/lib/bootstrap/mixins/_reset-filter.scss b/assets/css/bootstrap-3.3.2/mixins/reset-filter.less index bf73051..68cdb5e 100644 --- a/assets/css/lib/bootstrap/mixins/_reset-filter.scss +++ b/assets/css/bootstrap-3.3.2/mixins/reset-filter.less @@ -3,6 +3,6 @@ // When you need to remove a gradient background, do not forget to use this to reset // the IE filter for IE9 and below. -@mixin reset-filter() { - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.reset-filter() { + filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)")); } diff --git a/assets/css/lib/bootstrap/mixins/_resize.scss b/assets/css/bootstrap-3.3.2/mixins/resize.less index 83fa637..3acd3af 100644 --- a/assets/css/lib/bootstrap/mixins/_resize.scss +++ b/assets/css/bootstrap-3.3.2/mixins/resize.less @@ -1,6 +1,6 @@ // Resize anything -@mixin resizable($direction) { - resize: $direction; // Options: horizontal, vertical, both +.resizable(@direction) { + resize: @direction; // Options: horizontal, vertical, both overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible` } diff --git a/assets/css/bootstrap-3.3.2/mixins/responsive-visibility.less b/assets/css/bootstrap-3.3.2/mixins/responsive-visibility.less new file mode 100644 index 0000000..f7951c3 --- /dev/null +++ b/assets/css/bootstrap-3.3.2/mixins/responsive-visibility.less @@ -0,0 +1,15 @@ +// Responsive utilities + +// +// More easily include all the states for responsive-utilities.less. +.responsive-visibility() { + display: block !important; + table& { display: table; } + tr& { display: table-row !important; } + th&, + td& { display: table-cell !important; } +} + +.responsive-invisibility() { + display: none !important; +} diff --git a/assets/css/bootstrap-3.3.2/mixins/size.less b/assets/css/bootstrap-3.3.2/mixins/size.less new file mode 100644 index 0000000..a8be650 --- /dev/null +++ b/assets/css/bootstrap-3.3.2/mixins/size.less @@ -0,0 +1,10 @@ +// Sizing shortcuts + +.size(@width; @height) { + width: @width; + height: @height; +} + +.square(@size) { + .size(@size; @size); +} diff --git a/assets/css/lib/bootstrap/mixins/_tab-focus.scss b/assets/css/bootstrap-3.3.2/mixins/tab-focus.less index 7df0ae7..1f1f05a 100644 --- a/assets/css/lib/bootstrap/mixins/_tab-focus.scss +++ b/assets/css/bootstrap-3.3.2/mixins/tab-focus.less @@ -1,6 +1,6 @@ // WebKit-style focus -@mixin tab-focus() { +.tab-focus() { // Default outline: thin dotted; // WebKit diff --git a/assets/css/lib/bootstrap/mixins/_table-row.scss b/assets/css/bootstrap-3.3.2/mixins/table-row.less index 1367950..0f287f1 100644 --- a/assets/css/lib/bootstrap/mixins/_table-row.scss +++ b/assets/css/bootstrap-3.3.2/mixins/table-row.less @@ -1,28 +1,28 @@ // Tables -@mixin table-row-variant($state, $background) { +.table-row-variant(@state; @background) { // Exact selectors below required to override `.table-striped` and prevent // inheritance to nested tables. .table > thead > tr, .table > tbody > tr, .table > tfoot > tr { - > td.#{$state}, - > th.#{$state}, - &.#{$state} > td, - &.#{$state} > th { - background-color: $background; + > td.@{state}, + > th.@{state}, + &.@{state} > td, + &.@{state} > th { + background-color: @background; } } // Hover states for `.table-hover` // Note: this is not available for cells or rows within `thead` or `tfoot`. .table-hover > tbody > tr { - > td.#{$state}:hover, - > th.#{$state}:hover, - &.#{$state}:hover > td, - &:hover > .#{$state}, - &.#{$state}:hover > th { - background-color: darken($background, 5%); + > td.@{state}:hover, + > th.@{state}:hover, + &.@{state}:hover > td, + &:hover > .@{state}, + &.@{state}:hover > th { + background-color: darken(@background, 5%); } } } diff --git a/assets/css/bootstrap-3.3.2/mixins/text-emphasis.less b/assets/css/bootstrap-3.3.2/mixins/text-emphasis.less new file mode 100644 index 0000000..0868ef9 --- /dev/null +++ b/assets/css/bootstrap-3.3.2/mixins/text-emphasis.less @@ -0,0 +1,8 @@ +// Typography + +.text-emphasis-variant(@color) { + color: @color; + a&:hover { + color: darken(@color, 10%); + } +} diff --git a/assets/css/lib/bootstrap/mixins/_text-overflow.scss b/assets/css/bootstrap-3.3.2/mixins/text-overflow.less index 1593b25..c11ad2f 100644 --- a/assets/css/lib/bootstrap/mixins/_text-overflow.scss +++ b/assets/css/bootstrap-3.3.2/mixins/text-overflow.less @@ -1,7 +1,7 @@ // Text overflow // Requires inline-block or block for proper styling -@mixin text-overflow() { +.text-overflow() { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; diff --git a/assets/css/bootstrap-3.3.2/mixins/vendor-prefixes.less b/assets/css/bootstrap-3.3.2/mixins/vendor-prefixes.less new file mode 100644 index 0000000..afd3331 --- /dev/null +++ b/assets/css/bootstrap-3.3.2/mixins/vendor-prefixes.less @@ -0,0 +1,227 @@ +// Vendor Prefixes +// +// All vendor mixins are deprecated as of v3.2.0 due to the introduction of +// Autoprefixer in our Gruntfile. They will be removed in v4. + +// - Animations +// - Backface visibility +// - Box shadow +// - Box sizing +// - Content columns +// - Hyphens +// - Placeholder text +// - Transformations +// - Transitions +// - User Select + + +// Animations +.animation(@animation) { + -webkit-animation: @animation; + -o-animation: @animation; + animation: @animation; +} +.animation-name(@name) { + -webkit-animation-name: @name; + animation-name: @name; +} +.animation-duration(@duration) { + -webkit-animation-duration: @duration; + animation-duration: @duration; +} +.animation-timing-function(@timing-function) { + -webkit-animation-timing-function: @timing-function; + animation-timing-function: @timing-function; +} +.animation-delay(@delay) { + -webkit-animation-delay: @delay; + animation-delay: @delay; +} +.animation-iteration-count(@iteration-count) { + -webkit-animation-iteration-count: @iteration-count; + animation-iteration-count: @iteration-count; +} +.animation-direction(@direction) { + -webkit-animation-direction: @direction; + animation-direction: @direction; +} +.animation-fill-mode(@fill-mode) { + -webkit-animation-fill-mode: @fill-mode; + animation-fill-mode: @fill-mode; +} + +// Backface visibility +// Prevent browsers from flickering when using CSS 3D transforms. +// Default value is `visible`, but can be changed to `hidden` + +.backface-visibility(@visibility){ + -webkit-backface-visibility: @visibility; + -moz-backface-visibility: @visibility; + backface-visibility: @visibility; +} + +// Drop shadows +// +// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's +// supported browsers that have box shadow capabilities now support it. + +.box-shadow(@shadow) { + -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1 + box-shadow: @shadow; +} + +// Box sizing +.box-sizing(@boxmodel) { + -webkit-box-sizing: @boxmodel; + -moz-box-sizing: @boxmodel; + box-sizing: @boxmodel; +} + +// CSS3 Content Columns +.content-columns(@column-count; @column-gap: @grid-gutter-width) { + -webkit-column-count: @column-count; + -moz-column-count: @column-count; + column-count: @column-count; + -webkit-column-gap: @column-gap; + -moz-column-gap: @column-gap; + column-gap: @column-gap; +} + +// Optional hyphenation +.hyphens(@mode: auto) { + word-wrap: break-word; + -webkit-hyphens: @mode; + -moz-hyphens: @mode; + -ms-hyphens: @mode; // IE10+ + -o-hyphens: @mode; + hyphens: @mode; +} + +// Placeholder text +.placeholder(@color: @input-color-placeholder) { + // Firefox + &::-moz-placeholder { + color: @color; + opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526 + } + &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+ + &::-webkit-input-placeholder { color: @color; } // Safari and Chrome +} + +// Transformations +.scale(@ratio) { + -webkit-transform: scale(@ratio); + -ms-transform: scale(@ratio); // IE9 only + -o-transform: scale(@ratio); + transform: scale(@ratio); +} +.scale(@ratioX; @ratioY) { + -webkit-transform: scale(@ratioX, @ratioY); + -ms-transform: scale(@ratioX, @ratioY); // IE9 only + -o-transform: scale(@ratioX, @ratioY); + transform: scale(@ratioX, @ratioY); +} +.scaleX(@ratio) { + -webkit-transform: scaleX(@ratio); + -ms-transform: scaleX(@ratio); // IE9 only + -o-transform: scaleX(@ratio); + transform: scaleX(@ratio); +} +.scaleY(@ratio) { + -webkit-transform: scaleY(@ratio); + -ms-transform: scaleY(@ratio); // IE9 only + -o-transform: scaleY(@ratio); + transform: scaleY(@ratio); +} +.skew(@x; @y) { + -webkit-transform: skewX(@x) skewY(@y); + -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+ + -o-transform: skewX(@x) skewY(@y); + transform: skewX(@x) skewY(@y); +} +.translate(@x; @y) { + -webkit-transform: translate(@x, @y); + -ms-transform: translate(@x, @y); // IE9 only + -o-transform: translate(@x, @y); + transform: translate(@x, @y); +} +.translate3d(@x; @y; @z) { + -webkit-transform: translate3d(@x, @y, @z); + transform: translate3d(@x, @y, @z); +} +.rotate(@degrees) { + -webkit-transform: rotate(@degrees); + -ms-transform: rotate(@degrees); // IE9 only + -o-transform: rotate(@degrees); + transform: rotate(@degrees); +} +.rotateX(@degrees) { + -webkit-transform: rotateX(@degrees); + -ms-transform: rotateX(@degrees); // IE9 only + -o-transform: rotateX(@degrees); + transform: rotateX(@degrees); +} +.rotateY(@degrees) { + -webkit-transform: rotateY(@degrees); + -ms-transform: rotateY(@degrees); // IE9 only + -o-transform: rotateY(@degrees); + transform: rotateY(@degrees); +} +.perspective(@perspective) { + -webkit-perspective: @perspective; + -moz-perspective: @perspective; + perspective: @perspective; +} +.perspective-origin(@perspective) { + -webkit-perspective-origin: @perspective; + -moz-perspective-origin: @perspective; + perspective-origin: @perspective; +} +.transform-origin(@origin) { + -webkit-transform-origin: @origin; + -moz-transform-origin: @origin; + -ms-transform-origin: @origin; // IE9 only + transform-origin: @origin; +} + + +// Transitions + +.transition(@transition) { + -webkit-transition: @transition; + -o-transition: @transition; + transition: @transition; +} +.transition-property(@transition-property) { + -webkit-transition-property: @transition-property; + transition-property: @transition-property; +} +.transition-delay(@transition-delay) { + -webkit-transition-delay: @transition-delay; + transition-delay: @transition-delay; +} +.transition-duration(@transition-duration) { + -webkit-transition-duration: @transition-duration; + transition-duration: @transition-duration; +} +.transition-timing-function(@timing-function) { + -webkit-transition-timing-function: @timing-function; + transition-timing-function: @timing-function; +} +.transition-transform(@transition) { + -webkit-transition: -webkit-transform @transition; + -moz-transition: -moz-transform @transition; + -o-transition: -o-transform @transition; + transition: transform @transition; +} + + +// User select +// For selecting text on the page + +.user-select(@select) { + -webkit-user-select: @select; + -moz-user-select: @select; + -ms-user-select: @select; // IE10+ + user-select: @select; +} diff --git a/assets/css/lib/bootstrap/_modals.scss b/assets/css/bootstrap-3.3.2/modals.less index 785ca5c..032a497 100644 --- a/assets/css/lib/bootstrap/_modals.scss +++ b/assets/css/bootstrap-3.3.2/modals.less @@ -21,7 +21,7 @@ right: 0; bottom: 0; left: 0; - z-index: $zindex-modal; + z-index: @zindex-modal; -webkit-overflow-scrolling: touch; // Prevent Chrome on Windows from adding a focus outline. For details, see @@ -30,10 +30,10 @@ // When fading in the modal, animate it to slide down &.fade .modal-dialog { - @include translate3d(0, -25%, 0); - @include transition-transform(0.3s ease-out); + .translate(0, -25%); + .transition-transform(~"0.3s ease-out"); } - &.in .modal-dialog { @include translate3d(0, 0, 0) } + &.in .modal-dialog { .translate(0, 0) } } .modal-open .modal { overflow-x: hidden; @@ -50,11 +50,11 @@ // Actual modal .modal-content { position: relative; - background-color: $modal-content-bg; - border: 1px solid $modal-content-fallback-border-color; //old browsers fallback (ie8 etc) - border: 1px solid $modal-content-border-color; - border-radius: $border-radius-large; - @include box-shadow(0 3px 9px rgba(0,0,0,.5)); + background-color: @modal-content-bg; + border: 1px solid @modal-content-fallback-border-color; //old browsers fallback (ie8 etc) + border: 1px solid @modal-content-border-color; + border-radius: @border-radius-large; + .box-shadow(0 3px 9px rgba(0,0,0,.5)); background-clip: padding-box; // Remove focus outline from opened modal outline: 0; @@ -62,24 +62,22 @@ // Modal background .modal-backdrop { - position: fixed; + position: absolute; top: 0; right: 0; - bottom: 0; left: 0; - z-index: $zindex-modal-background; - background-color: $modal-backdrop-bg; + background-color: @modal-backdrop-bg; // Fade for backdrop - &.fade { @include opacity(0); } - &.in { @include opacity($modal-backdrop-opacity); } + &.fade { .opacity(0); } + &.in { .opacity(@modal-backdrop-opacity); } } // Modal header // Top section of the modal w/ title and dismiss .modal-header { - padding: $modal-title-padding; - border-bottom: 1px solid $modal-header-border-color; - min-height: ($modal-title-padding + $modal-title-line-height); + padding: @modal-title-padding; + border-bottom: 1px solid @modal-header-border-color; + min-height: (@modal-title-padding + @modal-title-line-height); } // Close icon .modal-header .close { @@ -89,22 +87,22 @@ // Title text within header .modal-title { margin: 0; - line-height: $modal-title-line-height; + line-height: @modal-title-line-height; } // Modal body // Where all modal content resides (sibling of .modal-header and .modal-footer) .modal-body { position: relative; - padding: $modal-inner-padding; + padding: @modal-inner-padding; } // Footer (for actions) .modal-footer { - padding: $modal-inner-padding; + padding: @modal-inner-padding; text-align: right; // right align buttons - border-top: 1px solid $modal-footer-border-color; - @include clearfix(); // clear it in case folks use .pull-* classes on buttons + border-top: 1px solid @modal-footer-border-color; + &:extend(.clearfix all); // clear it in case folks use .pull-* classes on buttons // Properly space out buttons .btn + .btn { @@ -131,20 +129,20 @@ } // Scale up the modal -@media (min-width: $screen-sm-min) { +@media (min-width: @screen-sm-min) { // Automatically set modal's width for larger viewports .modal-dialog { - width: $modal-md; + width: @modal-md; margin: 30px auto; } .modal-content { - @include box-shadow(0 5px 15px rgba(0,0,0,.5)); + .box-shadow(0 5px 15px rgba(0,0,0,.5)); } // Modal sizes - .modal-sm { width: $modal-sm; } + .modal-sm { width: @modal-sm; } } -@media (min-width: $screen-md-min) { - .modal-lg { width: $modal-lg; } +@media (min-width: @screen-md-min) { + .modal-lg { width: @modal-lg; } } diff --git a/assets/css/lib/bootstrap/_navbar.scss b/assets/css/bootstrap-3.3.2/navbar.less index 3b94d6f..0c83503 100644 --- a/assets/css/lib/bootstrap/_navbar.scss +++ b/assets/css/bootstrap-3.3.2/navbar.less @@ -10,15 +10,15 @@ .navbar { position: relative; - min-height: $navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode) - margin-bottom: $navbar-margin-bottom; + min-height: @navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode) + margin-bottom: @navbar-margin-bottom; border: 1px solid transparent; // Prevent floats from breaking the navbar - @include clearfix(); + &:extend(.clearfix all); - @media (min-width: $grid-float-breakpoint) { - border-radius: $navbar-border-radius; + @media (min-width: @grid-float-breakpoint) { + border-radius: @navbar-border-radius; } } @@ -29,9 +29,9 @@ // styling of responsive aspects. .navbar-header { - @include clearfix(); + &:extend(.clearfix all); - @media (min-width: $grid-float-breakpoint) { + @media (min-width: @grid-float-breakpoint) { float: left; } } @@ -49,24 +49,25 @@ .navbar-collapse { overflow-x: visible; - padding-right: $navbar-padding-horizontal; - padding-left: $navbar-padding-horizontal; + padding-right: @navbar-padding-horizontal; + padding-left: @navbar-padding-horizontal; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,.1); - @include clearfix(); + &:extend(.clearfix all); -webkit-overflow-scrolling: touch; &.in { overflow-y: auto; } - @media (min-width: $grid-float-breakpoint) { + @media (min-width: @grid-float-breakpoint) { width: auto; border-top: 0; box-shadow: none; &.collapse { display: block !important; + visibility: visible !important; height: auto !important; padding-bottom: 0; // Override default setting overflow: visible !important; @@ -90,9 +91,9 @@ .navbar-fixed-top, .navbar-fixed-bottom { .navbar-collapse { - max-height: $navbar-collapse-max-height; + max-height: @navbar-collapse-max-height; - @media (max-width: $screen-xs-min) and (orientation: landscape) { + @media (max-device-width: @screen-xs-min) and (orientation: landscape) { max-height: 200px; } } @@ -107,10 +108,10 @@ .container-fluid { > .navbar-header, > .navbar-collapse { - margin-right: -$navbar-padding-horizontal; - margin-left: -$navbar-padding-horizontal; + margin-right: -@navbar-padding-horizontal; + margin-left: -@navbar-padding-horizontal; - @media (min-width: $grid-float-breakpoint) { + @media (min-width: @grid-float-breakpoint) { margin-right: 0; margin-left: 0; } @@ -126,10 +127,10 @@ // Static top (unfixed, but 100% wide) navbar .navbar-static-top { - z-index: $zindex-navbar; + z-index: @zindex-navbar; border-width: 0 0 1px; - @media (min-width: $grid-float-breakpoint) { + @media (min-width: @grid-float-breakpoint) { border-radius: 0; } } @@ -140,11 +141,10 @@ position: fixed; right: 0; left: 0; - z-index: $zindex-navbar-fixed; - @include translate3d(0, 0, 0); + z-index: @zindex-navbar-fixed; // Undo the rounded corners - @media (min-width: $grid-float-breakpoint) { + @media (min-width: @grid-float-breakpoint) { border-radius: 0; } } @@ -163,20 +163,24 @@ .navbar-brand { float: left; - padding: $navbar-padding-vertical $navbar-padding-horizontal; - font-size: $font-size-large; - line-height: $line-height-computed; - height: $navbar-height; + padding: @navbar-padding-vertical @navbar-padding-horizontal; + font-size: @font-size-large; + line-height: @line-height-computed; + height: @navbar-height; &:hover, &:focus { text-decoration: none; } - @media (min-width: $grid-float-breakpoint) { + > img { + display: block; + } + + @media (min-width: @grid-float-breakpoint) { .navbar > .container &, .navbar > .container-fluid & { - margin-left: -$navbar-padding-horizontal; + margin-left: -@navbar-padding-horizontal; } } } @@ -190,13 +194,13 @@ .navbar-toggle { position: relative; float: right; - margin-right: $navbar-padding-horizontal; + margin-right: @navbar-padding-horizontal; padding: 9px 10px; - @include navbar-vertical-align(34px); + .navbar-vertical-align(34px); background-color: transparent; background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 border: 1px solid transparent; - border-radius: $border-radius-base; + border-radius: @border-radius-base; // We remove the `outline` here, but later compensate by attaching `:hover` // styles to `:focus`. @@ -215,7 +219,7 @@ margin-top: 4px; } - @media (min-width: $grid-float-breakpoint) { + @media (min-width: @grid-float-breakpoint) { display: none; } } @@ -227,15 +231,15 @@ // the nav the full height of the horizontal nav (above 768px). .navbar-nav { - margin: ($navbar-padding-vertical / 2) (-$navbar-padding-horizontal); + margin: (@navbar-padding-vertical / 2) -@navbar-padding-horizontal; > li > a { padding-top: 10px; padding-bottom: 10px; - line-height: $line-height-computed; + line-height: @line-height-computed; } - @media (max-width: $grid-float-breakpoint-max) { + @media (max-width: @grid-float-breakpoint-max) { // Dropdowns get custom display when collapsed .open .dropdown-menu { position: static; @@ -250,7 +254,7 @@ padding: 5px 15px 5px 25px; } > li > a { - line-height: $line-height-computed; + line-height: @line-height-computed; &:hover, &:focus { background-image: none; @@ -260,37 +264,17 @@ } // Uncollapse the nav - @media (min-width: $grid-float-breakpoint) { + @media (min-width: @grid-float-breakpoint) { float: left; margin: 0; > li { float: left; > a { - padding-top: $navbar-padding-vertical; - padding-bottom: $navbar-padding-vertical; + padding-top: @navbar-padding-vertical; + padding-bottom: @navbar-padding-vertical; } } - - &.navbar-right:last-child { - margin-right: -$navbar-padding-horizontal; - } - } -} - - -// Component alignment -// -// Repurpose the pull utilities as their own navbar utilities to avoid specificity -// issues with parents and chaining. Only do this when the navbar is uncollapsed -// though so that navbar contents properly stack and align in mobile. - -@media (min-width: $grid-float-breakpoint) { - .navbar-left { - float: left !important; - } - .navbar-right { - float: right !important; } } @@ -301,40 +285,39 @@ // our navbars. .navbar-form { - margin-left: -$navbar-padding-horizontal; - margin-right: -$navbar-padding-horizontal; - padding: 10px $navbar-padding-horizontal; + margin-left: -@navbar-padding-horizontal; + margin-right: -@navbar-padding-horizontal; + padding: 10px @navbar-padding-horizontal; border-top: 1px solid transparent; border-bottom: 1px solid transparent; - $shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); - @include box-shadow($shadow); + @shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); + .box-shadow(@shadow); // Mixin behavior for optimum display - @extend .form-inline; + .form-inline(); .form-group { - @media (max-width: $grid-float-breakpoint-max) { + @media (max-width: @grid-float-breakpoint-max) { margin-bottom: 5px; + + &:last-child { + margin-bottom: 0; + } } } // Vertically center in expanded, horizontal navbar - @include navbar-vertical-align($input-height-base); + .navbar-vertical-align(@input-height-base); // Undo 100% width for pull classes - @media (min-width: $grid-float-breakpoint) { + @media (min-width: @grid-float-breakpoint) { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; - @include box-shadow(none); - - // Outdent the form if last child to line up with content down the page - &.navbar-right:last-child { - margin-right: -$navbar-padding-horizontal; - } + .box-shadow(none); } } @@ -344,11 +327,13 @@ // Menu position and menu carets .navbar-nav > li > .dropdown-menu { margin-top: 0; - @include border-top-radius(0); + .border-top-radius(0); } // Menu position and menu caret support for dropups via extra dropup class .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { - @include border-bottom-radius(0); + margin-bottom: 0; + .border-top-radius(@navbar-border-radius); + .border-bottom-radius(0); } @@ -357,13 +342,13 @@ // Vertically center a button within a navbar (when *not* in a form). .navbar-btn { - @include navbar-vertical-align($input-height-base); + .navbar-vertical-align(@input-height-base); &.btn-sm { - @include navbar-vertical-align($input-height-small); + .navbar-vertical-align(@input-height-small); } &.btn-xs { - @include navbar-vertical-align(22); + .navbar-vertical-align(22); } } @@ -373,83 +358,100 @@ // Add a class to make any element properly align itself vertically within the navbars. .navbar-text { - @include navbar-vertical-align($line-height-computed); + .navbar-vertical-align(@line-height-computed); - @media (min-width: $grid-float-breakpoint) { + @media (min-width: @grid-float-breakpoint) { float: left; - margin-left: $navbar-padding-horizontal; - margin-right: $navbar-padding-horizontal; + margin-left: @navbar-padding-horizontal; + margin-right: @navbar-padding-horizontal; + } +} + - // Outdent the form if last child to line up with content down the page - &.navbar-right:last-child { +// Component alignment +// +// Repurpose the pull utilities as their own navbar utilities to avoid specificity +// issues with parents and chaining. Only do this when the navbar is uncollapsed +// though so that navbar contents properly stack and align in mobile. +// +// Declared after the navbar components to ensure more specificity on the margins. + +@media (min-width: @grid-float-breakpoint) { + .navbar-left { .pull-left(); } + .navbar-right { + .pull-right(); + margin-right: -@navbar-padding-horizontal; + + ~ .navbar-right { margin-right: 0; } } } + // Alternate navbars // -------------------------------------------------- // Default navbar .navbar-default { - background-color: $navbar-default-bg; - border-color: $navbar-default-border; + background-color: @navbar-default-bg; + border-color: @navbar-default-border; .navbar-brand { - color: $navbar-default-brand-color; + color: @navbar-default-brand-color; &:hover, &:focus { - color: $navbar-default-brand-hover-color; - background-color: $navbar-default-brand-hover-bg; + color: @navbar-default-brand-hover-color; + background-color: @navbar-default-brand-hover-bg; } } .navbar-text { - color: $navbar-default-color; + color: @navbar-default-color; } .navbar-nav { > li > a { - color: $navbar-default-link-color; + color: @navbar-default-link-color; &:hover, &:focus { - color: $navbar-default-link-hover-color; - background-color: $navbar-default-link-hover-bg; + color: @navbar-default-link-hover-color; + background-color: @navbar-default-link-hover-bg; } } > .active > a { &, &:hover, &:focus { - color: $navbar-default-link-active-color; - background-color: $navbar-default-link-active-bg; + color: @navbar-default-link-active-color; + background-color: @navbar-default-link-active-bg; } } > .disabled > a { &, &:hover, &:focus { - color: $navbar-default-link-disabled-color; - background-color: $navbar-default-link-disabled-bg; + color: @navbar-default-link-disabled-color; + background-color: @navbar-default-link-disabled-bg; } } } .navbar-toggle { - border-color: $navbar-default-toggle-border-color; + border-color: @navbar-default-toggle-border-color; &:hover, &:focus { - background-color: $navbar-default-toggle-hover-bg; + background-color: @navbar-default-toggle-hover-bg; } .icon-bar { - background-color: $navbar-default-toggle-icon-bar-bg; + background-color: @navbar-default-toggle-icon-bar-bg; } } .navbar-collapse, .navbar-form { - border-color: $navbar-default-border; + border-color: @navbar-default-border; } // Dropdown menu items @@ -459,36 +461,36 @@ &, &:hover, &:focus { - background-color: $navbar-default-link-active-bg; - color: $navbar-default-link-active-color; + background-color: @navbar-default-link-active-bg; + color: @navbar-default-link-active-color; } } - @media (max-width: $grid-float-breakpoint-max) { + @media (max-width: @grid-float-breakpoint-max) { // Dropdowns get custom display when collapsed .open .dropdown-menu { > li > a { - color: $navbar-default-link-color; + color: @navbar-default-link-color; &:hover, &:focus { - color: $navbar-default-link-hover-color; - background-color: $navbar-default-link-hover-bg; + color: @navbar-default-link-hover-color; + background-color: @navbar-default-link-hover-bg; } } > .active > a { &, &:hover, &:focus { - color: $navbar-default-link-active-color; - background-color: $navbar-default-link-active-bg; + color: @navbar-default-link-active-color; + background-color: @navbar-default-link-active-bg; } } > .disabled > a { &, &:hover, &:focus { - color: $navbar-default-link-disabled-color; - background-color: $navbar-default-link-disabled-bg; + color: @navbar-default-link-disabled-color; + background-color: @navbar-default-link-disabled-bg; } } } @@ -501,23 +503,23 @@ // Add a class to ensure links outside the navbar nav are colored correctly. .navbar-link { - color: $navbar-default-link-color; + color: @navbar-default-link-color; &:hover { - color: $navbar-default-link-hover-color; + color: @navbar-default-link-hover-color; } } .btn-link { - color: $navbar-default-link-color; + color: @navbar-default-link-color; &:hover, &:focus { - color: $navbar-default-link-hover-color; + color: @navbar-default-link-hover-color; } &[disabled], fieldset[disabled] & { &:hover, &:focus { - color: $navbar-default-link-disabled-color; + color: @navbar-default-link-disabled-color; } } } @@ -526,65 +528,65 @@ // Inverse navbar .navbar-inverse { - background-color: $navbar-inverse-bg; - border-color: $navbar-inverse-border; + background-color: @navbar-inverse-bg; + border-color: @navbar-inverse-border; .navbar-brand { - color: $navbar-inverse-brand-color; + color: @navbar-inverse-brand-color; &:hover, &:focus { - color: $navbar-inverse-brand-hover-color; - background-color: $navbar-inverse-brand-hover-bg; + color: @navbar-inverse-brand-hover-color; + background-color: @navbar-inverse-brand-hover-bg; } } .navbar-text { - color: $navbar-inverse-color; + color: @navbar-inverse-color; } .navbar-nav { > li > a { - color: $navbar-inverse-link-color; + color: @navbar-inverse-link-color; &:hover, &:focus { - color: $navbar-inverse-link-hover-color; - background-color: $navbar-inverse-link-hover-bg; + color: @navbar-inverse-link-hover-color; + background-color: @navbar-inverse-link-hover-bg; } } > .active > a { &, &:hover, &:focus { - color: $navbar-inverse-link-active-color; - background-color: $navbar-inverse-link-active-bg; + color: @navbar-inverse-link-active-color; + background-color: @navbar-inverse-link-active-bg; } } > .disabled > a { &, &:hover, &:focus { - color: $navbar-inverse-link-disabled-color; - background-color: $navbar-inverse-link-disabled-bg; + color: @navbar-inverse-link-disabled-color; + background-color: @navbar-inverse-link-disabled-bg; } } } // Darken the responsive nav toggle .navbar-toggle { - border-color: $navbar-inverse-toggle-border-color; + border-color: @navbar-inverse-toggle-border-color; &:hover, &:focus { - background-color: $navbar-inverse-toggle-hover-bg; + background-color: @navbar-inverse-toggle-hover-bg; } .icon-bar { - background-color: $navbar-inverse-toggle-icon-bar-bg; + background-color: @navbar-inverse-toggle-icon-bar-bg; } } .navbar-collapse, .navbar-form { - border-color: darken($navbar-inverse-bg, 7%); + border-color: darken(@navbar-inverse-bg, 7%); } // Dropdowns @@ -593,42 +595,42 @@ &, &:hover, &:focus { - background-color: $navbar-inverse-link-active-bg; - color: $navbar-inverse-link-active-color; + background-color: @navbar-inverse-link-active-bg; + color: @navbar-inverse-link-active-color; } } - @media (max-width: $grid-float-breakpoint-max) { + @media (max-width: @grid-float-breakpoint-max) { // Dropdowns get custom display .open .dropdown-menu { > .dropdown-header { - border-color: $navbar-inverse-border; + border-color: @navbar-inverse-border; } .divider { - background-color: $navbar-inverse-border; + background-color: @navbar-inverse-border; } > li > a { - color: $navbar-inverse-link-color; + color: @navbar-inverse-link-color; &:hover, &:focus { - color: $navbar-inverse-link-hover-color; - background-color: $navbar-inverse-link-hover-bg; + color: @navbar-inverse-link-hover-color; + background-color: @navbar-inverse-link-hover-bg; } } > .active > a { &, &:hover, &:focus { - color: $navbar-inverse-link-active-color; - background-color: $navbar-inverse-link-active-bg; + color: @navbar-inverse-link-active-color; + background-color: @navbar-inverse-link-active-bg; } } > .disabled > a { &, &:hover, &:focus { - color: $navbar-inverse-link-disabled-color; - background-color: $navbar-inverse-link-disabled-bg; + color: @navbar-inverse-link-disabled-color; + background-color: @navbar-inverse-link-disabled-bg; } } } @@ -636,23 +638,23 @@ } .navbar-link { - color: $navbar-inverse-link-color; + color: @navbar-inverse-link-color; &:hover { - color: $navbar-inverse-link-hover-color; + color: @navbar-inverse-link-hover-color; } } .btn-link { - color: $navbar-inverse-link-color; + color: @navbar-inverse-link-color; &:hover, &:focus { - color: $navbar-inverse-link-hover-color; + color: @navbar-inverse-link-hover-color; } &[disabled], fieldset[disabled] & { &:hover, &:focus { - color: $navbar-inverse-link-disabled-color; + color: @navbar-inverse-link-disabled-color; } } } diff --git a/assets/css/lib/bootstrap/_navs.scss b/assets/css/bootstrap-3.3.2/navs.less index 9016873..f26fec7 100644 --- a/assets/css/lib/bootstrap/_navs.scss +++ b/assets/css/bootstrap-3.3.2/navs.less @@ -10,7 +10,7 @@ margin-bottom: 0; padding-left: 0; // Override default ul/ol list-style: none; - @include clearfix(); + &:extend(.clearfix all); > li { position: relative; @@ -19,24 +19,24 @@ > a { position: relative; display: block; - padding: $nav-link-padding; + padding: @nav-link-padding; &:hover, &:focus { text-decoration: none; - background-color: $nav-link-hover-bg; + background-color: @nav-link-hover-bg; } } // Disabled state sets text to gray and nukes hover/tab effects &.disabled > a { - color: $nav-disabled-link-color; + color: @nav-disabled-link-color; &:hover, &:focus { - color: $nav-disabled-link-hover-color; + color: @nav-disabled-link-hover-color; text-decoration: none; background-color: transparent; - cursor: not-allowed; + cursor: @cursor-disabled; } } } @@ -46,8 +46,8 @@ &, &:hover, &:focus { - background-color: $nav-link-hover-bg; - border-color: $link-color; + background-color: @nav-link-hover-bg; + border-color: @link-color; } } @@ -57,7 +57,7 @@ // we missed it. We don't currently support this anywhere, but in the interest // of maintaining backward compatibility in case you use it, it's deprecated. .nav-divider { - @include nav-divider(); + .nav-divider(); } // Prevent IE8 from misplacing imgs @@ -74,7 +74,7 @@ // Give the tabs something to sit on .nav-tabs { - border-bottom: 1px solid $nav-tabs-border-color; + border-bottom: 1px solid @nav-tabs-border-color; > li { float: left; // Make the list-items overlay the bottom border @@ -83,11 +83,11 @@ // Actual tabs (as links) > a { margin-right: 2px; - line-height: $line-height-base; + line-height: @line-height-base; border: 1px solid transparent; - border-radius: $border-radius-base $border-radius-base 0 0; + border-radius: @border-radius-base @border-radius-base 0 0; &:hover { - border-color: $nav-tabs-link-hover-border-color $nav-tabs-link-hover-border-color $nav-tabs-border-color; + border-color: @nav-tabs-link-hover-border-color @nav-tabs-link-hover-border-color @nav-tabs-border-color; } } @@ -96,9 +96,9 @@ &, &:hover, &:focus { - color: $nav-tabs-active-link-hover-color; - background-color: $nav-tabs-active-link-hover-bg; - border: 1px solid $nav-tabs-active-link-hover-border-color; + color: @nav-tabs-active-link-hover-color; + background-color: @nav-tabs-active-link-hover-bg; + border: 1px solid @nav-tabs-active-link-hover-border-color; border-bottom-color: transparent; cursor: default; } @@ -106,8 +106,8 @@ } // pulling this in mainly for less shorthand &.nav-justified { - @extend .nav-justified; - @extend .nav-tabs-justified; + .nav-justified(); + .nav-tabs-justified(); } } @@ -120,7 +120,7 @@ // Links rendered as pills > a { - border-radius: $nav-pills-border-radius; + border-radius: @nav-pills-border-radius; } + li { margin-left: 2px; @@ -131,8 +131,8 @@ &, &:hover, &:focus { - color: $nav-pills-active-link-hover-color; - background-color: $nav-pills-active-link-hover-bg; + color: @nav-pills-active-link-hover-color; + background-color: @nav-pills-active-link-hover-bg; } } } @@ -173,7 +173,7 @@ left: auto; } - @media (min-width: $screen-sm-min) { + @media (min-width: @screen-sm-min) { > li { display: table-cell; width: 1%; @@ -193,24 +193,24 @@ > li > a { // Override margin from .nav-tabs margin-right: 0; - border-radius: $border-radius-base; + border-radius: @border-radius-base; } > .active > a, > .active > a:hover, > .active > a:focus { - border: 1px solid $nav-tabs-justified-link-border-color; + border: 1px solid @nav-tabs-justified-link-border-color; } - @media (min-width: $screen-sm-min) { + @media (min-width: @screen-sm-min) { > li > a { - border-bottom: 1px solid $nav-tabs-justified-link-border-color; - border-radius: $border-radius-base $border-radius-base 0 0; + border-bottom: 1px solid @nav-tabs-justified-link-border-color; + border-radius: @border-radius-base @border-radius-base 0 0; } > .active > a, > .active > a:hover, > .active > a:focus { - border-bottom-color: $nav-tabs-justified-active-link-border-color; + border-bottom-color: @nav-tabs-justified-active-link-border-color; } } } @@ -223,9 +223,11 @@ .tab-content { > .tab-pane { display: none; + visibility: hidden; } > .active { display: block; + visibility: visible; } } @@ -238,5 +240,5 @@ // make dropdown border overlap tab border margin-top: -1px; // Remove the top rounded corners here since there is a hard edge above the menu - @include border-top-radius(0); + .border-top-radius(0); } diff --git a/assets/css/lib/bootstrap/_normalize.scss b/assets/css/bootstrap-3.3.2/normalize.less index ce04b6a..62a085a 100644 --- a/assets/css/lib/bootstrap/_normalize.scss +++ b/assets/css/bootstrap-3.3.2/normalize.less @@ -1,4 +1,4 @@ -/*! normalize.css v3.0.1 | MIT License | git.io/normalize */ +/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ // // 1. Set default font family to sans-serif. @@ -25,7 +25,8 @@ body { // // Correct `block` display not defined for any HTML5 element in IE 8/9. -// Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. +// Correct `block` display not defined for `details` or `summary` in IE 10/11 +// and Firefox. // Correct `block` display not defined for `main` in IE 11. // @@ -38,6 +39,7 @@ footer, header, hgroup, main, +menu, nav, section, summary { @@ -85,7 +87,7 @@ template { // a { - background: transparent; + background-color: transparent; } // diff --git a/assets/css/lib/bootstrap/_pager.scss b/assets/css/bootstrap-3.3.2/pager.less index 6531fe6..41abaaa 100644 --- a/assets/css/lib/bootstrap/_pager.scss +++ b/assets/css/bootstrap-3.3.2/pager.less @@ -5,25 +5,25 @@ .pager { padding-left: 0; - margin: $line-height-computed 0; + margin: @line-height-computed 0; list-style: none; text-align: center; - @include clearfix(); + &:extend(.clearfix all); li { display: inline; > a, > span { display: inline-block; padding: 5px 14px; - background-color: $pager-bg; - border: 1px solid $pager-border; - border-radius: $pager-border-radius; + background-color: @pager-bg; + border: 1px solid @pager-border; + border-radius: @pager-border-radius; } > a:hover, > a:focus { text-decoration: none; - background-color: $pager-hover-bg; + background-color: @pager-hover-bg; } } @@ -46,10 +46,9 @@ > a:hover, > a:focus, > span { - color: $pager-disabled-color; - background-color: $pager-bg; - cursor: not-allowed; + color: @pager-disabled-color; + background-color: @pager-bg; + cursor: @cursor-disabled; } } - } diff --git a/assets/css/bootstrap-3.3.2/pagination.less b/assets/css/bootstrap-3.3.2/pagination.less new file mode 100644 index 0000000..38c4c3d --- /dev/null +++ b/assets/css/bootstrap-3.3.2/pagination.less @@ -0,0 +1,88 @@ +// +// Pagination (multiple pages) +// -------------------------------------------------- +.pagination { + display: inline-block; + padding-left: 0; + margin: @line-height-computed 0; + border-radius: @border-radius-base; + + > li { + display: inline; // Remove list-style and block-level defaults + > a, + > span { + position: relative; + float: left; // Collapse white-space + padding: @padding-base-vertical @padding-base-horizontal; + line-height: @line-height-base; + text-decoration: none; + color: @pagination-color; + background-color: @pagination-bg; + border: 1px solid @pagination-border; + margin-left: -1px; + } + &:first-child { + > a, + > span { + margin-left: 0; + .border-left-radius(@border-radius-base); + } + } + &:last-child { + > a, + > span { + .border-right-radius(@border-radius-base); + } + } + } + + > li > a, + > li > span { + &:hover, + &:focus { + color: @pagination-hover-color; + background-color: @pagination-hover-bg; + border-color: @pagination-hover-border; + } + } + + > .active > a, + > .active > span { + &, + &:hover, + &:focus { + z-index: 2; + color: @pagination-active-color; + background-color: @pagination-active-bg; + border-color: @pagination-active-border; + cursor: default; + } + } + + > .disabled { + > span, + > span:hover, + > span:focus, + > a, + > a:hover, + > a:focus { + color: @pagination-disabled-color; + background-color: @pagination-disabled-bg; + border-color: @pagination-disabled-border; + cursor: @cursor-disabled; + } + } +} + +// Sizing +// -------------------------------------------------- + +// Large +.pagination-lg { + .pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @border-radius-large); +} + +// Small +.pagination-sm { + .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @border-radius-small); +} diff --git a/assets/css/lib/bootstrap/_panels.scss b/assets/css/bootstrap-3.3.2/panels.less index 57cdcbc..04eb2b3 100644 --- a/assets/css/lib/bootstrap/_panels.scss +++ b/assets/css/bootstrap-3.3.2/panels.less @@ -5,24 +5,24 @@ // Base class .panel { - margin-bottom: $line-height-computed; - background-color: $panel-bg; + margin-bottom: @line-height-computed; + background-color: @panel-bg; border: 1px solid transparent; - border-radius: $panel-border-radius; - @include box-shadow(0 1px 1px rgba(0,0,0,.05)); + border-radius: @panel-border-radius; + .box-shadow(0 1px 1px rgba(0,0,0,.05)); } // Panel contents .panel-body { - padding: $panel-body-padding; - @include clearfix(); + padding: @panel-body-padding; + &:extend(.clearfix all); } // Optional heading .panel-heading { - padding: $panel-heading-padding; + padding: @panel-heading-padding; border-bottom: 1px solid transparent; - @include border-top-radius(($panel-border-radius - 1)); + .border-top-radius((@panel-border-radius - 1)); > .dropdown .dropdown-toggle { color: inherit; @@ -33,20 +33,24 @@ .panel-title { margin-top: 0; margin-bottom: 0; - font-size: ceil(($font-size-base * 1.125)); + font-size: ceil((@font-size-base * 1.125)); color: inherit; - > a { + > a, + > small, + > .small, + > small > a, + > .small > a { color: inherit; } } // Optional footer (stays gray in every modifier class) .panel-footer { - padding: $panel-footer-padding; - background-color: $panel-footer-bg; - border-top: 1px solid $panel-inner-border; - @include border-bottom-radius(($panel-border-radius - 1)); + padding: @panel-footer-padding; + background-color: @panel-footer-bg; + border-top: 1px solid @panel-inner-border; + .border-bottom-radius((@panel-border-radius - 1)); } @@ -56,7 +60,8 @@ // any kind of custom content between the two. .panel { - > .list-group { + > .list-group, + > .panel-collapse > .list-group { margin-bottom: 0; .list-group-item { @@ -68,14 +73,14 @@ &:first-child { .list-group-item:first-child { border-top: 0; - @include border-top-radius(($panel-border-radius - 1)); + .border-top-radius((@panel-border-radius - 1)); } } // Add border bottom radius for last one &:last-child { .list-group-item:last-child { border-bottom: 0; - @include border-bottom-radius(($panel-border-radius - 1)); + .border-bottom-radius((@panel-border-radius - 1)); } } } @@ -100,22 +105,30 @@ > .table-responsive > .table, > .panel-collapse > .table { margin-bottom: 0; + + caption { + padding-left: @panel-body-padding; + padding-right: @panel-body-padding; + } } // Add border top radius for first one > .table:first-child, > .table-responsive:first-child > .table:first-child { - @include border-top-radius(($panel-border-radius - 1)); + .border-top-radius((@panel-border-radius - 1)); > thead:first-child, > tbody:first-child { > tr:first-child { + border-top-left-radius: (@panel-border-radius - 1); + border-top-right-radius: (@panel-border-radius - 1); + td:first-child, th:first-child { - border-top-left-radius: ($panel-border-radius - 1); + border-top-left-radius: (@panel-border-radius - 1); } td:last-child, th:last-child { - border-top-right-radius: ($panel-border-radius - 1); + border-top-right-radius: (@panel-border-radius - 1); } } } @@ -123,25 +136,30 @@ // Add border bottom radius for last one > .table:last-child, > .table-responsive:last-child > .table:last-child { - @include border-bottom-radius(($panel-border-radius - 1)); + .border-bottom-radius((@panel-border-radius - 1)); > tbody:last-child, > tfoot:last-child { > tr:last-child { + border-bottom-left-radius: (@panel-border-radius - 1); + border-bottom-right-radius: (@panel-border-radius - 1); + td:first-child, th:first-child { - border-bottom-left-radius: ($panel-border-radius - 1); + border-bottom-left-radius: (@panel-border-radius - 1); } td:last-child, th:last-child { - border-bottom-right-radius: ($panel-border-radius - 1); + border-bottom-right-radius: (@panel-border-radius - 1); } } } } > .panel-body + .table, - > .panel-body + .table-responsive { - border-top: 1px solid $table-border-color; + > .panel-body + .table-responsive, + > .table + .panel-body, + > .table-responsive + .panel-body { + border-top: 1px solid @table-border-color; } > .table > tbody:first-child > tr:first-child th, > .table > tbody:first-child > tr:first-child td { @@ -196,12 +214,13 @@ // the help of our collapse JavaScript plugin. .panel-group { - margin-bottom: $line-height-computed; + margin-bottom: @line-height-computed; // Tighten up margin so it's only between panels .panel { margin-bottom: 0; - border-radius: $panel-border-radius; + border-radius: @panel-border-radius; + + .panel { margin-top: 5px; } @@ -209,14 +228,17 @@ .panel-heading { border-bottom: 0; - + .panel-collapse > .panel-body { - border-top: 1px solid $panel-inner-border; + + + .panel-collapse > .panel-body, + + .panel-collapse > .list-group { + border-top: 1px solid @panel-inner-border; } } + .panel-footer { border-top: 0; + .panel-collapse .panel-body { - border-bottom: 1px solid $panel-inner-border; + border-bottom: 1px solid @panel-inner-border; } } } @@ -224,20 +246,20 @@ // Contextual variations .panel-default { - @include panel-variant($panel-default-border, $panel-default-text, $panel-default-heading-bg, $panel-default-border); + .panel-variant(@panel-default-border; @panel-default-text; @panel-default-heading-bg; @panel-default-border); } .panel-primary { - @include panel-variant($panel-primary-border, $panel-primary-text, $panel-primary-heading-bg, $panel-primary-border); + .panel-variant(@panel-primary-border; @panel-primary-text; @panel-primary-heading-bg; @panel-primary-border); } .panel-success { - @include panel-variant($panel-success-border, $panel-success-text, $panel-success-heading-bg, $panel-success-border); + .panel-variant(@panel-success-border; @panel-success-text; @panel-success-heading-bg; @panel-success-border); } .panel-info { - @include panel-variant($panel-info-border, $panel-info-text, $panel-info-heading-bg, $panel-info-border); + .panel-variant(@panel-info-border; @panel-info-text; @panel-info-heading-bg; @panel-info-border); } .panel-warning { - @include panel-variant($panel-warning-border, $panel-warning-text, $panel-warning-heading-bg, $panel-warning-border); + .panel-variant(@panel-warning-border; @panel-warning-text; @panel-warning-heading-bg; @panel-warning-border); } .panel-danger { - @include panel-variant($panel-danger-border, $panel-danger-text, $panel-danger-heading-bg, $panel-danger-border); + .panel-variant(@panel-danger-border; @panel-danger-text; @panel-danger-heading-bg; @panel-danger-border); } diff --git a/assets/css/bootstrap-3.3.2/popovers.less b/assets/css/bootstrap-3.3.2/popovers.less new file mode 100644 index 0000000..2748eea --- /dev/null +++ b/assets/css/bootstrap-3.3.2/popovers.less @@ -0,0 +1,135 @@ +// +// Popovers +// -------------------------------------------------- + + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: @zindex-popover; + display: none; + max-width: @popover-max-width; + padding: 1px; + // Reset font and text properties given new insertion method + font-family: @font-family-base; + font-size: @font-size-base; + font-weight: normal; + line-height: @line-height-base; + text-align: left; + background-color: @popover-bg; + background-clip: padding-box; + border: 1px solid @popover-fallback-border-color; + border: 1px solid @popover-border-color; + border-radius: @border-radius-large; + .box-shadow(0 5px 10px rgba(0,0,0,.2)); + + // Overrides for proper insertion + white-space: normal; + + // Offset the popover to account for the popover arrow + &.top { margin-top: -@popover-arrow-width; } + &.right { margin-left: @popover-arrow-width; } + &.bottom { margin-top: @popover-arrow-width; } + &.left { margin-left: -@popover-arrow-width; } +} + +.popover-title { + margin: 0; // reset heading margin + padding: 8px 14px; + font-size: @font-size-base; + background-color: @popover-title-bg; + border-bottom: 1px solid darken(@popover-title-bg, 5%); + border-radius: (@border-radius-large - 1) (@border-radius-large - 1) 0 0; +} + +.popover-content { + padding: 9px 14px; +} + +// Arrows +// +// .arrow is outer, .arrow:after is inner + +.popover > .arrow { + &, + &:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + } +} +.popover > .arrow { + border-width: @popover-arrow-outer-width; +} +.popover > .arrow:after { + border-width: @popover-arrow-width; + content: ""; +} + +.popover { + &.top > .arrow { + left: 50%; + margin-left: -@popover-arrow-outer-width; + border-bottom-width: 0; + border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback + border-top-color: @popover-arrow-outer-color; + bottom: -@popover-arrow-outer-width; + &:after { + content: " "; + bottom: 1px; + margin-left: -@popover-arrow-width; + border-bottom-width: 0; + border-top-color: @popover-arrow-color; + } + } + &.right > .arrow { + top: 50%; + left: -@popover-arrow-outer-width; + margin-top: -@popover-arrow-outer-width; + border-left-width: 0; + border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback + border-right-color: @popover-arrow-outer-color; + &:after { + content: " "; + left: 1px; + bottom: -@popover-arrow-width; + border-left-width: 0; + border-right-color: @popover-arrow-color; + } + } + &.bottom > .arrow { + left: 50%; + margin-left: -@popover-arrow-outer-width; + border-top-width: 0; + border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback + border-bottom-color: @popover-arrow-outer-color; + top: -@popover-arrow-outer-width; + &:after { + content: " "; + top: 1px; + margin-left: -@popover-arrow-width; + border-top-width: 0; + border-bottom-color: @popover-arrow-color; + } + } + + &.left > .arrow { + top: 50%; + right: -@popover-arrow-outer-width; + margin-top: -@popover-arrow-outer-width; + border-right-width: 0; + border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback + border-left-color: @popover-arrow-outer-color; + &:after { + content: " "; + right: 1px; + border-right-width: 0; + border-left-color: @popover-arrow-color; + bottom: -@popover-arrow-width; + } + } +} diff --git a/assets/css/bootstrap-3.3.2/print.less b/assets/css/bootstrap-3.3.2/print.less new file mode 100644 index 0000000..94ca58f --- /dev/null +++ b/assets/css/bootstrap-3.3.2/print.less @@ -0,0 +1,107 @@ +/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ + +// ========================================================================== +// Print styles. +// Inlined to avoid the additional HTTP request: h5bp.com/r +// ========================================================================== + +@media print { + *, + *:before, + *:after { + background: transparent !important; + color: #000 !important; // Black prints faster: h5bp.com/s + box-shadow: none !important; + text-shadow: none !important; + } + + a, + a:visited { + text-decoration: underline; + } + + a[href]:after { + content: " (" attr(href) ")"; + } + + abbr[title]:after { + content: " (" attr(title) ")"; + } + + // Don't show links that are fragment identifiers, + // or use the `javascript:` pseudo protocol + a[href^="#"]:after, + a[href^="javascript:"]:after { + content: ""; + } + + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + + thead { + display: table-header-group; // h5bp.com/t + } + + tr, + img { + page-break-inside: avoid; + } + + img { + max-width: 100% !important; + } + + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + + h2, + h3 { + page-break-after: avoid; + } + + // Bootstrap specific changes start + // + // Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245 + // Once fixed, we can just straight up remove this. + select { + background: #fff !important; + } + + // Bootstrap components + .navbar { + display: none; + } + .btn, + .dropup > .btn { + > .caret { + border-top-color: #000 !important; + } + } + .label { + border: 1px solid #000; + } + + .table { + border-collapse: collapse !important; + + td, + th { + background-color: #fff !important; + } + } + .table-bordered { + th, + td { + border: 1px solid #ddd !important; + } + } + + // Bootstrap specific changes end +} diff --git a/assets/css/lib/bootstrap/_progress-bars.scss b/assets/css/bootstrap-3.3.2/progress-bars.less index 6395ac2..8868a1f 100644 --- a/assets/css/lib/bootstrap/_progress-bars.scss +++ b/assets/css/bootstrap-3.3.2/progress-bars.less @@ -19,18 +19,17 @@ } - // Bar itself // ------------------------- // Outer container .progress { overflow: hidden; - height: $line-height-computed; - margin-bottom: $line-height-computed; - background-color: $progress-bg; - border-radius: $border-radius-base; - @include box-shadow(inset 0 1px 2px rgba(0,0,0,.1)); + height: @line-height-computed; + margin-bottom: @line-height-computed; + background-color: @progress-bg; + border-radius: @progress-border-radius; + .box-shadow(inset 0 1px 2px rgba(0,0,0,.1)); } // Bar of progress @@ -38,13 +37,13 @@ float: left; width: 0%; height: 100%; - font-size: $font-size-small; - line-height: $line-height-computed; - color: $progress-bar-color; + font-size: @font-size-small; + line-height: @line-height-computed; + color: @progress-bar-color; text-align: center; - background-color: $progress-bar-bg; - @include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15)); - @include transition(width .6s ease); + background-color: @progress-bar-bg; + .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15)); + .transition(width .6s ease); } // Striped bars @@ -54,7 +53,7 @@ // `.progress-bar`. .progress-striped .progress-bar, .progress-bar-striped { - @include gradient-striped(); + #gradient > .striped(); background-size: 40px 40px; } @@ -64,42 +63,25 @@ // `.progress-bar.active` approach. .progress.active .progress-bar, .progress-bar.active { - @include animation(progress-bar-stripes 2s linear infinite); + .animation(progress-bar-stripes 2s linear infinite); } -// Account for lower percentages -.progress-bar { - &[aria-valuenow="1"], - &[aria-valuenow="2"] { - min-width: 30px; - } - - &[aria-valuenow="0"] { - color: $gray-light; - min-width: 30px; - background-color: transparent; - background-image: none; - box-shadow: none; - } -} - - // Variations // ------------------------- .progress-bar-success { - @include progress-bar-variant($progress-bar-success-bg); + .progress-bar-variant(@progress-bar-success-bg); } .progress-bar-info { - @include progress-bar-variant($progress-bar-info-bg); + .progress-bar-variant(@progress-bar-info-bg); } .progress-bar-warning { - @include progress-bar-variant($progress-bar-warning-bg); + .progress-bar-variant(@progress-bar-warning-bg); } .progress-bar-danger { - @include progress-bar-variant($progress-bar-danger-bg); + .progress-bar-variant(@progress-bar-danger-bg); } diff --git a/assets/css/lib/bootstrap/_responsive-embed.scss b/assets/css/bootstrap-3.3.2/responsive-embed.less index a884d49..c1fa8f8 100644 --- a/assets/css/lib/bootstrap/_responsive-embed.scss +++ b/assets/css/bootstrap-3.3.2/responsive-embed.less @@ -12,7 +12,8 @@ .embed-responsive-item, iframe, embed, - object { + object, + video { position: absolute; top: 0; left: 0; diff --git a/assets/css/lib/bootstrap/_responsive-utilities.scss b/assets/css/bootstrap-3.3.2/responsive-utilities.less index 4d9e13b..b1db31d 100644 --- a/assets/css/lib/bootstrap/_responsive-utilities.scss +++ b/assets/css/bootstrap-3.3.2/responsive-utilities.less @@ -25,8 +25,12 @@ // Visibility utilities // Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0 - -@include responsive-invisibility('.visible-xs, .visible-sm, .visible-md, .visible-lg'); +.visible-xs, +.visible-sm, +.visible-md, +.visible-lg { + .responsive-invisibility(); +} .visible-xs-block, .visible-xs-inline, @@ -43,96 +47,109 @@ display: none !important; } -@media (max-width: $screen-xs-max) { - @include responsive-visibility('.visible-xs'); +.visible-xs { + @media (max-width: @screen-xs-max) { + .responsive-visibility(); + } } .visible-xs-block { - @media (max-width: $screen-xs-max) { + @media (max-width: @screen-xs-max) { display: block !important; } } .visible-xs-inline { - @media (max-width: $screen-xs-max) { + @media (max-width: @screen-xs-max) { display: inline !important; } } .visible-xs-inline-block { - @media (max-width: $screen-xs-max) { + @media (max-width: @screen-xs-max) { display: inline-block !important; } } -@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { - @include responsive-visibility('.visible-sm'); +.visible-sm { + @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { + .responsive-visibility(); + } } .visible-sm-block { - @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { + @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { display: block !important; } } .visible-sm-inline { - @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { + @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { display: inline !important; } } .visible-sm-inline-block { - @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { + @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { display: inline-block !important; } } -@media (min-width: $screen-md-min) and (max-width: $screen-md-max) { - @include responsive-visibility('.visible-md'); +.visible-md { + @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { + .responsive-visibility(); + } } .visible-md-block { - @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { + @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { display: block !important; } } .visible-md-inline { - @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { + @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { display: inline !important; } } .visible-md-inline-block { - @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { + @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { display: inline-block !important; } } -@media (min-width: $screen-lg-min) { - @include responsive-visibility('.visible-lg'); +.visible-lg { + @media (min-width: @screen-lg-min) { + .responsive-visibility(); + } } .visible-lg-block { - @media (min-width: $screen-lg-min) { + @media (min-width: @screen-lg-min) { display: block !important; } } .visible-lg-inline { - @media (min-width: $screen-lg-min) { + @media (min-width: @screen-lg-min) { display: inline !important; } } .visible-lg-inline-block { - @media (min-width: $screen-lg-min) { + @media (min-width: @screen-lg-min) { display: inline-block !important; } } -@media (max-width: $screen-xs-max) { - @include responsive-invisibility('.hidden-xs'); +.hidden-xs { + @media (max-width: @screen-xs-max) { + .responsive-invisibility(); + } } - -@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { - @include responsive-invisibility('.hidden-sm'); +.hidden-sm { + @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { + .responsive-invisibility(); + } } - -@media (min-width: $screen-md-min) and (max-width: $screen-md-max) { - @include responsive-invisibility('.hidden-md'); +.hidden-md { + @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { + .responsive-invisibility(); + } } - -@media (min-width: $screen-lg-min) { - @include responsive-invisibility('.hidden-lg'); +.hidden-lg { + @media (min-width: @screen-lg-min) { + .responsive-invisibility(); + } } @@ -141,11 +158,12 @@ // Media queries are placed on the inside to be mixin-friendly. // Note: Deprecated .visible-print as of v3.2.0 +.visible-print { + .responsive-invisibility(); -@include responsive-invisibility('.visible-print'); - -@media print { - @include responsive-visibility('.visible-print'); + @media print { + .responsive-visibility(); + } } .visible-print-block { display: none !important; @@ -169,6 +187,8 @@ } } -@media print { - @include responsive-invisibility('.hidden-print'); +.hidden-print { + @media print { + .responsive-invisibility(); + } } diff --git a/assets/css/lib/bootstrap/_scaffolding.scss b/assets/css/bootstrap-3.3.2/scaffolding.less index 8cea4cd..2a40fbc 100644 --- a/assets/css/lib/bootstrap/_scaffolding.scss +++ b/assets/css/bootstrap-3.3.2/scaffolding.less @@ -9,11 +9,11 @@ // For recommendations on resolving such conflicts, see // http://getbootstrap.com/getting-started/#third-box-sizing * { - @include box-sizing(border-box); + .box-sizing(border-box); } *:before, *:after { - @include box-sizing(border-box); + .box-sizing(border-box); } @@ -25,11 +25,11 @@ html { } body { - font-family: $font-family-base; - font-size: $font-size-base; - line-height: $line-height-base; - color: $text-color; - background-color: $body-bg; + font-family: @font-family-base; + font-size: @font-size-base; + line-height: @line-height-base; + color: @text-color; + background-color: @body-bg; } // Reset fonts for relevant elements @@ -46,17 +46,17 @@ textarea { // Links a { - color: $link-color; + color: @link-color; text-decoration: none; &:hover, &:focus { - color: $link-hover-color; - text-decoration: underline; + color: @link-hover-color; + text-decoration: @link-hover-decoration; } &:focus { - @include tab-focus(); + .tab-focus(); } } @@ -79,27 +79,27 @@ img { // Responsive images (ensure images don't scale beyond their parents) .img-responsive { - @include img-responsive(); + .img-responsive(); } // Rounded corners .img-rounded { - border-radius: $border-radius-large; + border-radius: @border-radius-large; } // Image thumbnails // // Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`. .img-thumbnail { - padding: $thumbnail-padding; - line-height: $line-height-base; - background-color: $thumbnail-bg; - border: 1px solid $thumbnail-border; - border-radius: $thumbnail-border-radius; - @include transition(all .2s ease-in-out); + padding: @thumbnail-padding; + line-height: @line-height-base; + background-color: @thumbnail-bg; + border: 1px solid @thumbnail-border; + border-radius: @thumbnail-border-radius; + .transition(all .2s ease-in-out); // Keep them at most 100% wide - @include img-responsive(inline-block); + .img-responsive(inline-block); } // Perfect circle @@ -111,10 +111,10 @@ img { // Horizontal rules hr { - margin-top: $line-height-computed; - margin-bottom: $line-height-computed; + margin-top: @line-height-computed; + margin-bottom: @line-height-computed; border: 0; - border-top: 1px solid $hr-border; + border-top: 1px solid @hr-border; } diff --git a/assets/css/lib/bootstrap/_tables.scss b/assets/css/bootstrap-3.3.2/tables.less index 7c5d5bb..2242c03 100644 --- a/assets/css/lib/bootstrap/_tables.scss +++ b/assets/css/bootstrap-3.3.2/tables.less @@ -4,7 +4,13 @@ table { - background-color: $table-bg; + background-color: @table-bg; +} +caption { + padding-top: @table-cell-padding; + padding-bottom: @table-cell-padding; + color: @text-muted; + text-align: left; } th { text-align: left; @@ -16,7 +22,7 @@ th { .table { width: 100%; max-width: 100%; - margin-bottom: $line-height-computed; + margin-bottom: @line-height-computed; // Cells > thead, > tbody, @@ -24,17 +30,17 @@ th { > tr { > th, > td { - padding: $table-cell-padding; - line-height: $line-height-base; + padding: @table-cell-padding; + line-height: @line-height-base; vertical-align: top; - border-top: 1px solid $table-border-color; + border-top: 1px solid @table-border-color; } } } // Bottom align for column headings > thead > tr > th { vertical-align: bottom; - border-bottom: 2px solid $table-border-color; + border-bottom: 2px solid @table-border-color; } // Remove top border from thead by default > caption + thead, @@ -49,12 +55,12 @@ th { } // Account for multiple tbody instances > tbody + tbody { - border-top: 2px solid $table-border-color; + border-top: 2px solid @table-border-color; } // Nesting .table { - background-color: $body-bg; + background-color: @body-bg; } } @@ -68,7 +74,7 @@ th { > tr { > th, > td { - padding: $table-condensed-cell-padding; + padding: @table-condensed-cell-padding; } } } @@ -80,14 +86,14 @@ th { // Add borders all around the table and between all the columns. .table-bordered { - border: 1px solid $table-border-color; + border: 1px solid @table-border-color; > thead, > tbody, > tfoot { > tr { > th, > td { - border: 1px solid $table-border-color; + border: 1px solid @table-border-color; } } } @@ -105,11 +111,8 @@ th { // Default zebra-stripe styles (alternating gray and transparent backgrounds) .table-striped { - > tbody > tr:nth-child(odd) { - > td, - > th { - background-color: $table-bg-accent; - } + > tbody > tr:nth-of-type(odd) { + background-color: @table-bg-accent; } } @@ -120,10 +123,7 @@ th { .table-hover { > tbody > tr:hover { - > td, - > th { - background-color: $table-bg-hover; - } + background-color: @table-bg-hover; } } @@ -133,7 +133,7 @@ th { // Reset default table behavior table col[class*="col-"] { - position: static; // Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/bootstrap/issues/11623) + position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623) float: none; display: table-column; } @@ -141,7 +141,7 @@ table { td, th { &[class*="col-"] { - position: static; // Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/bootstrap/issues/11623) + position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623) float: none; display: table-cell; } @@ -155,11 +155,11 @@ table { // inheritance to nested tables. // Generate the contextual variants -@include table-row-variant('active', $table-bg-active); -@include table-row-variant('success', $state-success-bg); -@include table-row-variant('info', $state-info-bg); -@include table-row-variant('warning', $state-warning-bg); -@include table-row-variant('danger', $state-danger-bg); +.table-row-variant(active; @table-bg-active); +.table-row-variant(success; @state-success-bg); +.table-row-variant(info; @state-info-bg); +.table-row-variant(warning; @state-warning-bg); +.table-row-variant(danger; @state-danger-bg); // Responsive tables @@ -169,14 +169,15 @@ table { // will display normally. .table-responsive { - @media screen and (max-width: $screen-xs-max) { + overflow-x: auto; + min-height: 0.01%; // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837) + + @media screen and (max-width: @screen-xs-max) { width: 100%; - margin-bottom: ($line-height-computed * 0.75); + margin-bottom: (@line-height-computed * 0.75); overflow-y: hidden; - overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; - border: 1px solid $table-border-color; - -webkit-overflow-scrolling: touch; + border: 1px solid @table-border-color; // Tighten up spacing > .table { diff --git a/assets/css/bootstrap-3.3.2/theme.less b/assets/css/bootstrap-3.3.2/theme.less new file mode 100644 index 0000000..6f2eb62 --- /dev/null +++ b/assets/css/bootstrap-3.3.2/theme.less @@ -0,0 +1,273 @@ + +// +// Load core variables and mixins +// -------------------------------------------------- + +@import "variables.less"; +@import "mixins.less"; + + +// +// Buttons +// -------------------------------------------------- + +// Common styles +.btn-default, +.btn-primary, +.btn-success, +.btn-info, +.btn-warning, +.btn-danger { + text-shadow: 0 -1px 0 rgba(0,0,0,.2); + @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075); + .box-shadow(@shadow); + + // Reset the shadow + &:active, + &.active { + .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + } + + .badge { + text-shadow: none; + } +} + +// Mixin for generating new styles +.btn-styles(@btn-color: #555) { + #gradient > .vertical(@start-color: @btn-color; @end-color: darken(@btn-color, 12%)); + .reset-filter(); // Disable gradients for IE9 because filter bleeds through rounded corners; see https://github.com/twbs/bootstrap/issues/10620 + background-repeat: repeat-x; + border-color: darken(@btn-color, 14%); + + &:hover, + &:focus { + background-color: darken(@btn-color, 12%); + background-position: 0 -15px; + } + + &:active, + &.active { + background-color: darken(@btn-color, 12%); + border-color: darken(@btn-color, 14%); + } + + &.disabled, + &:disabled, + &[disabled] { + background-color: darken(@btn-color, 12%); + background-image: none; + } +} + +// Common styles +.btn { + // Remove the gradient for the pressed/active state + &:active, + &.active { + background-image: none; + } +} + +// Apply the mixin to the buttons +.btn-default { .btn-styles(@btn-default-bg); text-shadow: 0 1px 0 #fff; border-color: #ccc; } +.btn-primary { .btn-styles(@btn-primary-bg); } +.btn-success { .btn-styles(@btn-success-bg); } +.btn-info { .btn-styles(@btn-info-bg); } +.btn-warning { .btn-styles(@btn-warning-bg); } +.btn-danger { .btn-styles(@btn-danger-bg); } + + +// +// Images +// -------------------------------------------------- + +.thumbnail, +.img-thumbnail { + .box-shadow(0 1px 2px rgba(0,0,0,.075)); +} + + +// +// Dropdowns +// -------------------------------------------------- + +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus { + #gradient > .vertical(@start-color: @dropdown-link-hover-bg; @end-color: darken(@dropdown-link-hover-bg, 5%)); + background-color: darken(@dropdown-link-hover-bg, 5%); +} +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + #gradient > .vertical(@start-color: @dropdown-link-active-bg; @end-color: darken(@dropdown-link-active-bg, 5%)); + background-color: darken(@dropdown-link-active-bg, 5%); +} + + +// +// Navbar +// -------------------------------------------------- + +// Default navbar +.navbar-default { + #gradient > .vertical(@start-color: lighten(@navbar-default-bg, 10%); @end-color: @navbar-default-bg); + .reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered + border-radius: @navbar-border-radius; + @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075); + .box-shadow(@shadow); + + .navbar-nav > .open > a, + .navbar-nav > .active > a { + #gradient > .vertical(@start-color: darken(@navbar-default-link-active-bg, 5%); @end-color: darken(@navbar-default-link-active-bg, 2%)); + .box-shadow(inset 0 3px 9px rgba(0,0,0,.075)); + } +} +.navbar-brand, +.navbar-nav > li > a { + text-shadow: 0 1px 0 rgba(255,255,255,.25); +} + +// Inverted navbar +.navbar-inverse { + #gradient > .vertical(@start-color: lighten(@navbar-inverse-bg, 10%); @end-color: @navbar-inverse-bg); + .reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered; see https://github.com/twbs/bootstrap/issues/10257 + + .navbar-nav > .open > a, + .navbar-nav > .active > a { + #gradient > .vertical(@start-color: @navbar-inverse-link-active-bg; @end-color: lighten(@navbar-inverse-link-active-bg, 2.5%)); + .box-shadow(inset 0 3px 9px rgba(0,0,0,.25)); + } + + .navbar-brand, + .navbar-nav > li > a { + text-shadow: 0 -1px 0 rgba(0,0,0,.25); + } +} + +// Undo rounded corners in static and fixed navbars +.navbar-static-top, +.navbar-fixed-top, +.navbar-fixed-bottom { + border-radius: 0; +} + +// Fix active state of dropdown items in collapsed mode +@media (max-width: @grid-float-breakpoint-max) { + .navbar .navbar-nav .open .dropdown-menu > .active > a { + &, + &:hover, + &:focus { + color: #fff; + #gradient > .vertical(@start-color: @dropdown-link-active-bg; @end-color: darken(@dropdown-link-active-bg, 5%)); + } + } +} + + +// +// Alerts +// -------------------------------------------------- + +// Common styles +.alert { + text-shadow: 0 1px 0 rgba(255,255,255,.2); + @shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05); + .box-shadow(@shadow); +} + +// Mixin for generating new styles +.alert-styles(@color) { + #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 7.5%)); + border-color: darken(@color, 15%); +} + +// Apply the mixin to the alerts +.alert-success { .alert-styles(@alert-success-bg); } +.alert-info { .alert-styles(@alert-info-bg); } +.alert-warning { .alert-styles(@alert-warning-bg); } +.alert-danger { .alert-styles(@alert-danger-bg); } + + +// +// Progress bars +// -------------------------------------------------- + +// Give the progress background some depth +.progress { + #gradient > .vertical(@start-color: darken(@progress-bg, 4%); @end-color: @progress-bg) +} + +// Mixin for generating new styles +.progress-bar-styles(@color) { + #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 10%)); +} + +// Apply the mixin to the progress bars +.progress-bar { .progress-bar-styles(@progress-bar-bg); } +.progress-bar-success { .progress-bar-styles(@progress-bar-success-bg); } +.progress-bar-info { .progress-bar-styles(@progress-bar-info-bg); } +.progress-bar-warning { .progress-bar-styles(@progress-bar-warning-bg); } +.progress-bar-danger { .progress-bar-styles(@progress-bar-danger-bg); } + +// Reset the striped class because our mixins don't do multiple gradients and +// the above custom styles override the new `.progress-bar-striped` in v3.2.0. +.progress-bar-striped { + #gradient > .striped(); +} + + +// +// List groups +// -------------------------------------------------- + +.list-group { + border-radius: @border-radius-base; + .box-shadow(0 1px 2px rgba(0,0,0,.075)); +} +.list-group-item.active, +.list-group-item.active:hover, +.list-group-item.active:focus { + text-shadow: 0 -1px 0 darken(@list-group-active-bg, 10%); + #gradient > .vertical(@start-color: @list-group-active-bg; @end-color: darken(@list-group-active-bg, 7.5%)); + border-color: darken(@list-group-active-border, 7.5%); + + .badge { + text-shadow: none; + } +} + + +// +// Panels +// -------------------------------------------------- + +// Common styles +.panel { + .box-shadow(0 1px 2px rgba(0,0,0,.05)); +} + +// Mixin for generating new styles +.panel-heading-styles(@color) { + #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 5%)); +} + +// Apply the mixin to the panel headings only +.panel-default > .panel-heading { .panel-heading-styles(@panel-default-heading-bg); } +.panel-primary > .panel-heading { .panel-heading-styles(@panel-primary-heading-bg); } +.panel-success > .panel-heading { .panel-heading-styles(@panel-success-heading-bg); } +.panel-info > .panel-heading { .panel-heading-styles(@panel-info-heading-bg); } +.panel-warning > .panel-heading { .panel-heading-styles(@panel-warning-heading-bg); } +.panel-danger > .panel-heading { .panel-heading-styles(@panel-danger-heading-bg); } + + +// +// Wells +// -------------------------------------------------- + +.well { + #gradient > .vertical(@start-color: darken(@well-bg, 5%); @end-color: @well-bg); + border-color: darken(@well-bg, 10%); + @shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1); + .box-shadow(@shadow); +} diff --git a/assets/css/bootstrap-3.3.2/thumbnails.less b/assets/css/bootstrap-3.3.2/thumbnails.less new file mode 100644 index 0000000..0713e67 --- /dev/null +++ b/assets/css/bootstrap-3.3.2/thumbnails.less @@ -0,0 +1,36 @@ +// +// Thumbnails +// -------------------------------------------------- + + +// Mixin and adjust the regular image class +.thumbnail { + display: block; + padding: @thumbnail-padding; + margin-bottom: @line-height-computed; + line-height: @line-height-base; + background-color: @thumbnail-bg; + border: 1px solid @thumbnail-border; + border-radius: @thumbnail-border-radius; + .transition(border .2s ease-in-out); + + > img, + a > img { + &:extend(.img-responsive); + margin-left: auto; + margin-right: auto; + } + + // Add a hover state for linked versions only + a&:hover, + a&:focus, + a&.active { + border-color: @link-color; + } + + // Image captions + .caption { + padding: @thumbnail-caption-padding; + color: @thumbnail-caption-color; + } +} diff --git a/assets/css/bootstrap-3.3.2/tooltip.less b/assets/css/bootstrap-3.3.2/tooltip.less new file mode 100644 index 0000000..3ebfdcd --- /dev/null +++ b/assets/css/bootstrap-3.3.2/tooltip.less @@ -0,0 +1,103 @@ +// +// Tooltips +// -------------------------------------------------- + + +// Base class +.tooltip { + position: absolute; + z-index: @zindex-tooltip; + display: block; + visibility: visible; + // Reset font and text properties given new insertion method + font-family: @font-family-base; + font-size: @font-size-small; + font-weight: normal; + line-height: 1.4; + .opacity(0); + + &.in { .opacity(@tooltip-opacity); } + &.top { margin-top: -3px; padding: @tooltip-arrow-width 0; } + &.right { margin-left: 3px; padding: 0 @tooltip-arrow-width; } + &.bottom { margin-top: 3px; padding: @tooltip-arrow-width 0; } + &.left { margin-left: -3px; padding: 0 @tooltip-arrow-width; } +} + +// Wrapper for the tooltip content +.tooltip-inner { + max-width: @tooltip-max-width; + padding: 3px 8px; + color: @tooltip-color; + text-align: center; + text-decoration: none; + background-color: @tooltip-bg; + border-radius: @border-radius-base; +} + +// Arrows +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +// Note: Deprecated .top-left, .top-right, .bottom-left, and .bottom-right as of v3.3.1 +.tooltip { + &.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -@tooltip-arrow-width; + border-width: @tooltip-arrow-width @tooltip-arrow-width 0; + border-top-color: @tooltip-arrow-color; + } + &.top-left .tooltip-arrow { + bottom: 0; + right: @tooltip-arrow-width; + margin-bottom: -@tooltip-arrow-width; + border-width: @tooltip-arrow-width @tooltip-arrow-width 0; + border-top-color: @tooltip-arrow-color; + } + &.top-right .tooltip-arrow { + bottom: 0; + left: @tooltip-arrow-width; + margin-bottom: -@tooltip-arrow-width; + border-width: @tooltip-arrow-width @tooltip-arrow-width 0; + border-top-color: @tooltip-arrow-color; + } + &.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -@tooltip-arrow-width; + border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0; + border-right-color: @tooltip-arrow-color; + } + &.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -@tooltip-arrow-width; + border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width; + border-left-color: @tooltip-arrow-color; + } + &.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -@tooltip-arrow-width; + border-width: 0 @tooltip-arrow-width @tooltip-arrow-width; + border-bottom-color: @tooltip-arrow-color; + } + &.bottom-left .tooltip-arrow { + top: 0; + right: @tooltip-arrow-width; + margin-top: -@tooltip-arrow-width; + border-width: 0 @tooltip-arrow-width @tooltip-arrow-width; + border-bottom-color: @tooltip-arrow-color; + } + &.bottom-right .tooltip-arrow { + top: 0; + left: @tooltip-arrow-width; + margin-top: -@tooltip-arrow-width; + border-width: 0 @tooltip-arrow-width @tooltip-arrow-width; + border-bottom-color: @tooltip-arrow-color; + } +} diff --git a/assets/css/lib/bootstrap/_type.scss b/assets/css/bootstrap-3.3.2/type.less index 3f21b21..3ec976e 100644 --- a/assets/css/lib/bootstrap/_type.scss +++ b/assets/css/bootstrap-3.3.2/type.less @@ -8,24 +8,24 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { - font-family: $headings-font-family; - font-weight: $headings-font-weight; - line-height: $headings-line-height; - color: $headings-color; + font-family: @headings-font-family; + font-weight: @headings-font-weight; + line-height: @headings-line-height; + color: @headings-color; small, .small { font-weight: normal; line-height: 1; - color: $headings-small-color; + color: @headings-small-color; } } h1, .h1, h2, .h2, h3, .h3 { - margin-top: $line-height-computed; - margin-bottom: ($line-height-computed / 2); + margin-top: @line-height-computed; + margin-bottom: (@line-height-computed / 2); small, .small { @@ -35,8 +35,8 @@ h3, .h3 { h4, .h4, h5, .h5, h6, .h6 { - margin-top: ($line-height-computed / 2); - margin-bottom: ($line-height-computed / 2); + margin-top: (@line-height-computed / 2); + margin-bottom: (@line-height-computed / 2); small, .small { @@ -44,29 +44,29 @@ h6, .h6 { } } -h1, .h1 { font-size: $font-size-h1; } -h2, .h2 { font-size: $font-size-h2; } -h3, .h3 { font-size: $font-size-h3; } -h4, .h4 { font-size: $font-size-h4; } -h5, .h5 { font-size: $font-size-h5; } -h6, .h6 { font-size: $font-size-h6; } +h1, .h1 { font-size: @font-size-h1; } +h2, .h2 { font-size: @font-size-h2; } +h3, .h3 { font-size: @font-size-h3; } +h4, .h4 { font-size: @font-size-h4; } +h5, .h5 { font-size: @font-size-h5; } +h6, .h6 { font-size: @font-size-h6; } // Body text // ------------------------- p { - margin: 0 0 ($line-height-computed / 2); + margin: 0 0 (@line-height-computed / 2); } .lead { - margin-bottom: $line-height-computed; - font-size: floor(($font-size-base * 1.15)); + margin-bottom: @line-height-computed; + font-size: floor((@font-size-base * 1.15)); font-weight: 300; line-height: 1.4; - @media (min-width: $screen-sm-min) { - font-size: ($font-size-base * 1.5); + @media (min-width: @screen-sm-min) { + font-size: (@font-size-base * 1.5); } } @@ -77,17 +77,12 @@ p { // Ex: (12px small font / 14px base font) * 100% = about 85% small, .small { - font-size: floor((100% * $font-size-small / $font-size-base)); -} - -// Undo browser default styling -cite { - font-style: normal; + font-size: floor((100% * @font-size-small / @font-size-base)); } mark, .mark { - background-color: $state-warning-bg; + background-color: @state-warning-bg; padding: .2em; } @@ -105,18 +100,23 @@ mark, // Contextual colors .text-muted { - color: $text-muted; + color: @text-muted; +} +.text-primary { + .text-emphasis-variant(@brand-primary); +} +.text-success { + .text-emphasis-variant(@state-success-text); +} +.text-info { + .text-emphasis-variant(@state-info-text); +} +.text-warning { + .text-emphasis-variant(@state-warning-text); +} +.text-danger { + .text-emphasis-variant(@state-danger-text); } - -@include text-emphasis-variant('.text-primary', $brand-primary); - -@include text-emphasis-variant('.text-success', $state-success-text); - -@include text-emphasis-variant('.text-info', $state-info-text); - -@include text-emphasis-variant('.text-warning', $state-warning-text); - -@include text-emphasis-variant('.text-danger', $state-danger-text); // Contextual backgrounds // For now we'll leave these alongside the text classes until v4 when we can @@ -125,25 +125,29 @@ mark, // Given the contrast here, this is the only class to have its color inverted // automatically. color: #fff; + .bg-variant(@brand-primary); +} +.bg-success { + .bg-variant(@state-success-bg); +} +.bg-info { + .bg-variant(@state-info-bg); +} +.bg-warning { + .bg-variant(@state-warning-bg); +} +.bg-danger { + .bg-variant(@state-danger-bg); } -@include bg-variant('.bg-primary', $brand-primary); - -@include bg-variant('.bg-success', $state-success-bg); - -@include bg-variant('.bg-info', $state-info-bg); - -@include bg-variant('.bg-warning', $state-warning-bg); - -@include bg-variant('.bg-danger', $state-danger-bg); // Page header // ------------------------- .page-header { - padding-bottom: (($line-height-computed / 2) - 1); - margin: ($line-height-computed * 2) 0 $line-height-computed; - border-bottom: 1px solid $page-header-border-color; + padding-bottom: ((@line-height-computed / 2) - 1); + margin: (@line-height-computed * 2) 0 @line-height-computed; + border-bottom: 1px solid @page-header-border-color; } @@ -154,7 +158,7 @@ mark, ul, ol { margin-top: 0; - margin-bottom: ($line-height-computed / 2); + margin-bottom: (@line-height-computed / 2); ul, ol { margin-bottom: 0; @@ -171,7 +175,7 @@ ol { // Inline turns list items into inline-block .list-inline { - @extend .list-unstyled; + .list-unstyled(); margin-left: -5px; > li { @@ -184,11 +188,11 @@ ol { // Description Lists dl { margin-top: 0; // Remove browser default - margin-bottom: $line-height-computed; + margin-bottom: @line-height-computed; } dt, dd { - line-height: $line-height-base; + line-height: @line-height-base; } dt { font-weight: bold; @@ -204,19 +208,19 @@ dd { .dl-horizontal { dd { - @include clearfix(); // Clear the floated `dt` if an empty `dd` is present + &:extend(.clearfix all); // Clear the floated `dt` if an empty `dd` is present } - @media (min-width: $grid-float-breakpoint) { + @media (min-width: @grid-float-breakpoint) { dt { float: left; - width: ($dl-horizontal-offset - 20); + width: (@dl-horizontal-offset - 20); clear: left; text-align: right; - @include text-overflow(); + .text-overflow(); } dd { - margin-left: $dl-horizontal-offset; + margin-left: @dl-horizontal-offset; } } } @@ -230,7 +234,7 @@ abbr[title], // Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257 abbr[data-original-title] { cursor: help; - border-bottom: 1px dotted $abbr-border-color; + border-bottom: 1px dotted @abbr-border-color; } .initialism { font-size: 90%; @@ -239,10 +243,10 @@ abbr[data-original-title] { // Blockquotes blockquote { - padding: ($line-height-computed / 2) $line-height-computed; - margin: 0 0 $line-height-computed; - font-size: $blockquote-font-size; - border-left: 5px solid $blockquote-border-color; + padding: (@line-height-computed / 2) @line-height-computed; + margin: 0 0 @line-height-computed; + font-size: @blockquote-font-size; + border-left: 5px solid @blockquote-border-color; p, ul, @@ -259,8 +263,8 @@ blockquote { .small { display: block; font-size: 80%; // back to default font-size - line-height: $line-height-base; - color: $blockquote-small-color; + line-height: @line-height-base; + color: @blockquote-small-color; &:before { content: '\2014 \00A0'; // em dash, nbsp @@ -275,7 +279,7 @@ blockquote { blockquote.pull-right { padding-right: 15px; padding-left: 0; - border-right: 5px solid $blockquote-border-color; + border-right: 5px solid @blockquote-border-color; border-left: 0; text-align: right; @@ -290,15 +294,9 @@ blockquote.pull-right { } } -// Quotes -blockquote:before, -blockquote:after { - content: ""; -} - // Addresses address { - margin-bottom: $line-height-computed; + margin-bottom: @line-height-computed; font-style: normal; - line-height: $line-height-base; + line-height: @line-height-base; } diff --git a/assets/css/lib/bootstrap/_utilities.scss b/assets/css/bootstrap-3.3.2/utilities.less index 3ad5f2e..a260312 100644 --- a/assets/css/lib/bootstrap/_utilities.scss +++ b/assets/css/bootstrap-3.3.2/utilities.less @@ -7,10 +7,10 @@ // ------------------------- .clearfix { - @include clearfix(); + .clearfix(); } .center-block { - @include center-block(); + .center-block(); } .pull-right { float: right !important; @@ -34,7 +34,7 @@ visibility: hidden; } .text-hide { - @include text-hide(); + .text-hide(); } @@ -53,5 +53,4 @@ .affix { position: fixed; - @include translate3d(0, 0, 0); } diff --git a/assets/css/bootstrap-3.3.2/variables.less b/assets/css/bootstrap-3.3.2/variables.less new file mode 100644 index 0000000..002be6a --- /dev/null +++ b/assets/css/bootstrap-3.3.2/variables.less @@ -0,0 +1,857 @@ +// +// Variables +// -------------------------------------------------- + + +//== Colors +// +//## Gray and brand colors for use across Bootstrap. + +@gray-base: #000; +@gray-darker: lighten(@gray-base, 13.5%); // #222 +@gray-dark: lighten(@gray-base, 20%); // #333 +@gray: lighten(@gray-base, 33.5%); // #555 +@gray-light: lighten(@gray-base, 46.7%); // #777 +@gray-lighter: lighten(@gray-base, 93.5%); // #eee + +@brand-primary: darken(#428bca, 6.5%); // #337ab7 +@brand-success: #5cb85c; +@brand-info: #5bc0de; +@brand-warning: #f0ad4e; +@brand-danger: #d9534f; + + +//== Scaffolding +// +//## Settings for some of the most global styles. + +//** Background color for `<body>`. +@body-bg: #fff; +//** Global text color on `<body>`. +@text-color: @gray-dark; + +//** Global textual link color. +@link-color: @brand-primary; +//** Link hover color set via `darken()` function. +@link-hover-color: darken(@link-color, 15%); +//** Link hover decoration. +@link-hover-decoration: underline; + + +//== Typography +// +//## Font, line-height, and color for body text, headings, and more. + +@font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif; +@font-family-serif: Georgia, "Times New Roman", Times, serif; +//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. +@font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; +@font-family-base: @font-family-sans-serif; + +@font-size-base: 14px; +@font-size-large: ceil((@font-size-base * 1.25)); // ~18px +@font-size-small: ceil((@font-size-base * 0.85)); // ~12px + +@font-size-h1: floor((@font-size-base * 2.6)); // ~36px +@font-size-h2: floor((@font-size-base * 2.15)); // ~30px +@font-size-h3: ceil((@font-size-base * 1.7)); // ~24px +@font-size-h4: ceil((@font-size-base * 1.25)); // ~18px +@font-size-h5: @font-size-base; +@font-size-h6: ceil((@font-size-base * 0.85)); // ~12px + +//** Unit-less `line-height` for use in components like buttons. +@line-height-base: 1.428571429; // 20/14 +//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. +@line-height-computed: floor((@font-size-base * @line-height-base)); // ~20px + +//** By default, this inherits from the `<body>`. +@headings-font-family: inherit; +@headings-font-weight: 500; +@headings-line-height: 1.1; +@headings-color: inherit; + + +//== Iconography +// +//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. + +//** Load fonts from this directory. +@icon-font-path: "../fonts/"; +//** File name for all font files. +@icon-font-name: "glyphicons-halflings-regular"; +//** Element ID within SVG icon file. +@icon-font-svg-id: "glyphicons_halflingsregular"; + + +//== Components +// +//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). + +@padding-base-vertical: 6px; +@padding-base-horizontal: 12px; + +@padding-large-vertical: 10px; +@padding-large-horizontal: 16px; + +@padding-small-vertical: 5px; +@padding-small-horizontal: 10px; + +@padding-xs-vertical: 1px; +@padding-xs-horizontal: 5px; + +@line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome +@line-height-small: 1.5; + +@border-radius-base: 4px; +@border-radius-large: 6px; +@border-radius-small: 3px; + +//** Global color for active items (e.g., navs or dropdowns). +@component-active-color: #fff; +//** Global background color for active items (e.g., navs or dropdowns). +@component-active-bg: @brand-primary; + +//** Width of the `border` for generating carets that indicator dropdowns. +@caret-width-base: 4px; +//** Carets increase slightly in size for larger components. +@caret-width-large: 5px; + + +//== Tables +// +//## Customizes the `.table` component with basic values, each used across all table variations. + +//** Padding for `<th>`s and `<td>`s. +@table-cell-padding: 8px; +//** Padding for cells in `.table-condensed`. +@table-condensed-cell-padding: 5px; + +//** Default background color used for all tables. +@table-bg: transparent; +//** Background color used for `.table-striped`. +@table-bg-accent: #f9f9f9; +//** Background color used for `.table-hover`. +@table-bg-hover: #f5f5f5; +@table-bg-active: @table-bg-hover; + +//** Border color for table and cell borders. +@table-border-color: #ddd; + + +//== Buttons +// +//## For each of Bootstrap's buttons, define text, background and border color. + +@btn-font-weight: normal; + +@btn-default-color: #333; +@btn-default-bg: #fff; +@btn-default-border: #ccc; + +@btn-primary-color: #fff; +@btn-primary-bg: @brand-primary; +@btn-primary-border: darken(@btn-primary-bg, 5%); + +@btn-success-color: #fff; +@btn-success-bg: @brand-success; +@btn-success-border: darken(@btn-success-bg, 5%); + +@btn-info-color: #fff; +@btn-info-bg: @brand-info; +@btn-info-border: darken(@btn-info-bg, 5%); + +@btn-warning-color: #fff; +@btn-warning-bg: @brand-warning; +@btn-warning-border: darken(@btn-warning-bg, 5%); + +@btn-danger-color: #fff; +@btn-danger-bg: @brand-danger; +@btn-danger-border: darken(@btn-danger-bg, 5%); + +@btn-link-disabled-color: @gray-light; + + +//== Forms +// +//## + +//** `<input>` background color +@input-bg: #fff; +//** `<input disabled>` background color +@input-bg-disabled: @gray-lighter; + +//** Text color for `<input>`s +@input-color: @gray; +//** `<input>` border color +@input-border: #ccc; + +// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4 +//** Default `.form-control` border radius +// This has no effect on `<select>`s in some browsers, due to the limited stylability of `<select>`s in CSS. +@input-border-radius: @border-radius-base; +//** Large `.form-control` border radius +@input-border-radius-large: @border-radius-large; +//** Small `.form-control` border radius +@input-border-radius-small: @border-radius-small; + +//** Border color for inputs on focus +@input-border-focus: #66afe9; + +//** Placeholder text color +@input-color-placeholder: #999; + +//** Default `.form-control` height +@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2); +//** Large `.form-control` height +@input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2); +//** Small `.form-control` height +@input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2); + +@legend-color: @gray-dark; +@legend-border-color: #e5e5e5; + +//** Background color for textual input addons +@input-group-addon-bg: @gray-lighter; +//** Border color for textual input addons +@input-group-addon-border-color: @input-border; + +//** Disabled cursor for form controls and buttons. +@cursor-disabled: not-allowed; + + +//== Dropdowns +// +//## Dropdown menu container and contents. + +//** Background for the dropdown menu. +@dropdown-bg: #fff; +//** Dropdown menu `border-color`. +@dropdown-border: rgba(0,0,0,.15); +//** Dropdown menu `border-color` **for IE8**. +@dropdown-fallback-border: #ccc; +//** Divider color for between dropdown items. +@dropdown-divider-bg: #e5e5e5; + +//** Dropdown link text color. +@dropdown-link-color: @gray-dark; +//** Hover color for dropdown links. +@dropdown-link-hover-color: darken(@gray-dark, 5%); +//** Hover background for dropdown links. +@dropdown-link-hover-bg: #f5f5f5; + +//** Active dropdown menu item text color. +@dropdown-link-active-color: @component-active-color; +//** Active dropdown menu item background color. +@dropdown-link-active-bg: @component-active-bg; + +//** Disabled dropdown menu item background color. +@dropdown-link-disabled-color: @gray-light; + +//** Text color for headers within dropdown menus. +@dropdown-header-color: @gray-light; + +//** Deprecated `@dropdown-caret-color` as of v3.1.0 +@dropdown-caret-color: #000; + + +//-- Z-index master list +// +// Warning: Avoid customizing these values. They're used for a bird's eye view +// of components dependent on the z-axis and are designed to all work together. +// +// Note: These variables are not generated into the Customizer. + +@zindex-navbar: 1000; +@zindex-dropdown: 1000; +@zindex-popover: 1060; +@zindex-tooltip: 1070; +@zindex-navbar-fixed: 1030; +@zindex-modal: 1040; + + +//== Media queries breakpoints +// +//## Define the breakpoints at which your layout will change, adapting to different screen sizes. + +// Extra small screen / phone +//** Deprecated `@screen-xs` as of v3.0.1 +@screen-xs: 480px; +//** Deprecated `@screen-xs-min` as of v3.2.0 +@screen-xs-min: @screen-xs; +//** Deprecated `@screen-phone` as of v3.0.1 +@screen-phone: @screen-xs-min; + +// Small screen / tablet +//** Deprecated `@screen-sm` as of v3.0.1 +@screen-sm: 768px; +@screen-sm-min: @screen-sm; +//** Deprecated `@screen-tablet` as of v3.0.1 +@screen-tablet: @screen-sm-min; + +// Medium screen / desktop +//** Deprecated `@screen-md` as of v3.0.1 +@screen-md: 992px; +@screen-md-min: @screen-md; +//** Deprecated `@screen-desktop` as of v3.0.1 +@screen-desktop: @screen-md-min; + +// Large screen / wide desktop +//** Deprecated `@screen-lg` as of v3.0.1 +@screen-lg: 1200px; +@screen-lg-min: @screen-lg; +//** Deprecated `@screen-lg-desktop` as of v3.0.1 +@screen-lg-desktop: @screen-lg-min; + +// So media queries don't overlap when required, provide a maximum +@screen-xs-max: (@screen-sm-min - 1); +@screen-sm-max: (@screen-md-min - 1); +@screen-md-max: (@screen-lg-min - 1); + + +//== Grid system +// +//## Define your custom responsive grid. + +//** Number of columns in the grid. +@grid-columns: 12; +//** Padding between columns. Gets divided in half for the left and right. +@grid-gutter-width: 30px; +// Navbar collapse +//** Point at which the navbar becomes uncollapsed. +@grid-float-breakpoint: @screen-sm-min; +//** Point at which the navbar begins collapsing. +@grid-float-breakpoint-max: (@grid-float-breakpoint - 1); + + +//== Container sizes +// +//## Define the maximum width of `.container` for different screen sizes. + +// Small screen / tablet +@container-tablet: (720px + @grid-gutter-width); +//** For `@screen-sm-min` and up. +@container-sm: @container-tablet; + +// Medium screen / desktop +@container-desktop: (940px + @grid-gutter-width); +//** For `@screen-md-min` and up. +@container-md: @container-desktop; + +// Large screen / wide desktop +@container-large-desktop: (1140px + @grid-gutter-width); +//** For `@screen-lg-min` and up. +@container-lg: @container-large-desktop; + + +//== Navbar +// +//## + +// Basics of a navbar +@navbar-height: 50px; +@navbar-margin-bottom: @line-height-computed; +@navbar-border-radius: @border-radius-base; +@navbar-padding-horizontal: floor((@grid-gutter-width / 2)); +@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2); +@navbar-collapse-max-height: 340px; + +@navbar-default-color: #777; +@navbar-default-bg: #f8f8f8; +@navbar-default-border: darken(@navbar-default-bg, 6.5%); + +// Navbar links +@navbar-default-link-color: #777; +@navbar-default-link-hover-color: #333; +@navbar-default-link-hover-bg: transparent; +@navbar-default-link-active-color: #555; +@navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%); +@navbar-default-link-disabled-color: #ccc; +@navbar-default-link-disabled-bg: transparent; + +// Navbar brand label +@navbar-default-brand-color: @navbar-default-link-color; +@navbar-default-brand-hover-color: darken(@navbar-default-brand-color, 10%); +@navbar-default-brand-hover-bg: transparent; + +// Navbar toggle +@navbar-default-toggle-hover-bg: #ddd; +@navbar-default-toggle-icon-bar-bg: #888; +@navbar-default-toggle-border-color: #ddd; + + +// Inverted navbar +// Reset inverted navbar basics +@navbar-inverse-color: lighten(@gray-light, 15%); +@navbar-inverse-bg: #222; +@navbar-inverse-border: darken(@navbar-inverse-bg, 10%); + +// Inverted navbar links +@navbar-inverse-link-color: lighten(@gray-light, 15%); +@navbar-inverse-link-hover-color: #fff; +@navbar-inverse-link-hover-bg: transparent; +@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color; +@navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%); +@navbar-inverse-link-disabled-color: #444; +@navbar-inverse-link-disabled-bg: transparent; + +// Inverted navbar brand label +@navbar-inverse-brand-color: @navbar-inverse-link-color; +@navbar-inverse-brand-hover-color: #fff; +@navbar-inverse-brand-hover-bg: transparent; + +// Inverted navbar toggle +@navbar-inverse-toggle-hover-bg: #333; +@navbar-inverse-toggle-icon-bar-bg: #fff; +@navbar-inverse-toggle-border-color: #333; + + +//== Navs +// +//## + +//=== Shared nav styles +@nav-link-padding: 10px 15px; +@nav-link-hover-bg: @gray-lighter; + +@nav-disabled-link-color: @gray-light; +@nav-disabled-link-hover-color: @gray-light; + +//== Tabs +@nav-tabs-border-color: #ddd; + +@nav-tabs-link-hover-border-color: @gray-lighter; + +@nav-tabs-active-link-hover-bg: @body-bg; +@nav-tabs-active-link-hover-color: @gray; +@nav-tabs-active-link-hover-border-color: #ddd; + +@nav-tabs-justified-link-border-color: #ddd; +@nav-tabs-justified-active-link-border-color: @body-bg; + +//== Pills +@nav-pills-border-radius: @border-radius-base; +@nav-pills-active-link-hover-bg: @component-active-bg; +@nav-pills-active-link-hover-color: @component-active-color; + + +//== Pagination +// +//## + +@pagination-color: @link-color; +@pagination-bg: #fff; +@pagination-border: #ddd; + +@pagination-hover-color: @link-hover-color; +@pagination-hover-bg: @gray-lighter; +@pagination-hover-border: #ddd; + +@pagination-active-color: #fff; +@pagination-active-bg: @brand-primary; +@pagination-active-border: @brand-primary; + +@pagination-disabled-color: @gray-light; +@pagination-disabled-bg: #fff; +@pagination-disabled-border: #ddd; + + +//== Pager +// +//## + +@pager-bg: @pagination-bg; +@pager-border: @pagination-border; +@pager-border-radius: 15px; + +@pager-hover-bg: @pagination-hover-bg; + +@pager-active-bg: @pagination-active-bg; +@pager-active-color: @pagination-active-color; + +@pager-disabled-color: @pagination-disabled-color; + + +//== Jumbotron +// +//## + +@jumbotron-padding: 30px; +@jumbotron-color: inherit; +@jumbotron-bg: @gray-lighter; +@jumbotron-heading-color: inherit; +@jumbotron-font-size: ceil((@font-size-base * 1.5)); + + +//== Form states and alerts +// +//## Define colors for form feedback states and, by default, alerts. + +@state-success-text: #3c763d; +@state-success-bg: #dff0d8; +@state-success-border: darken(spin(@state-success-bg, -10), 5%); + +@state-info-text: #31708f; +@state-info-bg: #d9edf7; +@state-info-border: darken(spin(@state-info-bg, -10), 7%); + +@state-warning-text: #8a6d3b; +@state-warning-bg: #fcf8e3; +@state-warning-border: darken(spin(@state-warning-bg, -10), 5%); + +@state-danger-text: #a94442; +@state-danger-bg: #f2dede; +@state-danger-border: darken(spin(@state-danger-bg, -10), 5%); + + +//== Tooltips +// +//## + +//** Tooltip max width +@tooltip-max-width: 200px; +//** Tooltip text color +@tooltip-color: #fff; +//** Tooltip background color +@tooltip-bg: #000; +@tooltip-opacity: .9; + +//** Tooltip arrow width +@tooltip-arrow-width: 5px; +//** Tooltip arrow color +@tooltip-arrow-color: @tooltip-bg; + + +//== Popovers +// +//## + +//** Popover body background color +@popover-bg: #fff; +//** Popover maximum width +@popover-max-width: 276px; +//** Popover border color +@popover-border-color: rgba(0,0,0,.2); +//** Popover fallback border color +@popover-fallback-border-color: #ccc; + +//** Popover title background color +@popover-title-bg: darken(@popover-bg, 3%); + +//** Popover arrow width +@popover-arrow-width: 10px; +//** Popover arrow color +@popover-arrow-color: @popover-bg; + +//** Popover outer arrow width +@popover-arrow-outer-width: (@popover-arrow-width + 1); +//** Popover outer arrow color +@popover-arrow-outer-color: fadein(@popover-border-color, 5%); +//** Popover outer arrow fallback color +@popover-arrow-outer-fallback-color: darken(@popover-fallback-border-color, 20%); + + +//== Labels +// +//## + +//** Default label background color +@label-default-bg: @gray-light; +//** Primary label background color +@label-primary-bg: @brand-primary; +//** Success label background color +@label-success-bg: @brand-success; +//** Info label background color +@label-info-bg: @brand-info; +//** Warning label background color +@label-warning-bg: @brand-warning; +//** Danger label background color +@label-danger-bg: @brand-danger; + +//** Default label text color +@label-color: #fff; +//** Default text color of a linked label +@label-link-hover-color: #fff; + + +//== Modals +// +//## + +//** Padding applied to the modal body +@modal-inner-padding: 15px; + +//** Padding applied to the modal title +@modal-title-padding: 15px; +//** Modal title line-height +@modal-title-line-height: @line-height-base; + +//** Background color of modal content area +@modal-content-bg: #fff; +//** Modal content border color +@modal-content-border-color: rgba(0,0,0,.2); +//** Modal content border color **for IE8** +@modal-content-fallback-border-color: #999; + +//** Modal backdrop background color +@modal-backdrop-bg: #000; +//** Modal backdrop opacity +@modal-backdrop-opacity: .5; +//** Modal header border color +@modal-header-border-color: #e5e5e5; +//** Modal footer border color +@modal-footer-border-color: @modal-header-border-color; + +@modal-lg: 900px; +@modal-md: 600px; +@modal-sm: 300px; + + +//== Alerts +// +//## Define alert colors, border radius, and padding. + +@alert-padding: 15px; +@alert-border-radius: @border-radius-base; +@alert-link-font-weight: bold; + +@alert-success-bg: @state-success-bg; +@alert-success-text: @state-success-text; +@alert-success-border: @state-success-border; + +@alert-info-bg: @state-info-bg; +@alert-info-text: @state-info-text; +@alert-info-border: @state-info-border; + +@alert-warning-bg: @state-warning-bg; +@alert-warning-text: @state-warning-text; +@alert-warning-border: @state-warning-border; + +@alert-danger-bg: @state-danger-bg; +@alert-danger-text: @state-danger-text; +@alert-danger-border: @state-danger-border; + + +//== Progress bars +// +//## + +//** Background color of the whole progress component +@progress-bg: #f5f5f5; +//** Progress bar text color +@progress-bar-color: #fff; +//** Variable for setting rounded corners on progress bar. +@progress-border-radius: @border-radius-base; + +//** Default progress bar color +@progress-bar-bg: @brand-primary; +//** Success progress bar color +@progress-bar-success-bg: @brand-success; +//** Warning progress bar color +@progress-bar-warning-bg: @brand-warning; +//** Danger progress bar color +@progress-bar-danger-bg: @brand-danger; +//** Info progress bar color +@progress-bar-info-bg: @brand-info; + + +//== List group +// +//## + +//** Background color on `.list-group-item` +@list-group-bg: #fff; +//** `.list-group-item` border color +@list-group-border: #ddd; +//** List group border radius +@list-group-border-radius: @border-radius-base; + +//** Background color of single list items on hover +@list-group-hover-bg: #f5f5f5; +//** Text color of active list items +@list-group-active-color: @component-active-color; +//** Background color of active list items +@list-group-active-bg: @component-active-bg; +//** Border color of active list elements +@list-group-active-border: @list-group-active-bg; +//** Text color for content within active list items +@list-group-active-text-color: lighten(@list-group-active-bg, 40%); + +//** Text color of disabled list items +@list-group-disabled-color: @gray-light; +//** Background color of disabled list items +@list-group-disabled-bg: @gray-lighter; +//** Text color for content within disabled list items +@list-group-disabled-text-color: @list-group-disabled-color; + +@list-group-link-color: #555; +@list-group-link-hover-color: @list-group-link-color; +@list-group-link-heading-color: #333; + + +//== Panels +// +//## + +@panel-bg: #fff; +@panel-body-padding: 15px; +@panel-heading-padding: 10px 15px; +@panel-footer-padding: @panel-heading-padding; +@panel-border-radius: @border-radius-base; + +//** Border color for elements within panels +@panel-inner-border: #ddd; +@panel-footer-bg: #f5f5f5; + +@panel-default-text: @gray-dark; +@panel-default-border: #ddd; +@panel-default-heading-bg: #f5f5f5; + +@panel-primary-text: #fff; +@panel-primary-border: @brand-primary; +@panel-primary-heading-bg: @brand-primary; + +@panel-success-text: @state-success-text; +@panel-success-border: @state-success-border; +@panel-success-heading-bg: @state-success-bg; + +@panel-info-text: @state-info-text; +@panel-info-border: @state-info-border; +@panel-info-heading-bg: @state-info-bg; + +@panel-warning-text: @state-warning-text; +@panel-warning-border: @state-warning-border; +@panel-warning-heading-bg: @state-warning-bg; + +@panel-danger-text: @state-danger-text; +@panel-danger-border: @state-danger-border; +@panel-danger-heading-bg: @state-danger-bg; + + +//== Thumbnails +// +//## + +//** Padding around the thumbnail image +@thumbnail-padding: 4px; +//** Thumbnail background color +@thumbnail-bg: @body-bg; +//** Thumbnail border color +@thumbnail-border: #ddd; +//** Thumbnail border radius +@thumbnail-border-radius: @border-radius-base; + +//** Custom text color for thumbnail captions +@thumbnail-caption-color: @text-color; +//** Padding around the thumbnail caption +@thumbnail-caption-padding: 9px; + + +//== Wells +// +//## + +@well-bg: #f5f5f5; +@well-border: darken(@well-bg, 7%); + + +//== Badges +// +//## + +@badge-color: #fff; +//** Linked badge text color on hover +@badge-link-hover-color: #fff; +@badge-bg: @gray-light; + +//** Badge text color in active nav link +@badge-active-color: @link-color; +//** Badge background color in active nav link +@badge-active-bg: #fff; + +@badge-font-weight: bold; +@badge-line-height: 1; +@badge-border-radius: 10px; + + +//== Breadcrumbs +// +//## + +@breadcrumb-padding-vertical: 8px; +@breadcrumb-padding-horizontal: 15px; +//** Breadcrumb background color +@breadcrumb-bg: #f5f5f5; +//** Breadcrumb text color +@breadcrumb-color: #ccc; +//** Text color of current page in the breadcrumb +@breadcrumb-active-color: @gray-light; +//** Textual separator for between breadcrumb elements +@breadcrumb-separator: "/"; + + +//== Carousel +// +//## + +@carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); + +@carousel-control-color: #fff; +@carousel-control-width: 15%; +@carousel-control-opacity: .5; +@carousel-control-font-size: 20px; + +@carousel-indicator-active-bg: #fff; +@carousel-indicator-border-color: #fff; + +@carousel-caption-color: #fff; + + +//== Close +// +//## + +@close-font-weight: bold; +@close-color: #000; +@close-text-shadow: 0 1px 0 #fff; + + +//== Code +// +//## + +@code-color: #c7254e; +@code-bg: #f9f2f4; + +@kbd-color: #fff; +@kbd-bg: #333; + +@pre-bg: #f5f5f5; +@pre-color: @gray-dark; +@pre-border-color: #ccc; +@pre-scrollable-max-height: 340px; + + +//== Type +// +//## + +//** Horizontal offset for forms and lists. +@component-offset-horizontal: 180px; +//** Text muted color +@text-muted: @gray-light; +//** Abbreviations and acronyms border color +@abbr-border-color: @gray-light; +//** Headings small color +@headings-small-color: @gray-light; +//** Blockquote small color +@blockquote-small-color: @gray-light; +//** Blockquote font size +@blockquote-font-size: (@font-size-base * 1.25); +//** Blockquote border color +@blockquote-border-color: @gray-lighter; +//** Page header border color +@page-header-border-color: @gray-lighter; +//** Width of horizontal description list titles +@dl-horizontal-offset: @component-offset-horizontal; +//** Horizontal line color. +@hr-border: @gray-lighter; diff --git a/assets/css/lib/bootstrap/_wells.scss b/assets/css/bootstrap-3.3.2/wells.less index b865711..15d072b 100644 --- a/assets/css/lib/bootstrap/_wells.scss +++ b/assets/css/bootstrap-3.3.2/wells.less @@ -8,10 +8,10 @@ min-height: 20px; padding: 19px; margin-bottom: 20px; - background-color: $well-bg; - border: 1px solid $well-border; - border-radius: $border-radius-base; - @include box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); + background-color: @well-bg; + border: 1px solid @well-border; + border-radius: @border-radius-base; + .box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); blockquote { border-color: #ddd; border-color: rgba(0,0,0,.15); @@ -21,9 +21,9 @@ // Sizes .well-lg { padding: 24px; - border-radius: $border-radius-large; + border-radius: @border-radius-large; } .well-sm { padding: 9px; - border-radius: $border-radius-small; + border-radius: @border-radius-small; } |