Laboratoire ICAR » Plateforme TXM

window.addEventListener('DOMContentLoaded', function(e) {

  const nodes = document.querySelectorAll('[data-require-bs-version]');

  if (!nodes) {

    return;

  }

  const VERSION = window.bootstrap ? parseInt(window.bootstrap.Tab.VERSION) : 3;

  for (let i = 0; i < nodes.length; i++) {

    const version = nodes[i].getAttribute('data-require-bs-version');

    const caller = nodes[i].getAttribute('data-require-bs-caller');

    if (version > VERSION) {

      console.error(`${caller} requires Bootstrap version ${version} but this page is using version ${VERSION}`);

    }

  }

});

$(document).on('click', '.bslib-full-screen-enter', function(e) {

  const $card = $(e.target).parents('.card').last();

  // Re-size/position the card (and add an overlay behind it)

  $card.addClass("bslib-full-screen");

  const overlay = $("<div id='bslib-full-screen-overlay'><a class='bslib-full-screen-exit'>Close <svg width:'20' height='20' fill='currentColor' class='bi bi-x-lg' viewBox='0 0 16 16'><path d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z'/></svg></a></div>");

  $card[0].insertAdjacentElement("beforebegin", overlay[0]);

});

$(document).on('click', '.bslib-full-screen-exit', function(e) {

  exitFullScreen();

});

document.addEventListener('keyup', function(e) {

  if (e.key === 'Escape') exitFullScreen();

}, false);

function exitFullScreen() {

  const $card = $('.bslib-full-screen');

  if ($card) {

    $('#bslib-full-screen-overlay').remove();

    $card.removeClass('bslib-full-screen');

  }

}

.bslib-card {

  margin-bottom: $spacer;

  // Avoid "double padding" when two card_body()s are immediate siblings

  .card-body + .card-body {

    padding-top: 0;

  }

  .card-body {

    overflow: auto;

    p, h1, h2, h3, h4, h5, h6 {

      margin-top: 0;

      &:last-child {

        margin-bottom: 0;

      }

    }

  }

  .card-body {

    max-height: var(--bslib-card-body-max-height, none);

  }

  &.bslib-full-screen > .card-body {

    max-height: var(--bslib-card-body-max-height-full-screen, none);

  }

  .card-header {

    .form-group {

      margin-bottom: 0;

    }

    .selectize-control {

      margin-bottom: 0;

      // TODO: we should probably add this to selectize's SCSS since this actually makes selectInput()

      // usable with width="fit-content"

      .item {

        margin-right: 1.15rem;

      }

    }

  }

  .card-footer {

    margin-top: auto;

  }

  // For card_title()

  .bslib-card-title {

    padding-left: var(--bs-card-spacer-x, 1rem);

    padding-right: var(--bs-card-spacer-x, 1rem);

  }

  // For navs_tab_card(title = ...)

  .bslib-navs-card-title {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;

    .nav {

      margin-left: auto;

    }

  }

  .tab-content {

    // Workaround for pkgdown's CSS to make tab-pane all a consistent height

    // https://github.com/r-lib/pkgdown/blob/956f07/inst/BS5/assets/pkgdown.scss#L342-L355

    > .tab-pane.html-fill-container {

      display: none;

    }

    // Take precedence over Bootstrap's `display:block` rule

    > .active.html-fill-container {

      display: flex;

    }

    // Another workaround for pkgdown adding extra padding we didn't ask for

    // https://github.com/r-lib/pkgdown/blob/956f07/inst/BS5/assets/pkgdown.scss#L335-L337

    &.html-fill-container {

      padding: 0;

    }

  }

}

/*************************************************

* Full screen card logic

*************************************************/

.bslib-full-screen {

  position: fixed;

  inset: 3.5rem 1rem 1rem;

  height: auto !important;

  width: auto !important;

  z-index: $zindex-popover;

}

.bslib-full-screen-enter {

  display: none;

  position: absolute;

  bottom: 1px;

  right: 3px;

  margin: 0.5rem;

  padding: 0.55rem !important;

  font-size: .8rem;

  cursor: pointer;

  opacity: .6;

  color: rgba(var(--bs-body-bg-rgb), 1);

  &:hover {

    opacity: 1;

  }

  z-index: $zindex-popover;

}

.card:hover:not(.bslib-full-screen) .bslib-full-screen-enter {

  display: block;

}

// Only allow full_screen on desktop screens

@include media-breakpoint-down(sm) {

  .bslib-full-screen-enter { display: none !important; }

}

.bslib-full-screen-exit {

  position: relative;

  top: 1.35rem;

  font-size: 0.9rem;

  cursor: pointer;

  text-decoration: none;

  display: flex;

  float: right;

  margin-right: 2.15rem;

  align-items: center;

  color: rgba(var(--bs-body-bg-rgb), 0.8);

  &:hover {

    color: rgba(var(--bs-body-bg-rgb), 1);

  }

  svg {

    margin-left: 0.5rem;

    font-size: 1.5rem;

  }

}

