From cc832a953f5d7aa7d0e0c07ae03e13a0a7b0ed45 Mon Sep 17 00:00:00 2001 From: Dave Gandy Date: Fri, 22 Aug 2014 12:48:33 -0400 Subject: [PATCH] adding src links in doc to LESS and SASS --- _config.yml | 5 +- src/_includes/examples/basic.html | 8 +- src/_includes/examples/bordered-pulled.html | 8 +- src/_includes/examples/fixed-width.html | 8 +- src/_includes/examples/larger.html | 8 +- src/_includes/examples/list.html | 8 +- src/_includes/examples/rotated-flipped.html | 8 +- src/_includes/examples/spinning.html | 8 +- src/_includes/examples/stacked.html | 8 +- src/assets/less/bootstrap-3.1.1/mixins.less | 929 ------------------ .../bootstrap-3.1.1/responsive-utilities.less | 92 -- .../.csscomb.json | 4 +- .../.csslintrc | 0 .../alerts.less | 7 +- .../badges.less | 38 +- .../bootstrap.less | 5 +- .../breadcrumbs.less | 0 .../button-groups.less | 18 +- .../buttons.less | 2 - .../carousel.less | 19 +- .../close.less | 0 .../code.less | 7 +- .../component-animations.less | 10 +- .../dropdowns.less | 2 + .../forms.less | 186 +++- .../glyphicons.less | 10 +- .../grid.less | 0 .../input-groups.less | 8 +- .../jumbotron.less | 4 + .../labels.less | 2 +- .../list-group.less | 23 +- .../media.less | 0 src/assets/less/bootstrap-3.2.0/mixins.less | 39 + .../less/bootstrap-3.2.0/mixins/alerts.less | 14 + .../mixins/background-variant.less | 8 + .../bootstrap-3.2.0/mixins/border-radius.less | 18 + .../less/bootstrap-3.2.0/mixins/buttons.less | 50 + .../bootstrap-3.2.0/mixins/center-block.less | 7 + .../less/bootstrap-3.2.0/mixins/clearfix.less | 22 + .../less/bootstrap-3.2.0/mixins/forms.less | 81 ++ .../bootstrap-3.2.0/mixins/gradients.less | 59 ++ .../mixins/grid-framework.less | 91 ++ .../less/bootstrap-3.2.0/mixins/grid.less | 122 +++ .../bootstrap-3.2.0/mixins/hide-text.less | 21 + .../less/bootstrap-3.2.0/mixins/image.less | 34 + .../less/bootstrap-3.2.0/mixins/labels.less | 12 + .../bootstrap-3.2.0/mixins/list-group.less | 29 + .../bootstrap-3.2.0/mixins/nav-divider.less | 10 + .../mixins/nav-vertical-align.less | 9 + .../less/bootstrap-3.2.0/mixins/opacity.less | 8 + .../bootstrap-3.2.0/mixins/pagination.less | 23 + .../less/bootstrap-3.2.0/mixins/panels.less | 24 + .../bootstrap-3.2.0/mixins/progress-bar.less | 10 + .../bootstrap-3.2.0/mixins/reset-filter.less | 8 + .../less/bootstrap-3.2.0/mixins/resize.less | 6 + .../mixins/responsive-visibility.less | 15 + .../less/bootstrap-3.2.0/mixins/size.less | 10 + .../bootstrap-3.2.0/mixins/tab-focus.less | 9 + .../bootstrap-3.2.0/mixins/table-row.less | 28 + .../bootstrap-3.2.0/mixins/text-emphasis.less | 8 + .../bootstrap-3.2.0/mixins/text-overflow.less | 8 + .../mixins/vendor-prefixes.less | 224 +++++ .../modals.less | 25 +- .../navbar.less | 43 +- .../navs.less | 2 +- .../normalize.less | 40 +- .../pager.less | 0 .../pagination.less | 0 .../panels.less | 14 +- .../popovers.less | 2 +- .../print.less | 0 .../progress-bars.less | 29 +- .../bootstrap-3.2.0/responsive-embed.less | 34 + .../bootstrap-3.2.0/responsive-utilities.less | 194 ++++ .../scaffolding.less | 18 +- .../tables.less | 8 +- .../theme.less | 11 + .../thumbnails.less | 0 .../tooltip.less | 0 .../type.less | 44 +- .../utilities.less | 1 + .../variables.less | 63 +- .../wells.less | 0 83 files changed, 1771 insertions(+), 1199 deletions(-) delete mode 100644 src/assets/less/bootstrap-3.1.1/mixins.less delete mode 100644 src/assets/less/bootstrap-3.1.1/responsive-utilities.less rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/.csscomb.json (99%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/.csslintrc (100%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/alerts.less (89%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/badges.less (61%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/bootstrap.less (94%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/breadcrumbs.less (100%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/button-groups.less (90%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/buttons.less (98%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/carousel.less (95%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/close.less (100%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/code.less (94%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/component-animations.less (68%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/dropdowns.less (97%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/forms.less (72%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/glyphicons.less (97%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/grid.less (100%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/input-groups.less (97%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/jumbotron.less (93%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/labels.less (98%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/list-group.less (84%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/media.less (100%) mode change 100644 => 100755 create mode 100755 src/assets/less/bootstrap-3.2.0/mixins.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/alerts.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/background-variant.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/border-radius.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/buttons.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/center-block.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/clearfix.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/forms.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/gradients.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/grid-framework.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/grid.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/hide-text.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/image.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/labels.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/list-group.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/nav-divider.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/nav-vertical-align.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/opacity.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/pagination.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/panels.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/progress-bar.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/reset-filter.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/resize.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/responsive-visibility.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/size.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/tab-focus.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/table-row.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/text-emphasis.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/text-overflow.less create mode 100755 src/assets/less/bootstrap-3.2.0/mixins/vendor-prefixes.less rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/modals.less (88%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/navbar.less (94%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/navs.less (99%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/normalize.less (83%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/pager.less (100%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/pagination.less (100%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/panels.less (95%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/popovers.less (97%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/print.less (100%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/progress-bars.less (68%) mode change 100644 => 100755 create mode 100755 src/assets/less/bootstrap-3.2.0/responsive-embed.less create mode 100755 src/assets/less/bootstrap-3.2.0/responsive-utilities.less rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/scaffolding.less (85%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/tables.less (97%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/theme.less (95%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/thumbnails.less (100%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/tooltip.less (100%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/type.less (86%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/utilities.less (96%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/variables.less (93%) mode change 100644 => 100755 rename src/assets/less/{bootstrap-3.1.1 => bootstrap-3.2.0}/wells.less (100%) mode change 100644 => 100755 diff --git a/_config.yml b/_config.yml index 42d93f5e7..7f81b9b31 100644 --- a/_config.yml +++ b/_config.yml @@ -21,6 +21,7 @@ icon_destination: icon # Relative to destination fontawesome: version: 4.2.0 minor_version: 4.2 + doc_blob: 4.2.0-wip url: http://fontawesome.io legacy_url: http://fortawesome.github.com/Font-Awesome/ blog_url: http://blog.fontawesome.io @@ -48,8 +49,8 @@ fontawesome: url: http://creativecommons.org/licenses/by/3.0/ bootstrap: - version: 3.1.1 + version: 3.2.0 url: http://getbootstrap.com jquery: - version: 1.11.0 + version: 1.11.1 diff --git a/src/_includes/examples/basic.html b/src/_includes/examples/basic.html index 1cc6a8cdb..d672ffd57 100644 --- a/src/_includes/examples/basic.html +++ b/src/_includes/examples/basic.html @@ -1,5 +1,11 @@
-

Basic Icons

+

+ Basic Icons + +

diff --git a/src/_includes/examples/bordered-pulled.html b/src/_includes/examples/bordered-pulled.html index 1ff4d12db..276641cbc 100644 --- a/src/_includes/examples/bordered-pulled.html +++ b/src/_includes/examples/bordered-pulled.html @@ -1,5 +1,11 @@
-

Bordered & Pulled Icons

+

+ Bordered & Pulled Icons + +

diff --git a/src/_includes/examples/fixed-width.html b/src/_includes/examples/fixed-width.html index 78c3d0a30..87e72db82 100644 --- a/src/_includes/examples/fixed-width.html +++ b/src/_includes/examples/fixed-width.html @@ -1,5 +1,11 @@

-

Fixed Width Icons

+

+ Fixed Width Icons + +

diff --git a/src/_includes/examples/larger.html b/src/_includes/examples/larger.html index 85aa7da82..526a62c2f 100644 --- a/src/_includes/examples/larger.html +++ b/src/_includes/examples/larger.html @@ -1,5 +1,11 @@
-

Larger Icons

+

+ Larger Icons + +

fa-lg

diff --git a/src/_includes/examples/list.html b/src/_includes/examples/list.html index 880015ab0..1c7f3008f 100644 --- a/src/_includes/examples/list.html +++ b/src/_includes/examples/list.html @@ -1,5 +1,11 @@
-

List Icons

+

+ List Icons + +

    diff --git a/src/_includes/examples/rotated-flipped.html b/src/_includes/examples/rotated-flipped.html index 588e0942a..0cd04a331 100644 --- a/src/_includes/examples/rotated-flipped.html +++ b/src/_includes/examples/rotated-flipped.html @@ -1,5 +1,11 @@
    -

    Rotated & Flipped

    +

    + Rotated & Flipped + +

    diff --git a/src/_includes/examples/spinning.html b/src/_includes/examples/spinning.html index 7f1dfd03b..2a2bcdf0b 100644 --- a/src/_includes/examples/spinning.html +++ b/src/_includes/examples/spinning.html @@ -1,5 +1,11 @@

    -

    Spinning Icons

    +

    + Spinning Icons + +

    diff --git a/src/_includes/examples/stacked.html b/src/_includes/examples/stacked.html index 0a34c5c26..7781701ca 100644 --- a/src/_includes/examples/stacked.html +++ b/src/_includes/examples/stacked.html @@ -1,5 +1,11 @@

    -

    Stacked Icons

    +

    + Stacked Icons + +

    diff --git a/src/assets/less/bootstrap-3.1.1/mixins.less b/src/assets/less/bootstrap-3.1.1/mixins.less deleted file mode 100644 index 71723dba4..000000000 --- a/src/assets/less/bootstrap-3.1.1/mixins.less +++ /dev/null @@ -1,929 +0,0 @@ -// -// Mixins -// -------------------------------------------------- - - -// Utilities -// ------------------------- - -// Clearfix -// Source: http://nicolasgallagher.com/micro-clearfix-hack/ -// -// For modern browsers -// 1. The space content is one way to avoid an Opera bug when the -// contenteditable attribute is included anywhere else in the document. -// Otherwise it causes space to appear at the top and bottom of elements -// that are clearfixed. -// 2. The use of `table` rather than `block` is only necessary if using -// `:before` to contain the top-margins of child elements. -.clearfix() { - &:before, - &:after { - content: " "; // 1 - display: table; // 2 - } - &:after { - clear: both; - } -} - -// WebKit-style focus -.tab-focus() { - // Default - outline: thin dotted; - // WebKit - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} - -// Center-align a block level element -.center-block() { - display: block; - margin-left: auto; - margin-right: auto; -} - -// Sizing shortcuts -.size(@width; @height) { - width: @width; - height: @height; -} -.square(@size) { - .size(@size; @size); -} - -// Placeholder text -.placeholder(@color: @input-color-placeholder) { - &::-moz-placeholder { color: @color; // Firefox - opacity: 1; } // See https://github.com/twbs/bootstrap/pull/11526 - &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+ - &::-webkit-input-placeholder { color: @color; } // Safari and Chrome -} - -// Text overflow -// Requires inline-block or block for proper styling -.text-overflow() { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -// CSS image replacement -// -// Heads up! v3 launched with with only `.hide-text()`, but per our pattern for -// mixins being reused as classes with the same name, this doesn't hold up. As -// of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`. Note -// that we cannot chain the mixins together in Less, so they are repeated. -// -// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 - -// Deprecated as of v3.0.1 (will be removed in v4) -.hide-text() { - font: ~"0/0" a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; -} -// New mixin to use as of v3.0.1 -.text-hide() { - .hide-text(); -} - - - -// CSS3 PROPERTIES -// -------------------------------------------------- - -// 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; -} - -// 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 the -// standard `box-shadow` property. -.box-shadow(@shadow) { - -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1 - box-shadow: @shadow; -} - -// Transitions -.transition(@transition) { - -webkit-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-transform(@transition) { - -webkit-transition: -webkit-transform @transition; - -moz-transition: -moz-transform @transition; - -o-transition: -o-transform @transition; - transition: transform @transition; -} - -// Transformations -.rotate(@degrees) { - -webkit-transform: rotate(@degrees); - -ms-transform: rotate(@degrees); // IE9 only - transform: rotate(@degrees); -} -.scale(@ratio; @ratio-y...) { - -webkit-transform: scale(@ratio, @ratio-y); - -ms-transform: scale(@ratio, @ratio-y); // IE9 only - transform: scale(@ratio, @ratio-y); -} -.translate(@x; @y) { - -webkit-transform: translate(@x, @y); - -ms-transform: translate(@x, @y); // IE9 only - transform: translate(@x, @y); -} -.skew(@x; @y) { - -webkit-transform: skew(@x, @y); - -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+ - transform: skew(@x, @y); -} -.translate3d(@x; @y; @z) { - -webkit-transform: translate3d(@x, @y, @z); - transform: translate3d(@x, @y, @z); -} - -.rotateX(@degrees) { - -webkit-transform: rotateX(@degrees); - -ms-transform: rotateX(@degrees); // IE9 only - transform: rotateX(@degrees); -} -.rotateY(@degrees) { - -webkit-transform: rotateY(@degrees); - -ms-transform: rotateY(@degrees); // IE9 only - 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; -} - -// Animations -.animation(@animation) { - -webkit-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; -} - -// 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; -} - -// Box sizing -.box-sizing(@boxmodel) { - -webkit-box-sizing: @boxmodel; - -moz-box-sizing: @boxmodel; - box-sizing: @boxmodel; -} - -// 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; -} - -// Resize anything -.resizable(@direction) { - resize: @direction; // Options: horizontal, vertical, both - overflow: auto; // Safari fix -} - -// 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; -} - -// Opacity -.opacity(@opacity) { - opacity: @opacity; - // IE8 filter - @opacity-ie: (@opacity * 100); - filter: ~"alpha(opacity=@{opacity-ie})"; -} - - - -// 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, color-stop(@start-color @start-percent), color-stop(@end-color @end-percent)); // Safari 5.1-6, Chrome 10+ - 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: 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: 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: 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: 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: linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent); - } -} - -// Reset filters for IE -// -// When you need to remove a gradient background, do not forget to use this to reset -// the IE filter for IE9 and below. -.reset-filter() { - filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)")); -} - - - -// Retina images -// -// Short retina mixin for setting background-image and -size - -.img-retina(@file-1x; @file-2x; @width-1x; @height-1x) { - background-image: url("@{file-1x}"); - - @media - only screen and (-webkit-min-device-pixel-ratio: 2), - only screen and ( min--moz-device-pixel-ratio: 2), - only screen and ( -o-min-device-pixel-ratio: 2/1), - only screen and ( min-device-pixel-ratio: 2), - only screen and ( min-resolution: 192dpi), - only screen and ( min-resolution: 2dppx) { - background-image: url("@{file-2x}"); - background-size: @width-1x @height-1x; - } -} - - -// Responsive image -// -// Keep images from scaling beyond the width of their parents. - -.img-responsive(@display: block) { - display: @display; - max-width: 100%; // Part 1: Set a maximum relative to the parent - height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching -} - - -// COMPONENT MIXINS -// -------------------------------------------------- - -// Horizontal dividers -// ------------------------- -// Dividers (basically an hr) within dropdowns and nav lists -.nav-divider(@color: #e5e5e5) { - height: 1px; - margin: ((@line-height-computed / 2) - 1) 0; - overflow: hidden; - background-color: @color; -} - -// 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; - } - } - & > .panel-footer { - + .panel-collapse .panel-body { - border-bottom-color: @border; - } - } -} - -// 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%); - } -} - -// Tables -// ------------------------- -.table-row-variant(@state; @background) { - // Exact selectors below required to override `.table-striped` and prevent - // inheritance to nested tables. - .table > thead > tr, - .table > tbody > tr, - .table > tfoot > tr { - > td.@{state}, - > th.@{state}, - &.@{state} > td, - &.@{state} > th { - background-color: @background; - } - } - - // Hover states for `.table-hover` - // Note: this is not available for cells or rows within `thead` or `tfoot`. - .table-hover > tbody > tr { - > td.@{state}:hover, - > th.@{state}:hover, - &.@{state}:hover > td, - &.@{state}:hover > th { - background-color: darken(@background, 5%); - } - } -} - -// 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; - } - } - } -} - -// 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, - &:active, - &.active, - .open .dropdown-toggle& { - color: @color; - background-color: darken(@background, 8%); - border-color: darken(@border, 12%); - } - &:active, - &.active, - .open .dropdown-toggle& { - background-image: none; - } - &.disabled, - &[disabled], - fieldset[disabled] & { - &, - &:hover, - &: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; -} - -// 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); - } - } - } -} - -// Labels -// ------------------------- -.label-variant(@color) { - background-color: @color; - &[href] { - &:hover, - &:focus { - background-color: darken(@color, 10%); - } - } -} - -// Contextual backgrounds -// ------------------------- -.bg-variant(@color) { - background-color: @color; - a&:hover { - background-color: darken(@color, 10%); - } -} - -// Typography -// ------------------------- -.text-emphasis-variant(@color) { - color: @color; - a&:hover { - color: darken(@color, 10%); - } -} - -// Navbar vertical align -// ------------------------- -// Vertically center elements in the navbar. -// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin. -.navbar-vertical-align(@element-height) { - margin-top: ((@navbar-height - @element-height) / 2); - margin-bottom: ((@navbar-height - @element-height) / 2); -} - -// Progress bars -// ------------------------- -.progress-bar-variant(@color) { - background-color: @color; - .progress-striped & { - #gradient > .striped(); - } -} - -// 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; -} - - -// Grid System -// ----------- - -// Centered container element -.container-fixed() { - margin-right: auto; - margin-left: auto; - padding-left: (@grid-gutter-width / 2); - padding-right: (@grid-gutter-width / 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) { - @media (min-width: @screen-xs-min) { - margin-left: percentage((@columns / @grid-columns)); - } -} -.make-xs-column-push(@columns) { - @media (min-width: @screen-xs-min) { - left: percentage((@columns / @grid-columns)); - } -} -.make-xs-column-pull(@columns) { - @media (min-width: @screen-xs-min) { - 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)); - } -} - - -// 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) when (@index = 1) { // 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) when (@index = 1) { // 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) { - .col-@{class}-push-@{index} { - left: percentage((@index / @grid-columns)); - } -} -.calc-grid-column(@index, @class, @type) when (@type = pull) { - .col-@{class}-pull-@{index} { - right: percentage((@index / @grid-columns)); - } -} -.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); -} - -// Form validation states -// -// Used in forms.less to generate the form validation CSS for warnings, errors, -// and successes. - -.form-control-validation(@text-color: #555; @border-color: #ccc; @background-color: #f5f5f5) { - // Color the label and help text - .help-block, - .control-label, - .radio, - .checkbox, - .radio-inline, - .checkbox-inline { - color: @text-color; - } - // Set the border and box shadow on specific inputs to match - .form-control { - border-color: @border-color; - .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work - &:focus { - border-color: darken(@border-color, 10%); - @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%); - .box-shadow(@shadow); - } - } - // Set validation states also for addons - .input-group-addon { - color: @text-color; - border-color: @border-color; - background-color: @background-color; - } - // Optional feedback icon - .form-control-feedback { - color: @text-color; - } -} - -// Form control focus state -// -// Generate a customized focus state and for any input with the specified color, -// which defaults to the `@input-focus-border` variable. -// -// We highly encourage you to not customize the default value, but instead use -// this to tweak colors on an as-needed basis. This aesthetic change is based on -// WebKit's default styles, but applicable to a wider range of browsers. Its -// usability and accessibility should be taken into account with any change. -// -// Example usage: change the default blue border and shadow to white for better -// contrast against a dark gray background. - -.form-control-focus(@color: @input-border-focus) { - @color-rgba: rgba(red(@color), green(@color), blue(@color), .6); - &:focus { - border-color: @color; - outline: 0; - .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}"); - } -} - -// Form control sizing -// -// Relative text size, padding, and border-radii changes for form controls. For -// horizontal sizing, wrap controls in the predefined grid classes. `` +// element gets special love because it's special, and that's a fact! +.input-size(@input-height; @padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) { + height: @input-height; + padding: @padding-vertical @padding-horizontal; + font-size: @font-size; + line-height: @line-height; + border-radius: @border-radius; + + select& { + height: @input-height; + line-height: @input-height; + } + + textarea&, + select[multiple]& { + height: auto; + } +} diff --git a/src/assets/less/bootstrap-3.2.0/mixins/gradients.less b/src/assets/less/bootstrap-3.2.0/mixins/gradients.less new file mode 100755 index 000000000..0b88a89cc --- /dev/null +++ b/src/assets/less/bootstrap-3.2.0/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/src/assets/less/bootstrap-3.2.0/mixins/grid-framework.less b/src/assets/less/bootstrap-3.2.0/mixins/grid-framework.less new file mode 100755 index 000000000..631785465 --- /dev/null +++ b/src/assets/less/bootstrap-3.2.0/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) when (@index = 1) { // 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) when (@index = 1) { // 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/src/assets/less/bootstrap-3.2.0/mixins/grid.less b/src/assets/less/bootstrap-3.2.0/mixins/grid.less new file mode 100755 index 000000000..cae5eaff9 --- /dev/null +++ b/src/assets/less/bootstrap-3.2.0/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/src/assets/less/bootstrap-3.2.0/mixins/hide-text.less b/src/assets/less/bootstrap-3.2.0/mixins/hide-text.less new file mode 100755 index 000000000..c2315e572 --- /dev/null +++ b/src/assets/less/bootstrap-3.2.0/mixins/hide-text.less @@ -0,0 +1,21 @@ +// CSS image replacement +// +// Heads up! v3 launched with with only `.hide-text()`, but per our pattern for +// mixins being reused as classes with the same name, this doesn't hold up. As +// of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`. +// +// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 + +// Deprecated as of v3.0.1 (will be removed in v4) +.hide-text() { + font: ~"0/0" a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +// New mixin to use as of v3.0.1 +.text-hide() { + .hide-text(); +} diff --git a/src/assets/less/bootstrap-3.2.0/mixins/image.less b/src/assets/less/bootstrap-3.2.0/mixins/image.less new file mode 100755 index 000000000..5d2cccb27 --- /dev/null +++ b/src/assets/less/bootstrap-3.2.0/mixins/image.less @@ -0,0 +1,34 @@ +// Image Mixins +// - Responsive image +// - Retina image + + +// Responsive image +// +// Keep images from scaling beyond the width of their parents. +.img-responsive(@display: block) { + display: @display; + width: 100% \9; // Force IE10 and below to size SVG images correctly + max-width: 100%; // Part 1: Set a maximum relative to the parent + height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching +} + + +// Retina image +// +// Short retina mixin for setting background-image and -size. Note that the +// spelling of `min--moz-device-pixel-ratio` is intentional. +.img-retina(@file-1x; @file-2x; @width-1x; @height-1x) { + background-image: url("@{file-1x}"); + + @media + only screen and (-webkit-min-device-pixel-ratio: 2), + only screen and ( min--moz-device-pixel-ratio: 2), + only screen and ( -o-min-device-pixel-ratio: 2/1), + only screen and ( min-device-pixel-ratio: 2), + only screen and ( min-resolution: 192dpi), + only screen and ( min-resolution: 2dppx) { + background-image: url("@{file-2x}"); + background-size: @width-1x @height-1x; + } +} diff --git a/src/assets/less/bootstrap-3.2.0/mixins/labels.less b/src/assets/less/bootstrap-3.2.0/mixins/labels.less new file mode 100755 index 000000000..6f9e490b8 --- /dev/null +++ b/src/assets/less/bootstrap-3.2.0/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/src/assets/less/bootstrap-3.2.0/mixins/list-group.less b/src/assets/less/bootstrap-3.2.0/mixins/list-group.less new file mode 100755 index 000000000..8b5b065cb --- /dev/null +++ b/src/assets/less/bootstrap-3.2.0/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/src/assets/less/bootstrap-3.2.0/mixins/nav-divider.less b/src/assets/less/bootstrap-3.2.0/mixins/nav-divider.less new file mode 100755 index 000000000..feb1e9ed0 --- /dev/null +++ b/src/assets/less/bootstrap-3.2.0/mixins/nav-divider.less @@ -0,0 +1,10 @@ +// Horizontal dividers +// +// Dividers (basically an hr) within dropdowns and nav lists + +.nav-divider(@color: #e5e5e5) { + height: 1px; + margin: ((@line-height-computed / 2) - 1) 0; + overflow: hidden; + background-color: @color; +} diff --git a/src/assets/less/bootstrap-3.2.0/mixins/nav-vertical-align.less b/src/assets/less/bootstrap-3.2.0/mixins/nav-vertical-align.less new file mode 100755 index 000000000..d458c7861 --- /dev/null +++ b/src/assets/less/bootstrap-3.2.0/mixins/nav-vertical-align.less @@ -0,0 +1,9 @@ +// Navbar vertical align +// +// Vertically center elements in the navbar. +// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin. + +.navbar-vertical-align(@element-height) { + margin-top: ((@navbar-height - @element-height) / 2); + margin-bottom: ((@navbar-height - @element-height) / 2); +} diff --git a/src/assets/less/bootstrap-3.2.0/mixins/opacity.less b/src/assets/less/bootstrap-3.2.0/mixins/opacity.less new file mode 100755 index 000000000..33ed25ce6 --- /dev/null +++ b/src/assets/less/bootstrap-3.2.0/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/src/assets/less/bootstrap-3.2.0/mixins/pagination.less b/src/assets/less/bootstrap-3.2.0/mixins/pagination.less new file mode 100755 index 000000000..7deb505d2 --- /dev/null +++ b/src/assets/less/bootstrap-3.2.0/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/src/assets/less/bootstrap-3.2.0/mixins/panels.less b/src/assets/less/bootstrap-3.2.0/mixins/panels.less new file mode 100755 index 000000000..49ee10d4a --- /dev/null +++ b/src/assets/less/bootstrap-3.2.0/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/src/assets/less/bootstrap-3.2.0/mixins/progress-bar.less b/src/assets/less/bootstrap-3.2.0/mixins/progress-bar.less new file mode 100755 index 000000000..f07996a34 --- /dev/null +++ b/src/assets/less/bootstrap-3.2.0/mixins/progress-bar.less @@ -0,0 +1,10 @@ +// Progress bars + +.progress-bar-variant(@color) { + background-color: @color; + + // Deprecated parent class requirement as of v3.2.0 + .progress-striped & { + #gradient > .striped(); + } +} diff --git a/src/assets/less/bootstrap-3.2.0/mixins/reset-filter.less b/src/assets/less/bootstrap-3.2.0/mixins/reset-filter.less new file mode 100755 index 000000000..68cdb5e18 --- /dev/null +++ b/src/assets/less/bootstrap-3.2.0/mixins/reset-filter.less @@ -0,0 +1,8 @@ +// Reset filters for IE +// +// When you need to remove a gradient background, do not forget to use this to reset +// the IE filter for IE9 and below. + +.reset-filter() { + filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)")); +} diff --git a/src/assets/less/bootstrap-3.2.0/mixins/resize.less b/src/assets/less/bootstrap-3.2.0/mixins/resize.less new file mode 100755 index 000000000..3acd3afdb --- /dev/null +++ b/src/assets/less/bootstrap-3.2.0/mixins/resize.less @@ -0,0 +1,6 @@ +// Resize anything + +.resizable(@direction) { + resize: @direction; // Options: horizontal, vertical, both + overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible` +} diff --git a/src/assets/less/bootstrap-3.2.0/mixins/responsive-visibility.less b/src/assets/less/bootstrap-3.2.0/mixins/responsive-visibility.less new file mode 100755 index 000000000..f7951c3d7 --- /dev/null +++ b/src/assets/less/bootstrap-3.2.0/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/src/assets/less/bootstrap-3.2.0/mixins/size.less b/src/assets/less/bootstrap-3.2.0/mixins/size.less new file mode 100755 index 000000000..a8be65089 --- /dev/null +++ b/src/assets/less/bootstrap-3.2.0/mixins/size.less @@ -0,0 +1,10 @@ +// Sizing shortcuts + +.size(@width; @height) { + width: @width; + height: @height; +} + +.square(@size) { + .size(@size; @size); +} diff --git a/src/assets/less/bootstrap-3.2.0/mixins/tab-focus.less b/src/assets/less/bootstrap-3.2.0/mixins/tab-focus.less new file mode 100755 index 000000000..1f1f05ab0 --- /dev/null +++ b/src/assets/less/bootstrap-3.2.0/mixins/tab-focus.less @@ -0,0 +1,9 @@ +// WebKit-style focus + +.tab-focus() { + // Default + outline: thin dotted; + // WebKit + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} diff --git a/src/assets/less/bootstrap-3.2.0/mixins/table-row.less b/src/assets/less/bootstrap-3.2.0/mixins/table-row.less new file mode 100755 index 000000000..0f287f1a8 --- /dev/null +++ b/src/assets/less/bootstrap-3.2.0/mixins/table-row.less @@ -0,0 +1,28 @@ +// Tables + +.table-row-variant(@state; @background) { + // Exact selectors below required to override `.table-striped` and prevent + // inheritance to nested tables. + .table > thead > tr, + .table > tbody > tr, + .table > tfoot > tr { + > td.@{state}, + > th.@{state}, + &.@{state} > td, + &.@{state} > th { + background-color: @background; + } + } + + // Hover states for `.table-hover` + // Note: this is not available for cells or rows within `thead` or `tfoot`. + .table-hover > tbody > tr { + > td.@{state}:hover, + > th.@{state}:hover, + &.@{state}:hover > td, + &:hover > .@{state}, + &.@{state}:hover > th { + background-color: darken(@background, 5%); + } + } +} diff --git a/src/assets/less/bootstrap-3.2.0/mixins/text-emphasis.less b/src/assets/less/bootstrap-3.2.0/mixins/text-emphasis.less new file mode 100755 index 000000000..0868ef9f2 --- /dev/null +++ b/src/assets/less/bootstrap-3.2.0/mixins/text-emphasis.less @@ -0,0 +1,8 @@ +// Typography + +.text-emphasis-variant(@color) { + color: @color; + a&:hover { + color: darken(@color, 10%); + } +} diff --git a/src/assets/less/bootstrap-3.2.0/mixins/text-overflow.less b/src/assets/less/bootstrap-3.2.0/mixins/text-overflow.less new file mode 100755 index 000000000..c11ad2fb7 --- /dev/null +++ b/src/assets/less/bootstrap-3.2.0/mixins/text-overflow.less @@ -0,0 +1,8 @@ +// Text overflow +// Requires inline-block or block for proper styling + +.text-overflow() { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} diff --git a/src/assets/less/bootstrap-3.2.0/mixins/vendor-prefixes.less b/src/assets/less/bootstrap-3.2.0/mixins/vendor-prefixes.less new file mode 100755 index 000000000..e2008c8b2 --- /dev/null +++ b/src/assets/less/bootstrap-3.2.0/mixins/vendor-prefixes.less @@ -0,0 +1,224 @@ +// 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) { + &::-moz-placeholder { color: @color; // Firefox + opacity: 1; } // See https://github.com/twbs/bootstrap/pull/11526 + &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+ + &::-webkit-input-placeholder { color: @color; } // Safari and Chrome +} + +// Transformations +.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/src/assets/less/bootstrap-3.1.1/modals.less b/src/assets/less/bootstrap-3.2.0/modals.less old mode 100644 new mode 100755 similarity index 88% rename from src/assets/less/bootstrap-3.1.1/modals.less rename to src/assets/less/bootstrap-3.2.0/modals.less index 21cdee0f4..6da50ba92 --- a/src/assets/less/bootstrap-3.1.1/modals.less +++ b/src/assets/less/bootstrap-3.2.0/modals.less @@ -15,8 +15,7 @@ // Container that the modal scrolls within .modal { display: none; - overflow: auto; - overflow-y: scroll; + overflow: hidden; position: fixed; top: 0; right: 0; @@ -31,10 +30,14 @@ // When fading in the modal, animate it to slide down &.fade .modal-dialog { - .translate(0, -25%); + .translate3d(0, -25%, 0); .transition-transform(~"0.3s ease-out"); } - &.in .modal-dialog { .translate(0, 0)} + &.in .modal-dialog { .translate3d(0, 0, 0) } +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; } // Shell div to position the modal with bottom padding @@ -54,7 +57,7 @@ .box-shadow(0 3px 9px rgba(0,0,0,.5)); background-clip: padding-box; // Remove focus outline from opened modal - outline: none; + outline: 0; } // Modal background @@ -98,8 +101,7 @@ // Footer (for actions) .modal-footer { - margin-top: 15px; - padding: (@modal-inner-padding - 1) @modal-inner-padding @modal-inner-padding; + padding: @modal-inner-padding; text-align: right; // right align buttons border-top: 1px solid @modal-footer-border-color; &:extend(.clearfix all); // clear it in case folks use .pull-* classes on buttons @@ -119,6 +121,15 @@ } } +// Measure scrollbar width for padding body during modal show/hide +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + // Scale up the modal @media (min-width: @screen-sm-min) { // Automatically set modal's width for larger viewports diff --git a/src/assets/less/bootstrap-3.1.1/navbar.less b/src/assets/less/bootstrap-3.2.0/navbar.less old mode 100644 new mode 100755 similarity index 94% rename from src/assets/less/bootstrap-3.1.1/navbar.less rename to src/assets/less/bootstrap-3.2.0/navbar.less index 8c4c210b2..55bfd2942 --- a/src/assets/less/bootstrap-3.1.1/navbar.less +++ b/src/assets/less/bootstrap-3.2.0/navbar.less @@ -48,7 +48,6 @@ // content for the user's viewport. .navbar-collapse { - max-height: @navbar-collapse-max-height; overflow-x: visible; padding-right: @navbar-padding-horizontal; padding-left: @navbar-padding-horizontal; @@ -88,6 +87,17 @@ } } +.navbar-fixed-top, +.navbar-fixed-bottom { + .navbar-collapse { + max-height: @navbar-collapse-max-height; + + @media (max-width: @screen-xs-min) and (orientation: landscape) { + max-height: 200px; + } + } +} + // Both navbar header and collapse // @@ -131,6 +141,7 @@ right: 0; left: 0; z-index: @zindex-navbar-fixed; + .translate3d(0, 0, 0); // Undo the rounded corners @media (min-width: @grid-float-breakpoint) { @@ -190,7 +201,7 @@ // We remove the `outline` here, but later compensate by attaching `:hover` // styles to `:focus`. &:focus { - outline: none; + outline: 0; } // Bars @@ -492,6 +503,20 @@ } } + .btn-link { + color: @navbar-default-link-color; + &:hover, + &:focus { + color: @navbar-default-link-hover-color; + } + &[disabled], + fieldset[disabled] & { + &:hover, + &:focus { + color: @navbar-default-link-disabled-color; + } + } + } } // Inverse navbar @@ -613,4 +638,18 @@ } } + .btn-link { + color: @navbar-inverse-link-color; + &:hover, + &:focus { + color: @navbar-inverse-link-hover-color; + } + &[disabled], + fieldset[disabled] & { + &:hover, + &:focus { + color: @navbar-inverse-link-disabled-color; + } + } + } } diff --git a/src/assets/less/bootstrap-3.1.1/navs.less b/src/assets/less/bootstrap-3.2.0/navs.less old mode 100644 new mode 100755 similarity index 99% rename from src/assets/less/bootstrap-3.1.1/navs.less rename to src/assets/less/bootstrap-3.2.0/navs.less index 9e729b39f..98a64307a --- a/src/assets/less/bootstrap-3.1.1/navs.less +++ b/src/assets/less/bootstrap-3.2.0/navs.less @@ -162,7 +162,7 @@ > li { float: none; - > a { + > a { text-align: center; margin-bottom: 5px; } diff --git a/src/assets/less/bootstrap-3.1.1/normalize.less b/src/assets/less/bootstrap-3.2.0/normalize.less old mode 100644 new mode 100755 similarity index 83% rename from src/assets/less/bootstrap-3.1.1/normalize.less rename to src/assets/less/bootstrap-3.2.0/normalize.less index 024e257c1..ce04b6a2f --- a/src/assets/less/bootstrap-3.1.1/normalize.less +++ b/src/assets/less/bootstrap-3.2.0/normalize.less @@ -1,4 +1,4 @@ -/*! normalize.css v3.0.0 | MIT License | git.io/normalize */ +/*! normalize.css v3.0.1 | MIT License | git.io/normalize */ // // 1. Set default font family to sans-serif. @@ -24,7 +24,9 @@ body { // ========================================================================== // -// Correct `block` display not defined in IE 8/9. +// Correct `block` display not defined for any HTML5 element in IE 8/9. +// Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. +// Correct `block` display not defined for `main` in IE 11. // article, @@ -66,8 +68,8 @@ audio:not([controls]) { } // -// Address `[hidden]` styling not present in IE 8/9. -// Hide the `template` element in IE, Safari, and Firefox < 22. +// Address `[hidden]` styling not present in IE 8/9/10. +// Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. // [hidden], @@ -99,7 +101,7 @@ a:hover { // ========================================================================== // -// Address styling not present in IE 8/9, Safari 5, and Chrome. +// Address styling not present in IE 8/9/10/11, Safari, and Chrome. // abbr[title] { @@ -107,7 +109,7 @@ abbr[title] { } // -// Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. +// Address style set to `bolder` in Firefox 4+, Safari, and Chrome. // b, @@ -116,7 +118,7 @@ strong { } // -// Address styling not present in Safari 5 and Chrome. +// Address styling not present in Safari and Chrome. // dfn { @@ -125,7 +127,7 @@ dfn { // // Address variable `h1` font-size and margin within `section` and `article` -// contexts in Firefox 4+, Safari 5, and Chrome. +// contexts in Firefox 4+, Safari, and Chrome. // h1 { @@ -174,7 +176,7 @@ sub { // ========================================================================== // -// Remove border when inside `a` element in IE 8/9. +// Remove border when inside `a` element in IE 8/9/10. // img { @@ -182,7 +184,7 @@ img { } // -// Correct overflow displayed oddly in IE 9. +// Correct overflow not hidden in IE 9/10/11. // svg:not(:root) { @@ -193,7 +195,7 @@ svg:not(:root) { // ========================================================================== // -// Address margin not present in IE 8/9 and Safari 5. +// Address margin not present in IE 8/9 and Safari. // figure { @@ -242,7 +244,7 @@ samp { // 1. Correct color not being inherited. // Known issue: affects color of disabled elements. // 2. Correct font properties not being inherited. -// 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. +// 3. Address margins set differently in Firefox 4+, Safari, and Chrome. // button, @@ -256,7 +258,7 @@ textarea { } // -// Address `overflow` set to `hidden` in IE 8/9/10. +// Address `overflow` set to `hidden` in IE 8/9/10/11. // button { @@ -266,7 +268,7 @@ button { // // Address inconsistent `text-transform` inheritance for `button` and `select`. // All other form control elements do not inherit `text-transform` values. -// Correct `button` style inheritance in Firefox, IE 8+, and Opera +// Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. // Correct `select` style inheritance in Firefox. // @@ -345,8 +347,8 @@ input[type="number"]::-webkit-outer-spin-button { } // -// 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. -// 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome +// 1. Address `appearance` set to `searchfield` in Safari and Chrome. +// 2. Address `box-sizing` set to `border-box` in Safari and Chrome // (include `-moz` to future-proof). // @@ -379,7 +381,7 @@ fieldset { } // -// 1. Correct `color` not being inherited in IE 8/9. +// 1. Correct `color` not being inherited in IE 8/9/10/11. // 2. Remove padding so people aren't caught out if they zero out fieldsets. // @@ -389,7 +391,7 @@ legend { } // -// Remove default vertical scrollbar in IE 8/9. +// Remove default vertical scrollbar in IE 8/9/10/11. // textarea { @@ -420,4 +422,4 @@ table { td, th { padding: 0; -} \ No newline at end of file +} diff --git a/src/assets/less/bootstrap-3.1.1/pager.less b/src/assets/less/bootstrap-3.2.0/pager.less old mode 100644 new mode 100755 similarity index 100% rename from src/assets/less/bootstrap-3.1.1/pager.less rename to src/assets/less/bootstrap-3.2.0/pager.less diff --git a/src/assets/less/bootstrap-3.1.1/pagination.less b/src/assets/less/bootstrap-3.2.0/pagination.less old mode 100644 new mode 100755 similarity index 100% rename from src/assets/less/bootstrap-3.1.1/pagination.less rename to src/assets/less/bootstrap-3.2.0/pagination.less diff --git a/src/assets/less/bootstrap-3.1.1/panels.less b/src/assets/less/bootstrap-3.2.0/panels.less old mode 100644 new mode 100755 similarity index 95% rename from src/assets/less/bootstrap-3.1.1/panels.less rename to src/assets/less/bootstrap-3.2.0/panels.less index 20dd14938..2dc21316d --- a/src/assets/less/bootstrap-3.1.1/panels.less +++ b/src/assets/less/bootstrap-3.2.0/panels.less @@ -20,7 +20,7 @@ // Optional heading .panel-heading { - padding: 10px 15px; + padding: @panel-heading-padding; border-bottom: 1px solid transparent; .border-top-radius((@panel-border-radius - 1)); @@ -43,7 +43,7 @@ // Optional footer (stays gray in every modifier class) .panel-footer { - padding: 10px 15px; + padding: @panel-footer-padding; background-color: @panel-footer-bg; border-top: 1px solid @panel-inner-border; .border-bottom-radius((@panel-border-radius - 1)); @@ -86,7 +86,9 @@ border-top-width: 0; } } - +.list-group + .panel-footer { + border-top-width: 0; +} // Tables in panels // @@ -95,7 +97,8 @@ .panel { > .table, - > .table-responsive > .table { + > .table-responsive > .table, + > .panel-collapse > .table { margin-bottom: 0; } // Add border top radius for first one @@ -199,7 +202,6 @@ .panel { margin-bottom: 0; border-radius: @panel-border-radius; - overflow: hidden; // crop contents when collapsed + .panel { margin-top: 5px; } @@ -207,7 +209,7 @@ .panel-heading { border-bottom: 0; - + .panel-collapse .panel-body { + + .panel-collapse > .panel-body { border-top: 1px solid @panel-inner-border; } } diff --git a/src/assets/less/bootstrap-3.1.1/popovers.less b/src/assets/less/bootstrap-3.2.0/popovers.less old mode 100644 new mode 100755 similarity index 97% rename from src/assets/less/bootstrap-3.1.1/popovers.less rename to src/assets/less/bootstrap-3.2.0/popovers.less index 696d74c7d..bf6af40a0 --- a/src/assets/less/bootstrap-3.1.1/popovers.less +++ b/src/assets/less/bootstrap-3.2.0/popovers.less @@ -37,7 +37,7 @@ line-height: 18px; background-color: @popover-title-bg; border-bottom: 1px solid darken(@popover-title-bg, 5%); - border-radius: 5px 5px 0 0; + border-radius: (@border-radius-large - 1) (@border-radius-large - 1) 0 0; } .popover-content { diff --git a/src/assets/less/bootstrap-3.1.1/print.less b/src/assets/less/bootstrap-3.2.0/print.less old mode 100644 new mode 100755 similarity index 100% rename from src/assets/less/bootstrap-3.1.1/print.less rename to src/assets/less/bootstrap-3.2.0/print.less diff --git a/src/assets/less/bootstrap-3.1.1/progress-bars.less b/src/assets/less/bootstrap-3.2.0/progress-bars.less old mode 100644 new mode 100755 similarity index 68% rename from src/assets/less/bootstrap-3.1.1/progress-bars.less rename to src/assets/less/bootstrap-3.2.0/progress-bars.less index 76c87be17..3ac52a29e --- a/src/assets/less/bootstrap-3.1.1/progress-bars.less +++ b/src/assets/less/bootstrap-3.2.0/progress-bars.less @@ -48,16 +48,41 @@ } // Striped bars -.progress-striped .progress-bar { +// +// `.progress-striped .progress-bar` is deprecated as of v3.2.0 in favor of the +// `.progress-bar-striped` class, which you just add to an existing +// `.progress-bar`. +.progress-striped .progress-bar, +.progress-bar-striped { #gradient > .striped(); background-size: 40px 40px; } // Call animation for the active one -.progress.active .progress-bar { +// +// `.progress.active .progress-bar` is deprecated as of v3.2.0 in favor of the +// `.progress-bar.active` approach. +.progress.active .progress-bar, +.progress-bar.active { .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 diff --git a/src/assets/less/bootstrap-3.2.0/responsive-embed.less b/src/assets/less/bootstrap-3.2.0/responsive-embed.less new file mode 100755 index 000000000..a884d49fe --- /dev/null +++ b/src/assets/less/bootstrap-3.2.0/responsive-embed.less @@ -0,0 +1,34 @@ +// Embeds responsive +// +// Credit: Nicolas Gallagher and SUIT CSS. + +.embed-responsive { + position: relative; + display: block; + height: 0; + padding: 0; + overflow: hidden; + + .embed-responsive-item, + iframe, + embed, + object { + position: absolute; + top: 0; + left: 0; + bottom: 0; + height: 100%; + width: 100%; + border: 0; + } + + // Modifier class for 16:9 aspect ratio + &.embed-responsive-16by9 { + padding-bottom: 56.25%; + } + + // Modifier class for 4:3 aspect ratio + &.embed-responsive-4by3 { + padding-bottom: 75%; + } +} diff --git a/src/assets/less/bootstrap-3.2.0/responsive-utilities.less b/src/assets/less/bootstrap-3.2.0/responsive-utilities.less new file mode 100755 index 000000000..b1db31d7b --- /dev/null +++ b/src/assets/less/bootstrap-3.2.0/responsive-utilities.less @@ -0,0 +1,194 @@ +// +// Responsive: Utility classes +// -------------------------------------------------- + + +// IE10 in Windows (Phone) 8 +// +// Support for responsive views via media queries is kind of borked in IE10, for +// Surface/desktop in split view and for Windows Phone 8. This particular fix +// must be accompanied by a snippet of JavaScript to sniff the user agent and +// apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at +// our Getting Started page for more information on this bug. +// +// For more information, see the following: +// +// Issue: https://github.com/twbs/bootstrap/issues/10497 +// Docs: http://getbootstrap.com/getting-started/#support-ie10-width +// Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ +// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ + +@-ms-viewport { + width: device-width; +} + + +// Visibility utilities +// Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0 +.visible-xs, +.visible-sm, +.visible-md, +.visible-lg { + .responsive-invisibility(); +} + +.visible-xs-block, +.visible-xs-inline, +.visible-xs-inline-block, +.visible-sm-block, +.visible-sm-inline, +.visible-sm-inline-block, +.visible-md-block, +.visible-md-inline, +.visible-md-inline-block, +.visible-lg-block, +.visible-lg-inline, +.visible-lg-inline-block { + display: none !important; +} + +.visible-xs { + @media (max-width: @screen-xs-max) { + .responsive-visibility(); + } +} +.visible-xs-block { + @media (max-width: @screen-xs-max) { + display: block !important; + } +} +.visible-xs-inline { + @media (max-width: @screen-xs-max) { + display: inline !important; + } +} +.visible-xs-inline-block { + @media (max-width: @screen-xs-max) { + display: inline-block !important; + } +} + +.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) { + display: block !important; + } +} +.visible-sm-inline { + @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { + display: inline !important; + } +} +.visible-sm-inline-block { + @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { + display: inline-block !important; + } +} + +.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) { + display: block !important; + } +} +.visible-md-inline { + @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { + display: inline !important; + } +} +.visible-md-inline-block { + @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { + display: inline-block !important; + } +} + +.visible-lg { + @media (min-width: @screen-lg-min) { + .responsive-visibility(); + } +} +.visible-lg-block { + @media (min-width: @screen-lg-min) { + display: block !important; + } +} +.visible-lg-inline { + @media (min-width: @screen-lg-min) { + display: inline !important; + } +} +.visible-lg-inline-block { + @media (min-width: @screen-lg-min) { + display: inline-block !important; + } +} + +.hidden-xs { + @media (max-width: @screen-xs-max) { + .responsive-invisibility(); + } +} +.hidden-sm { + @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { + .responsive-invisibility(); + } +} +.hidden-md { + @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { + .responsive-invisibility(); + } +} +.hidden-lg { + @media (min-width: @screen-lg-min) { + .responsive-invisibility(); + } +} + + +// Print utilities +// +// Media queries are placed on the inside to be mixin-friendly. + +// Note: Deprecated .visible-print as of v3.2.0 +.visible-print { + .responsive-invisibility(); + + @media print { + .responsive-visibility(); + } +} +.visible-print-block { + display: none !important; + + @media print { + display: block !important; + } +} +.visible-print-inline { + display: none !important; + + @media print { + display: inline !important; + } +} +.visible-print-inline-block { + display: none !important; + + @media print { + display: inline-block !important; + } +} + +.hidden-print { + @media print { + .responsive-invisibility(); + } +} diff --git a/src/assets/less/bootstrap-3.1.1/scaffolding.less b/src/assets/less/bootstrap-3.2.0/scaffolding.less old mode 100644 new mode 100755 similarity index 85% rename from src/assets/less/bootstrap-3.1.1/scaffolding.less rename to src/assets/less/bootstrap-3.2.0/scaffolding.less index fe29f2d62..c1e270fb7 --- a/src/assets/less/bootstrap-3.1.1/scaffolding.less +++ b/src/assets/less/bootstrap-3.2.0/scaffolding.less @@ -20,7 +20,7 @@ // Body reset html { - font-size: 62.5%; + font-size: 10px; -webkit-tap-highlight-color: rgba(0,0,0,0); } @@ -132,3 +132,19 @@ hr { clip: rect(0,0,0,0); border: 0; } + +// Use in conjunction with .sr-only to only display content when it's focused. +// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 +// Credit: HTML5 Boilerplate + +.sr-only-focusable { + &:active, + &:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; + } +} diff --git a/src/assets/less/bootstrap-3.1.1/tables.less b/src/assets/less/bootstrap-3.2.0/tables.less old mode 100644 new mode 100755 similarity index 97% rename from src/assets/less/bootstrap-3.1.1/tables.less rename to src/assets/less/bootstrap-3.2.0/tables.less index c41989c04..2e1ef337b --- a/src/assets/less/bootstrap-3.1.1/tables.less +++ b/src/assets/less/bootstrap-3.2.0/tables.less @@ -4,7 +4,6 @@ table { - max-width: 100%; background-color: @table-bg; } th { @@ -16,6 +15,7 @@ th { .table { width: 100%; + max-width: 100%; margin-bottom: @line-height-computed; // Cells > thead, @@ -168,12 +168,12 @@ table { // by enabling horizontal scrolling. Only applies <768px. Everything above that // will display normally. -@media (max-width: @screen-xs-max) { - .table-responsive { +.table-responsive { + @media screen and (max-width: @screen-xs-max) { width: 100%; margin-bottom: (@line-height-computed * 0.75); overflow-y: hidden; - overflow-x: scroll; + overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid @table-border-color; -webkit-overflow-scrolling: touch; diff --git a/src/assets/less/bootstrap-3.1.1/theme.less b/src/assets/less/bootstrap-3.2.0/theme.less old mode 100644 new mode 100755 similarity index 95% rename from src/assets/less/bootstrap-3.1.1/theme.less rename to src/assets/less/bootstrap-3.2.0/theme.less index 6f957fb39..b089424cf --- a/src/assets/less/bootstrap-3.1.1/theme.less +++ b/src/assets/less/bootstrap-3.2.0/theme.less @@ -48,6 +48,12 @@ background-color: darken(@btn-color, 12%); border-color: darken(@btn-color, 14%); } + + &:disabled, + &[disabled] { + background-color: darken(@btn-color, 12%); + background-image: none; + } } // Common styles @@ -191,6 +197,11 @@ .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(); +} // diff --git a/src/assets/less/bootstrap-3.1.1/thumbnails.less b/src/assets/less/bootstrap-3.2.0/thumbnails.less old mode 100644 new mode 100755 similarity index 100% rename from src/assets/less/bootstrap-3.1.1/thumbnails.less rename to src/assets/less/bootstrap-3.2.0/thumbnails.less diff --git a/src/assets/less/bootstrap-3.1.1/tooltip.less b/src/assets/less/bootstrap-3.2.0/tooltip.less old mode 100644 new mode 100755 similarity index 100% rename from src/assets/less/bootstrap-3.1.1/tooltip.less rename to src/assets/less/bootstrap-3.2.0/tooltip.less diff --git a/src/assets/less/bootstrap-3.1.1/type.less b/src/assets/less/bootstrap-3.2.0/type.less old mode 100644 new mode 100755 similarity index 86% rename from src/assets/less/bootstrap-3.1.1/type.less rename to src/assets/less/bootstrap-3.2.0/type.less index 5e2a21905..9b1e48bae --- a/src/assets/less/bootstrap-3.1.1/type.less +++ b/src/assets/less/bootstrap-3.2.0/type.less @@ -62,7 +62,7 @@ p { .lead { margin-bottom: @line-height-computed; font-size: floor((@font-size-base * 1.15)); - font-weight: 200; + font-weight: 300; line-height: 1.4; @media (min-width: @screen-sm-min) { @@ -74,18 +74,34 @@ p { // Emphasis & misc // ------------------------- -// Ex: 14px base font * 85% = about 12px +// Ex: (12px small font / 14px base font) * 100% = about 85% small, -.small { font-size: 85%; } +.small { + font-size: floor((100% * @font-size-small / @font-size-base)); +} // Undo browser default styling -cite { font-style: normal; } +cite { + font-style: normal; +} + +mark, +.mark { + background-color: @state-warning-bg; + padding: .2em; +} // Alignment .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } +.text-nowrap { white-space: nowrap; } + +// Transformation +.text-lowercase { text-transform: lowercase; } +.text-uppercase { text-transform: uppercase; } +.text-capitalize { text-transform: capitalize; } // Contextual colors .text-muted { @@ -141,7 +157,7 @@ cite { font-style: normal; } // Lists -// -------------------------------------------------- +// ------------------------- // Unordered and Ordered lists ul, @@ -195,24 +211,28 @@ dd { // Defaults to being stacked without any of the below styles applied, until the // grid breakpoint is reached (default of ~768px). -@media (min-width: @grid-float-breakpoint) { - .dl-horizontal { +.dl-horizontal { + dd { + &:extend(.clearfix all); // Clear the floated `dt` if an empty `dd` is present + } + + @media (min-width: @grid-float-breakpoint) { dt { float: left; - width: (@component-offset-horizontal - 20); + width: (@dl-horizontal-offset - 20); clear: left; text-align: right; .text-overflow(); } dd { - margin-left: @component-offset-horizontal; - &:extend(.clearfix all); // Clear the floated `dt` if an empty `dd` is present + margin-left: @dl-horizontal-offset; } } } -// MISC -// ---- + +// Misc +// ------------------------- // Abbreviations and acronyms abbr[title], diff --git a/src/assets/less/bootstrap-3.1.1/utilities.less b/src/assets/less/bootstrap-3.2.0/utilities.less old mode 100644 new mode 100755 similarity index 96% rename from src/assets/less/bootstrap-3.1.1/utilities.less rename to src/assets/less/bootstrap-3.2.0/utilities.less index a26031214..c0becabe3 --- a/src/assets/less/bootstrap-3.1.1/utilities.less +++ b/src/assets/less/bootstrap-3.2.0/utilities.less @@ -53,4 +53,5 @@ .affix { position: fixed; + .translate3d(0, 0, 0); } diff --git a/src/assets/less/bootstrap-3.1.1/variables.less b/src/assets/less/bootstrap-3.2.0/variables.less old mode 100644 new mode 100755 similarity index 93% rename from src/assets/less/bootstrap-3.1.1/variables.less rename to src/assets/less/bootstrap-3.2.0/variables.less index 3846adc59..582f0f8d3 --- a/src/assets/less/bootstrap-3.1.1/variables.less +++ b/src/assets/less/bootstrap-3.2.0/variables.less @@ -10,7 +10,7 @@ @gray-darker: lighten(#000, 13.5%); // #222 @gray-dark: lighten(#000, 20%); // #333 @gray: lighten(#000, 33.5%); // #555 -@gray-light: lighten(#000, 60%); // #999 +@gray-light: lighten(#000, 46.7%); // #777 @gray-lighter: lighten(#000, 93.5%); // #eee @brand-primary: #428bca; @@ -22,7 +22,7 @@ //== Scaffolding // -// ## Settings for some of the most global styles. +//## Settings for some of the most global styles. //** Background color for ``. @body-bg: #fff; @@ -68,14 +68,18 @@ @headings-color: inherit; -//-- Iconography +//== Iconography // -//## Specify custom locations of the include Glyphicons icon font. Useful for those including Bootstrap via Bower. +//## 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). @@ -232,7 +236,7 @@ //** Text color for headers within dropdown menus. @dropdown-header-color: @gray-light; -// Note: Deprecated @dropdown-caret-color as of v3.1.0 +//** Deprecated `@dropdown-caret-color` as of v3.1.0 @dropdown-caret-color: #000; @@ -245,8 +249,8 @@ @zindex-navbar: 1000; @zindex-dropdown: 1000; -@zindex-popover: 1010; -@zindex-tooltip: 1030; +@zindex-popover: 1060; +@zindex-tooltip: 1070; @zindex-navbar-fixed: 1030; @zindex-modal-background: 1040; @zindex-modal: 1050; @@ -257,27 +261,32 @@ //## Define the breakpoints at which your layout will change, adapting to different screen sizes. // Extra small screen / phone -// Note: Deprecated @screen-xs and @screen-phone as of v3.0.1 +//** 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 -// Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1 +//** 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 -// Note: Deprecated @screen-md and @screen-desktop as of v3.0.1 +//** 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 -// Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1 +//** 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 @@ -558,7 +567,7 @@ //## //** Padding applied to the modal body -@modal-inner-padding: 20px; +@modal-inner-padding: 15px; //** Padding applied to the modal title @modal-title-padding: 15px; @@ -643,17 +652,26 @@ //** List group border radius @list-group-border-radius: @border-radius-base; -//** Background color of single list elements on hover +//** Background color of single list items on hover @list-group-hover-bg: #f5f5f5; -//** Text color of active list elements +//** Text color of active list items @list-group-active-color: @component-active-color; -//** Background color of active list elements +//** 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; @@ -663,6 +681,8 @@ @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 @@ -802,6 +822,8 @@ // //## +//** Horizontal offset for forms and lists. +@component-offset-horizontal: 180px; //** Text muted color @text-muted: @gray-light; //** Abbreviations and acronyms border color @@ -816,14 +838,9 @@ @blockquote-border-color: @gray-lighter; //** Page header border color @page-header-border-color: @gray-lighter; - - -//== Miscellaneous -// -//## - +//** Width of horizontal description list titles +@dl-horizontal-offset: @component-offset-horizontal; //** Horizontal line color. @hr-border: @gray-lighter; -//** Horizontal offset for forms and lists. -@component-offset-horizontal: 180px; + diff --git a/src/assets/less/bootstrap-3.1.1/wells.less b/src/assets/less/bootstrap-3.2.0/wells.less old mode 100644 new mode 100755 similarity index 100% rename from src/assets/less/bootstrap-3.1.1/wells.less rename to src/assets/less/bootstrap-3.2.0/wells.less