#bslib-full-screen-overlay {

  position: fixed;

  inset: 0;

  background-color: rgba(var(--bs-body-color-rgb), 0.6);

  z-index: $zindex-popover - 1;

}

.bslib-column-wrap {

  display: grid !important;

  gap: $spacer;

  height: var(--bslib-column-wrap-height);

  // Vanilla Bootstrap doesn't have a margin-bottom, but bslib's

  // does (as long as it appears outside of a grid)

  .card {

    margin-bottom: 0;

  }

}

@include media-breakpoint-down(sm) {

  .bslib-column-wrap {

    grid-template-columns: 1fr !important;

    height: var(--bslib-column-wrap-height-mobile);

  }

}

.bslib-value-box {

  .value-box-grid {

    grid-template-columns: var(--bslib-value-box-widths);

  }

  // Should also be .vfill-container/.vfill-item

  .value-box-showcase {

    align-items: center;

    justify-content: center;

    margin-top: auto;

    margin-bottom: auto;

    padding: 1rem;

    .bi, .fa { opacity: .85; }

    .bi { font-size: 5rem; }

    .fa { font-size: 4rem; }

    max-height: var(--bslib-value-box-max-height);

    &.showcase-top-right {

      align-items: end;

      padding-left: 0;

      padding-bottom: 0;

    }

  }

  // Should also be .vfill-container/.vfill-item

  .value-box-area {

    justify-content: center;

    padding: 1.5rem 1rem;

    font-size: .9rem;

    font-weight: 500;

    * {

      color: inherit;

      margin-bottom: 0;

      margin-top: 0;

    }

    &.border-start {

      border-color: rgba($border-color, 0.3) !important;

    }

  }

  &.bslib-full-screen {

    .value-box-grid {

      grid-template-columns: var(--bslib-value-box-widths-full-screen);

    }

    .value-box-showcase {

      max-height: var(--bslib-value-box-max-height-full-screen);

    }

  }

  &:not(.bslib-full-screen) {

    .value-box-showcase.showcase-top-right {

      margin-top: 0;

    }

  }

}

// Override layout_inline_grid()'s preference to collapse to full-width on mobile (inside the value box)

@include media-breakpoint-down(sm) {

  .bslib-value-box .value-box-grid {

    grid-template-columns: var(--bslib-value-box-widths) !important;

  }

}

// Cyborg 4.6.0

// Bootswatch

//

// Color system

//

$white:    #fff !default;

$gray-100: #f8f9fa !default;

$gray-200: #e9ecef !default;

$gray-300: #dee2e6 !default;

$gray-400: #adafae !default;

$gray-500: #888 !default;

$gray-600: #555 !default;

$gray-700: #282828 !default;

$gray-800: #222 !default;

$gray-900: #212529 !default;

$black:    #000 !default;

$blue:    #2a9fd6 !default;

$indigo:  #6610f2 !default;

$purple:  #6f42c1 !default;

$pink:    #e83e8c !default;

$red:     #c00 !default;

$orange:  #fd7e14 !default;

$yellow:  #f80 !default;

$green:   #77b300 !default;

$teal:    #20c997 !default;

$cyan:    #93c !default;

// Body

@function body-mix($weight) {

    @return mix(#060606, $gray-400, $weight);

}

$body-bg:                   body-mix(100%) !default;

$body-color:                body-mix(0%) !default;

// Most defaults to cascade from body bg/color, but some

// colors really want to a full contrast from the bg color

$contrast-bg: color-contrast($body-bg) !default;

$primary:       $blue !default;

$secondary:     body-mix(67%) !default;

$success:       $green !default;

$info:          $cyan !default;

$warning:       $yellow !default;

$danger:        $red !default;

$light:         body-mix(33%) !default;

$dark:          $body-color !default;

// Fonts

// stylelint-disable-next-line value-keyword-case

$font-family-sans-serif:  Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !default;

$font-size-base:          .875rem !default;

$h1-font-size:            4rem !default;

$h2-font-size:            3rem !default;

$h3-font-size:            2.5rem !default;

$h4-font-size:            2rem !default;

$h5-font-size:            1.5rem !default;

$headings-color:          $contrast-bg !default;

// Tables

$table-color:                   $contrast-bg !default;

$table-accent-bg:               rgba($contrast-bg, .05) !default;

$table-hover-bg:                rgba($contrast-bg, .075) !default;

$table-border-color:            body-mix(50%) !default;

$table-dark-bg:                 body-mix(16%) !default;

$table-dark-border-color:       body-mix(23%) !default;

// Buttons

$input-btn-padding-x:       1rem !default;

// Forms

$input-disabled-bg:                 $body-color !default;

$input-border-color:                $contrast-bg !default;

$input-group-addon-color:           $contrast-bg !default;

$input-group-addon-bg:              body-mix(50%) !default;

$input-group-addon-border-color:    transparent !default;

$custom-file-color:                 $contrast-bg !default;

$custom-file-border-color:          body-mix(50%) !default;

// Dropdowns

$dropdown-bg:                    body-mix(50%) !default;

$dropdown-divider-bg:            body-mix(67%) !default;

$dropdown-link-color:            $contrast-bg !default;

$dropdown-link-hover-color:      $contrast-bg !default;

$dropdown-link-hover-bg:         $primary !default;

// Navs

$nav-tabs-border-color:                       $table-border-color !default;

$nav-tabs-link-hover-border-color:            $nav-tabs-border-color !default;

$nav-tabs-link-active-color:                  $contrast-bg !default;

$nav-tabs-link-active-bg:                     $nav-tabs-border-color !default;

$nav-tabs-link-active-border-color:           $nav-tabs-border-color !default;

// Navbar

$navbar-dark-hover-color:           $contrast-bg !default;

// Pagination

$pagination-color:                     $contrast-bg !default;

$pagination-bg:                        body-mix(50%) !default;

$pagination-border-color:              transparent !default;

$pagination-hover-color:               $contrast-bg !default;

$pagination-hover-bg:                  $primary !default;

$pagination-hover-border-color:        $pagination-border-color !default;

$pagination-disabled-bg:               $pagination-bg !default;

$pagination-disabled-border-color:     $pagination-border-color !default;

// Jumbotron

$jumbotron-bg:                      body-mix(50%) !default;

// Cards

$card-bg:                           body-mix(50%) !default;

// Tooltips

$tooltip-bg:                        body-mix(50%) !default;

$tooltip-opacity:                   1 !default;

// Popovers

$popover-bg:                        body-mix(50%) !default;

// Toasts

$toast-color:                       $contrast-bg !default;

$toast-background-color:            body-mix(67%) !default;

$toast-border-color:                body-mix(50%) !default;

$toast-header-color:                $body-color !default;

$toast-header-background-color:     $toast-background-color !default;

$toast-header-border-color:         $toast-border-color !default;

// Modals

$modal-content-bg:                  body-mix(67%) !default;

$modal-header-border-color:         body-mix(50%) !default;

// Progress bars

$progress-bg:                       body-mix(50%) !default;

// List group

$list-group-bg:                     body-mix(67%) !default;

$list-group-border-color:           body-mix(50%) !default;

$list-group-hover-bg:               $primary !default;

$list-group-disabled-bg:            body-mix(50%) !default;

$list-group-action-active-bg:       $primary !default;

// Breadcrumbs

$breadcrumb-bg:                     body-mix(50%) !default;

// Close

$close-color:                       $contrast-bg !default;

$close-text-shadow:                 none !default;

// Code

$pre-color:                         inherit !default;

// Cyborg 4.6.0

// Bootswatch

// Variables ===================================================================

$web-font-path: "https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" !default;

@import url($web-font-path);

// Functions ===================================================================

@function darken($color, $percent) {

  @return mix($body-bg, $color, $percent);

}

@function lighten($color, $percent) {

  @return mix($body-color, $color, $percent);

}

// Navbar ======================================================================

.navbar {

  &.bg-primary {

    border: 1px solid body-mix(50%);

  }

  &.bg-dark {

    background-color: $body-bg !important;

    border: 1px solid body-mix(50%);

  }

  &.bg-light {

    background-color: body-mix(16%) !important;

  }

  &.fixed-top {

    border-width: 0 0 1px;

  }

  &.fixed-bottom {

    border-width: 1px 0 0;

  }

}

// Buttons =====================================================================

.btn {

  @each $color, $value in $theme-colors {

    &-#{$color} {

      @if $enable-gradients {

        background: $value linear-gradient(180deg, mix($contrast-bg, $value, 15%), $value) repeat-x;

      } @else {

        background-color: $value;

      }

    }

  }

}

// Tables ======================================================================

table {

  color: $contrast-bg;

}

.table {

  &-primary {

    &,

    > th,

    > td {

      background-color: $primary;

    }

  }

  &-secondary {

    &,

    > th,

    > td {

      background-color: $secondary;

    }

  }

  &-light {

    &,

    > th,

    > td {

      background-color: $light;

    }

  }

  &-dark {

    &,

    > th,

    > td {

      background-color: $dark;

    }

  }

  &-success {

    &,

    > th,

    > td {

      background-color: $success;

    }

  }

  &-info {

    &,

    > th,

    > td {

      background-color: $info;

    }

  }

  &-danger {

    &,

    > th,

    > td {

      background-color: $danger;

    }

  }

  &-warning {

    &,

    > th,

    > td {

      background-color: $warning;

    }

  }

  &-active {

    &,

    > th,

    > td {

      background-color: $table-active-bg;

    }

  }

  &-hover {

    .table-primary:hover {

      &,

      > th,

      > td {

        background-color: darken($primary, 5%);

      }

    }

    .table-secondary:hover {

      &,

      > th,

      > td {

        background-color: darken($secondary, 5%);

      }

    }

    .table-light:hover {

      &,

      > th,

      > td {

        background-color: darken($light, 5%);

      }

    }

    .table-dark:hover {

      &,

      > th,

      > td {

        background-color: darken($dark, 5%);

      }

    }

    .table-success:hover {

      &,

      > th,

      > td {

        background-color: darken($success, 5%);

      }

    }

    .table-info:hover {

      &,

      > th,

      > td {

        background-color: darken($info, 5%);

      }

    }

    .table-danger:hover {

      &,

      > th,

      > td {

        background-color: darken($danger, 5%);

      }

    }

    .table-warning:hover {

      &,

      > th,

      > td {

        background-color: darken($warning, 5%);

      }

    }

    .table-active:hover {

      &,

      > th,

      > td {

        background-color: $table-active-bg;

      }

    }

  }

}

// Forms =======================================================================

legend {

  color: $contrast-bg;

}

.form-control {

  background-clip: border-box;

  &:disabled,

  &[readonly] {

    border-color: transparent;

  }

}

// Navs ========================================================================

.nav-tabs,

.nav-pills {

  .nav-link {

    color: $contrast-bg;

    &:hover {

      background-color: body-mix(50%);

    }

    &.disabled,

    &.disabled:hover {

      background-color: transparent;

      color: $nav-link-disabled-color;

    }

    &.active {

      background-color: $primary;

    }

  }

}

.breadcrumb {

  a {

    color: $contrast-bg;

  }

}

.pagination {

  a:hover {

    text-decoration: none;

  }

}

// Indicators ==================================================================

.alert {

  border: none;

  color: $contrast-bg;

  a,

  .alert-link {

    color: $contrast-bg;

    text-decoration: underline;

  }

  @each $color, $value in $theme-colors {

    &-#{$color} {

      @if $enable-gradients {

        background: $value linear-gradient(180deg, mix($contrast-bg, $value, 15%), $value) repeat-x;

      } @else {

        background-color: $value;

      }

    }

  }

}

.badge {

  &-warning {

    color: $contrast-bg;

  }

}

.close {

  opacity: .6;

  &:hover {

    opacity: 1;

  }

}

// Containers ==================================================================

.list-group-item {

  &:hover {

    background-color: body-mix(50%);

    color: $contrast-bg;

  }

  &-action {

    color: body-mix(16%);

    .list-group-item-heading {

      color: body-mix(16%);

    }

  }

  &:hover .list-group-item-heading {

    color: $contrast-bg;

  }

}

.card,

.list-group-item {

  h1,

  h2,

  h3,

  h4,

  h5,

  h6 {

    color: inherit;

  }

}

.popover {

  &-title {

    border-bottom: none;

  }

}

@font-face {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(fonts/KFOmCnqEu92Fr1Me5g.woff) format('woff');

}

@font-face {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 700;

  font-display: swap;

  src: url(fonts/KFOlCnqEu92Fr1MmWUlvAA.woff) format('woff');

}

The MIT License (MIT)

Copyright (c) 2011-2016 Twitter, Inc

Copyright (c) 2011-2016 The Bootstrap Authors

Permission is hereby granted, free of charge, to any person obtaining a copy

of this software and associated documentation files (the "Software"), to deal

in the Software without restriction, including without limitation the rights

to use, copy, modify, merge, publish, distribute, sublicense, and/or sell

copies of the Software, and to permit persons to whom the Software is

furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in

all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR

IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,

FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE

AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER

LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,

OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN

THE SOFTWARE.

// Mincer asset helper functions

//

// This must be imported into a .css.ejs.scss file.

// Then, <% %>-interpolations will be parsed as strings by Sass, and evaluated by EJS after Sass compilation.

@function twbs-font-path($path) {

  // do something like following

  // from "path/to/font.ext#suffix" to "<%- asset_path(path/to/font.ext)) + #suffix %>"

  // from "path/to/font.ext?#suffix" to "<%- asset_path(path/to/font.ext)) + ?#suffix %>"

  // or from "path/to/font.ext" just "<%- asset_path(path/to/font.ext)) %>"

  @return "<%- asset_path("#{$path}".replace(/[#?].*$/, '')) + "#{$path}".replace(/(^[^#?]*)([#?]?.*$)/, '$2') %>";

}

@function twbs-image-path($file) {

  @return "<%- asset_path("#{$file}") %>";

}

$bootstrap-sass-asset-helper: true;

@function twbs-font-path($path) {

  @return font-path($path);

}

@function twbs-image-path($path) {

  @return image-path($path);

}

$bootstrap-sass-asset-helper: true;

/*!

 * Bootstrap v3.4.1 (https://getbootstrap.com/)

 * Copyright 2011-2019 Twitter, Inc.

 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 */

// Core variables and mixins

@import "bootstrap/variables";

@import "bootstrap/mixins";

// Reset and dependencies

@import "bootstrap/normalize";

@import "bootstrap/print";

@import "bootstrap/glyphicons";

// Core CSS

@import "bootstrap/scaffolding";

@import "bootstrap/type";

@import "bootstrap/code";

@import "bootstrap/grid";

@import "bootstrap/tables";

@import "bootstrap/forms";

@import "bootstrap/buttons";

// Components

@import "bootstrap/component-animations";

@import "bootstrap/dropdowns";

@import "bootstrap/button-groups";

@import "bootstrap/input-groups";

@import "bootstrap/navs";

@import "bootstrap/navbar";

@import "bootstrap/breadcrumbs";

@import "bootstrap/pagination";

@import "bootstrap/pager";

@import "bootstrap/labels";

@import "bootstrap/badges";

@import "bootstrap/jumbotron";

@import "bootstrap/thumbnails";

@import "bootstrap/alerts";

@import "bootstrap/progress-bars";

@import "bootstrap/media";

@import "bootstrap/list-group";

@import "bootstrap/panels";

@import "bootstrap/responsive-embed";

@import "bootstrap/wells";

@import "bootstrap/close";

// Components w/ JavaScript

@import "bootstrap/modals";

@import "bootstrap/tooltip";

@import "bootstrap/popovers";

@import "bootstrap/carousel";

// Utility classes

@import "bootstrap/utilities";

@import "bootstrap/responsive-utilities";

@function twbs-font-path($path) {

  @return font-url($path, true);

}

@function twbs-image-path($path) {

  @return image-url($path, true);

}

$bootstrap-sass-asset-helper: true;

{

  "name": "bootstrap-sass",

  "version": "3.4.1",

  "description": "bootstrap-sass is a Sass-powered version of Bootstrap 3, ready to drop right into your Sass powered applications.",

  "main": "assets/javascripts/bootstrap.js",

  "style": "assets/stylesheets/_bootstrap.scss",

  "sass": "assets/stylesheets/_bootstrap.scss",

  "files": ["assets", "eyeglass-exports.js", "CHANGELOG.md", "LICENSE", "README.md"],

  "repository": {

    "type": "git",

    "url": "git://github.com/twbs/bootstrap-sass"

  },

  "keywords": ["bootstrap", "sass", "css", "eyeglass-module"],

  "contributors": ["Thomas McDonald", "Tristan Harward", "Peter Gumeson", "Gleb Mazovetskiy"],

  "license": "MIT",

  "bugs": {

    "url": "https://github.com/twbs/bootstrap-sass/issues"

  },

  "eyeglass": {

    "exports": "eyeglass-exports.js",

    "needs": "^0.7.1"

  }

}

# Changelog

## 3.4.0

* Bootstrap rubygem now depends on SassC instead of Sass.

* Compass no longer supported.

## 3.3.7

* Allows jQuery 3.x in bower.json. [#1048](https://github.com/twbs/bootstrap-sass/issues/1048)

* Adds the `style` and `sass` fields to package.json. [#1045](https://github.com/twbs/bootstrap-sass/issues/1045)

* Adds Eyeglass support. [#1007](https://github.com/twbs/bootstrap-sass/pull/1007)

## 3.3.6

* Bumps Sass dependency to 3.3.4+ to avoid compatibility issues with @at-root.

* Bumps node-sass dependency to ~3.4.2 for Node.js v5 compatibility. [#986](https://github.com/twbs/bootstrap-sass/issues/986)

* Fixes breadcrumb content issues on libsass. [#919](https://github.com/twbs/bootstrap-sass/issues/919)

* Fixes a Rails 5 compatibility issue. [#965](https://github.com/twbs/bootstrap-sass/pull/965)

Framework version: Bootstrap **v3.3.6**

## 3.3.5

Fix for standalone Compass extension compatibility. [#914](https://github.com/twbs/bootstrap-sass/issues/914)

Framework version: Bootstrap **v3.3.5**

## 3.3.4

No Sass-specific changes.

Framework version: Bootstrap **v3.3.4**

## 3.3.3

This is a re-packaged release of 3.3.2.1 (v3.3.2+1).

Versions are now strictly semver.

The PATCH version may be ahead of the upstream.

Framework version: Bootstrap **v3.3.2**.

## 3.3.2.1

* Fix glyphicons regression (revert 443d5b49eac84aec1cb2f8ea173554327bfc8c14)

## 3.3.2.0

* Autoprefixer is now required, and `autoprefixer-rails` is now a dependency for the ruby gem. [#824](https://github.com/twbs/bootstrap-sass/issues/824)

* Minimum precision reduced from 10 to 8 [#821](https://github.com/twbs/bootstrap-sass/issues/821)

* Requiring bootstrap JS from npm now works [#812](https://github.com/twbs/bootstrap-sass/issues/812)

* Fix Sass 3.4.x + IE10 compatibility issue [#803](https://github.com/twbs/bootstrap-sass/issues/803)

* Provide minified JS bundle [#777](https://github.com/twbs/bootstrap-sass/issues/777)

* Bower package is now at bootstrap-sass [#813](https://github.com/twbs/bootstrap-sass/issues/813)

## 3.3.1.0

* Variables override template at templates/project/_bootstrap-variables.sass

* Readme: Bower + Rails configuration

## 3.3.0.1

* Fix loading issue with the ruby gem version

## 3.3.0

* Improve libsass compatibility

* Support using Bower package with Rails

## 3.2.0.2

Main bootstrap file is now a partial (_bootstrap.scss), for compatibility with Compass 1+.

Fixed a number of bugs. [Issues closed in v3.2.0.2](https://github.com/twbs/bootstrap-sass/issues?q=is%3Aissue+is%3Aclosed+milestone%3Av3.2.0.2).

## 3.2.0.1

Fixed a number of bugs: [Issues closed in v3.2.0.1](https://github.com/twbs/bootstrap-sass/issues?q=is%3Aissue+is%3Aclosed+milestone%3Av3.2.0.1).

## 3.2.0.0

- Assets (Sass, JS, fonts) moved from `vendor/assets` to `assets`. `bootstrap.js` now contains concatenated JS.

- Compass generator now copies JS and fonts, and provides a better default `styles.sass`.

- Compass, Sprockets, and Mincer asset path helpers are now provided in pure Sass: `bootstrap-compass`, `bootstrap-sprockets`, and `bootstrap-mincer`.

Asset path helpers must be imported before `bootstrap`, more in Readme.

- Sprockets / Mincer JS manifest has been moved to `bootstrap-sprockets.js`.

It can be required without adding Bootstrap JS directory to load path, as it now uses relative paths.

- Sprockets: `depend_on_asset` (`glyphicons.scss`) has been changed to `depend_on` to work around an issue with `depend_on_asset`.

[More information](https://github.com/twbs/bootstrap-sass/issues/592#issuecomment-46570286).

## 3.1.1.0

- Updated Bower docs

## 3.1.0.2

- #523: Rails 3.2 compatibility

- Bugfixes from upstream up to 7eb532262fbd1112215b5a547b9285794b5360ab.

## 3.1.0.1

- #518: `scale` mixin Sass compatibility issue

## 3.1.0.0

* compiles with libsass master

## 3.0.2.1

* fix vendor paths for compass

## 3.0.0.0

* Fully automated (lots of string juggling) LESS -> Sass conversion. - *Gleb Mazovetskiy*

* Ported rake task from vwall/compass-twitter-bootstrap to convert Bootstrap upstream - *Peter Gumeson*

* Moved javascripts to us `bootstrap-component.js` to `bootstrap/component.js` - *Peter Gumeson*

## 2.3.2.2

* Allow sass-rails `>= 3.2` - *Thomas McDonald*

## 2.3.2.1

## 2.3.2.0

* Update to Bootstrap 2.3.2 - *Dan Allen*

## 2.3.1.3

* Find the correct Sprockets context for the `image_path` function - *Tristan Harward, Gleb Mazovetskiy*

## 2.3.1.2

* Fix changes to image url - *Gleb Mazovetskiy*

* Copy _variables into project on Compass install - *Phil Thompson*

* Add `bootstrap-affix` to the Compass template file - *brief*

## 2.3.1.1 (yanked)

* Change how image_url is handled internally - *Tristan Harward*

* Fix some font variables not having `!default` - *Thomas McDonald*

## 2.3.0.0

* [#290] Update to Bootstrap 2.3.0 - *Tristan Harward*

* Fix `rake:debug` with new file locations - *Thomas McDonald*

* Add draft contributing document - *Thomas McDonald*

* [#260] Add our load path to the global Sass load path - *Tristan Harward*

* [#275] Use GitHub notation in Sass head testing gemfile - *Timo Schilling*

* [#279, #283] Readme improvements - *theverything, Philip Arndt*

## 2.2.2.0

* [#270] Update to Bootstrap 2.2.2 - *Tristan Harward*

* [#266] Add license to gemspec - *Peter Marsh*

## 2.2.1.1

* [#258] Use `bootstrap` prefix for `@import`ing files in `bootstrap/bootstrap.scss` - *Umair Siddique*

## 2.2.1.0

* [#246] Update to Bootstrap 2.2.1 - *Tristan Harward*

* [#246] Pull Bootstrap updates from jlong/sass-twitter-bootstrap - *Tristan Harward*

## 2.1.1.0

* Update to Bootstrap 2.1.1

* [#222] Remove 100% multiplier in vertical-three-colours

* [#227] Fix IE component animation collapse

* [#228] Fix variables documentation link

* [#231] Made .input-block-level a class as well as mixin

## 2.1.0.1

* [#219] Fix expected a color. Got: transparent.

* [#207] Add missing warning style for table row highlighting

* [#208] Use grid-input-span for input spans

## 2.1.0.0

* Updated to Bootstrap 2.1

* Changed some mixin names to be more consistent. Nested mixins in Less are separated by a `-` when they are flattened in Sass.

## 2.0.4.1

* Fix `.row-fluid > spanX` nesting

* Small Javascript fixes for those staying on the 2.0.4 release

* Add `!default` to z-index variables.

## 2.0.4.0

* Updated to Bootstrap 2.0.4

* Switched to Bootstrap 2.0.3+'s method of separating responsive files

* [#149, #150] Fix off by one error introduced with manual revert of media query breakpoints

* `rake debug` and `rake test` both compile bootstrap & bootstrap-responsive

## 2.0.3.1

* [#145, #146] Fix button alignment in collapsing navbar as a result of an incorrect variable

## 2.0.3

* Updated to Bootstrap 2.0.3

* [#106] Support for Rails < 3.1 through Compass

* [#132] Add CI testing

* [#106] Support Rails w/Compass

* [#134] Fix support for Rails w/Compass

## 2.0.2

* [#86] Updated to Bootstrap 2.0.2

Things of note: static navbars now have full width. (to be fixed in 2.0.3) `.navbar-inner > .container { width:940px; }` seems to work in the meanwhile

* [#62] Fixed asset compilation taking a *very* long time.

* [#69, #79, #80] \(Hopefully) clarified README. Now with less cat humour.

* [#91] Removed doubled up Sass extensions for Rails.

* [#63, #73] Allow for overriding of image-path

* [[SO](http://stackoverflow.com/a/9909626/241212)] Added makeFluidColumn mixin for defining fluid columns. Fluid rows must use `@extend .row-fluid`, and any column inside it can use `@include makeFluidColumn(num)`, where `num` is the number of columns. Unfortunately, there is a rather major limitation to this: margins on first-child elements must be overriden. See the attached Stack Overflow answer for more information.

## 2.0.1

* Updated to Bootstrap 2.0.1

* Modified `@mixin opacity()` to take an argument `0...1` rather than `0...100` to be consistent with Compass.

## 2.0.0

* Updated to Bootstrap 2.0.0

var path = require('path');

module.exports = function(eyeglass, sass) {

  return {

    sassDir: path.join(__dirname, 'assets/stylesheets')

  }

};

# Bootstrap 3 for Sass

[![Gem Version](https://badge.fury.io/rb/bootstrap-sass.svg)](http://badge.fury.io/rb/bootstrap-sass)

[![npm version](https://img.shields.io/npm/v/bootstrap-sass.svg?style=flat)](https://www.npmjs.com/package/bootstrap-sass)

[![Bower Version](https://badge.fury.io/bo/bootstrap-sass.svg)](http://badge.fury.io/bo/bootstrap-sass)

[![Build Status](https://img.shields.io/travis/twbs/bootstrap-sass.svg)](https://travis-ci.org/twbs/bootstrap-sass)

`bootstrap-sass` is a Sass-powered version of [Bootstrap](https://github.com/twbs/bootstrap) 3, ready to drop right into your Sass powered applications.

This is Bootstrap **3**. For Bootstrap **4** use the [Bootstrap rubygem](https://github.com/twbs/bootstrap-rubygem) if you use Ruby, and the [main repo](https://github.com/twbs/bootstrap) otherwise.

## Installation

Please see the appropriate guide for your environment of choice:

* [Ruby on Rails](#a-ruby-on-rails).

* [Bower](#b-bower).

* [npm / Node.js](#c-npm--nodejs).

### a. Ruby on Rails

`bootstrap-sass` is easy to drop into Rails with the asset pipeline.

In your Gemfile you need to add the `bootstrap-sass` gem, and ensure that the `sass-rails` gem is present - it is added to new Rails applications by default.

```ruby

gem 'bootstrap-sass', '~> 3.4.1'

gem 'sassc-rails', '>= 2.1.0'

```

`bundle install` and restart your server to make the files available through the pipeline.

Import Bootstrap styles in `app/assets/stylesheets/application.scss`:

```scss

// "bootstrap-sprockets" must be imported before "bootstrap" and "bootstrap/variables"

@import "bootstrap-sprockets";

@import "bootstrap";

```

`bootstrap-sprockets` must be imported before `bootstrap` for the icon fonts to work.

Make sure the file has `.scss` extension (or `.sass` for Sass syntax). If you have just generated a new Rails app,

it may come with a `.css` file instead. If this file exists, it will be served instead of Sass, so rename it:

```console

$ mv app/assets/stylesheets/application.css app/assets/stylesheets/application.scss

```

Then, remove all the `*= require_self` and `*= require_tree .` statements from the sass file. Instead, use `@import` to import Sass files.

Do not use `*= require` in Sass or your other stylesheets will not be [able to access][antirequire] the Bootstrap mixins or variables.

Bootstrap JavaScript depends on jQuery.

If you're using Rails 5.1+, add the `jquery-rails` gem to your Gemfile:

```ruby

gem 'jquery-rails'

```

```console

$ bundle install

```

Require Bootstrap Javascripts in `app/assets/javascripts/application.js`:

```js

//= require jquery

//= require bootstrap-sprockets

```

`bootstrap-sprockets` and `bootstrap` [should not both be included](https://github.com/twbs/bootstrap-sass/issues/829#issuecomment-75153827) in `application.js`.

`bootstrap-sprockets` provides individual Bootstrap Javascript files (`alert.js` or `dropdown.js`, for example), while

`bootstrap` provides a concatenated file containing all Bootstrap Javascripts.

#### Bower with Rails

When using [bootstrap-sass Bower package](#c-bower) instead of the gem in Rails, configure assets in `config/application.rb`:

```ruby

# Bower asset paths

root.join('vendor', 'assets', 'bower_components').to_s.tap do |bower_path|

  config.sass.load_paths << bower_path

  config.assets.paths << bower_path

end

# Precompile Bootstrap fonts

config.assets.precompile << %r(bootstrap-sass/assets/fonts/bootstrap/[\w-]+\.(?:eot|svg|ttf|woff2?)$)

# Minimum Sass number precision required by bootstrap-sass

::Sass::Script::Value::Number.precision = [8, ::Sass::Script::Value::Number.precision].max

```

Replace Bootstrap `@import` statements in `application.scss` with:

```scss

$icon-font-path: "bootstrap-sass/assets/fonts/bootstrap/";

@import "bootstrap-sass/assets/stylesheets/bootstrap-sprockets";

@import "bootstrap-sass/assets/stylesheets/bootstrap";

```

Replace Bootstrap `require` directive in `application.js` with:

```js

//= require bootstrap-sass/assets/javascripts/bootstrap-sprockets

```

#### Rails 4.x

Please make sure `sprockets-rails` is at least v2.1.4.

#### Rails 3.2.x

bootstrap-sass is no longer compatible with Rails 3. The latest version of bootstrap-sass compatible with Rails 3.2 is v3.1.1.0.

### b. Bower

bootstrap-sass Bower package is compatible with node-sass 3.2.0+. You can install it with:

```console

$ bower install bootstrap-sass

```

Sass, JS, and all other assets are located at [assets](/assets).

By default, `bower.json` main field list only the main `_bootstrap.scss` and all the static assets (fonts and JS).

This is compatible by default with asset managers such as [wiredep](https://github.com/taptapship/wiredep).

#### Node.js Mincer

If you use [mincer][mincer] with node-sass, import Bootstrap like so:

In `application.css.ejs.scss` (NB **.css.ejs.scss**):

```scss

// Import mincer asset paths helper integration

@import "bootstrap-mincer";

@import "bootstrap";

```

In `application.js`:

```js

//= require bootstrap-sprockets

```

See also this [example manifest.js](/test/dummy_node_mincer/manifest.js) for mincer.

### c. npm / Node.js

```console

$ npm install bootstrap-sass

```

## Configuration

### Sass

By default all of Bootstrap is imported.

You can also import components explicitly. To start with a full list of modules copy

[`_bootstrap.scss`](assets/stylesheets/_bootstrap.scss) file into your assets as `_bootstrap-custom.scss`.

Then comment out components you do not want from `_bootstrap-custom`.

In the application Sass file, replace `@import 'bootstrap'` with:

```scss

@import 'bootstrap-custom';

```

### Sass: Number Precision

bootstrap-sass [requires](https://github.com/twbs/bootstrap-sass/issues/409) minimum [Sass number precision][sass-precision] of 8 (default is 5).

Precision is set for Ruby automatically when using the `sassc-rails` gem.

When using the npm or Bower version with Ruby, you can set it with:

```ruby

::Sass::Script::Value::Number.precision = [8, ::Sass::Script::Value::Number.precision].max

```

### Sass: Autoprefixer

Bootstrap requires the use of [Autoprefixer][autoprefixer].

[Autoprefixer][autoprefixer] adds vendor prefixes to CSS rules using values from [Can I Use](https://caniuse.com/).

To match [upstream Bootstrap's level of browser compatibility](https://getbootstrap.com/getting-started/#support), set Autoprefixer's `browsers` option to:

```json

[

  "Android 2.3",

  "Android >= 4",

  "Chrome >= 20",

  "Firefox >= 24",

  "Explorer >= 8",

  "iOS >= 6",

  "Opera >= 12",

  "Safari >= 6"

]

```

### JavaScript

[`assets/javascripts/bootstrap.js`](/assets/javascripts/bootstrap.js) contains all of Bootstrap's JavaScript,

concatenated in the [correct order](/assets/javascripts/bootstrap-sprockets.js).

#### JavaScript with Sprockets or Mincer

If you use Sprockets or Mincer, you can require `bootstrap-sprockets` instead to load the individual modules:

```js

// Load all Bootstrap JavaScript

//= require bootstrap-sprockets

```

You can also load individual modules, provided you also require any dependencies.

You can check dependencies in the [Bootstrap JS documentation][jsdocs].

```js

//= require bootstrap/scrollspy

//= require bootstrap/modal

//= require bootstrap/dropdown

```

### Fonts

The fonts are referenced as:

```scss

"#{$icon-font-path}#{$icon-font-name}.eot"

```

`$icon-font-path` defaults to `bootstrap/` if asset path helpers are used, and `../fonts/bootstrap/` otherwise.

When using bootstrap-sass with Compass, Sprockets, or Mincer, you **must** import the relevant path helpers before Bootstrap itself, for example:

```scss

@import "bootstrap-compass";

@import "bootstrap";

```

## Usage

### Sass

Import Bootstrap into a Sass file (for example, `application.scss`) to get all of Bootstrap's styles, mixins and variables!

```scss

@import "bootstrap";

```

You can also include optional Bootstrap theme:

```scss

@import "bootstrap/theme";

```

The full list of Bootstrap variables can be found [here](https://getbootstrap.com/customize/#less-variables). You can override these by simply redefining the variable before the `@import` directive, e.g.:

```scss

$navbar-default-bg: #312312;

$light-orange: #ff8c00;

$navbar-default-color: $light-orange;

@import "bootstrap";

```

### Eyeglass