patternfly-sass 3.23.2 → 3.31.1

data/assets/stylesheets/patternfly/lib/patternfly-bootstrap-combobox.scss

@@ -1,44 +0,0 @@
-@media (min-width: 768px) {
-  .form-search .combobox-container,
-  .form-inline .combobox-container {
-    display: inline-block;
-    margin-bottom: 0;
-    vertical-align: top;
-  }
-  .form-search .combobox-container .input-group-addon,
-  .form-inline .combobox-container .input-group-addon {
-    width: auto;
-  }
-}
-.combobox-selected .caret {
-  display: none;
-}
-/* :not doesn't work in IE8 */
-.combobox-container:not(.combobox-selected) .glyphicon-remove {
-  display: none;
-}
-.typeahead-long {
-  max-height: 300px;
-  overflow-y: auto;
-}
-.control-group.error .combobox-container .add-on {
-  color: #B94A48;
-  border-color: #B94A48;
-}
-.control-group.error .combobox-container .caret {
-  border-top-color: #B94A48;
-}
-.control-group.warning .combobox-container .add-on {
-  color: #C09853;
-  border-color: #C09853;
-}
-.control-group.warning .combobox-container .caret {
-  border-top-color: #C09853;
-}
-.control-group.success .combobox-container .add-on {
-  color: #468847;
-  border-color: #468847;
-}
-.control-group.success .combobox-container .caret {
-  border-top-color: #468847;
-}

data/bower.json

@@ -1,53 +0,0 @@
-{
-  "name": "patternfly-sass",
-  "version": "3.23.2",
-  "license": "Apache-2.0",
-  "homepage": "https://www.patternfly.org",
-  "authors": [
-    "Alex Wood",
-    "Dávid Halász"
-  ],
-  "description": "Red Hat's Patternfly, converted to Sass and ready to drop into Rails",
-  "reposityory": {
-    "type": "git",
-    "url": "git://github.com/patternfly/patternfly-sass"
-  },
-  "moduleType": "globals",
-  "main": [
-    "assets/stylesheets/_patternfly.scss",
-    "assets/javascripts/patternfly.js"
-  ],
-  "ignore": [
-    "**/.*",
-    "node_modules",
-    "/lib",
-    "tasks",
-    "pkg",
-    "bower_components",
-    "spec",
-    "tmp"
-  ],
-  "dependencies": {
-    "bootstrap-sass": "~3.3.7",
-    "bootstrap-datepicker": "~1.6.4",
-    "bootstrap-select": "~1.10.0",
-    "bootstrap-switch": "~3.3.2",
-    "bootstrap-touchspin": "~3.1.1",
-    "c3": "~0.4.11",
-    "d3": "~3.5.17",
-    "datatables": "~1.10.12",
-    "datatables-colreorder": "~1.3.2",
-    "datatables-colvis": "~1.1.2",
-    "font-awesome-sass": "~4.6.2",
-    "google-code-prettify": "~1.0.5",
-    "jquery": "~2.1.4",
-    "matchHeight": "~0.7.0",
-    "eonasdan-bootstrap-datetimepicker": "~4.17.37",
-    "moment": "~2.14.1",
-    "patternfly-bootstrap-combobox": "~1.1.7",
-    "patternfly-bootstrap-treeview": "~2.1.0"
-  },
-  "resolutions": {
-    "jquery": "~2.1.4"
-  }
-}

data/package.json

@@ -1,70 +0,0 @@
-{
-  "name": "patternfly-sass",
-  "version": "3.23.2",
-  "author": "Red Hat",
-  "license": "Apache-2.0",
-  "dependencies": {
-    "bootstrap-sass": "~3.3.7",
-    "font-awesome": "~4.6.3",
-    "jquery": "~2.1.4"
-  },
-  "devDependencies": {
-    "autoprefixer": "^6.4.0",
-    "connect-livereload": "~0.5.4",
-    "grunt": "~1.0.1",
-    "grunt-contrib-connect": "~1.0.2",
-    "grunt-contrib-concat": "^1.0.0",
-    "grunt-contrib-copy": "^1.0.0",
-    "grunt-contrib-cssmin": "^1.0.1",
-    "grunt-contrib-less": "^1.3.0",
-    "grunt-contrib-uglify": "~2.0.0",
-    "grunt-contrib-watch": "~1.0.0",
-    "grunt-css-count": "^0.3.1",
-    "grunt-eslint": "~18.1.0",
-    "grunt-htmlhint": "^0.9.13",
-    "grunt-jekyll": "^0.4.4",
-    "grunt-karma": "^2.0.0",
-    "grunt-postcss": "^0.8.0",
-    "grunt-run": "^0.6.0",
-    "grunt-stylelint": "^0.6.0",
-    "jasmine-core": "^2.4.1",
-    "jasmine-jquery": "^2.1.1",
-    "karma": "^1.1.0",
-    "karma-chrome-launcher": "^1.0.1",
-    "karma-firefox-launcher": "^1.0.0",
-    "karma-jasmine": "^1.0.2",
-    "karma-phantomjs-launcher": "^1.0.1",
-    "matchdep": "~1.0.1",
-    "nsp": "^2.6.1",
-    "pixrem": "^3.0.1",
-    "table": "3.7.9"
-  },
-  "optionalDependencies": {
-    "bootstrap-datepicker": "~1.6.4",
-    "bootstrap-select": "~1.10.0",
-    "bootstrap-switch": "~3.3.2",
-    "bootstrap-touchspin": "~3.1.1",
-    "c3": "~0.4.11",
-    "d3": "~3.5.17",
-    "datatables": "~1.10.12",
-    "datatables.net-colreorder": "~1.3.2",
-    "datatables.net-colreorder-bs": "~1.3.2",
-    "datatables.net-select": "~1.2.0",
-    "drmonty-datatables-colvis": "~1.1.2",
-    "eonasdan-bootstrap-datetimepicker": "~4.15.35",
-    "google-code-prettify": "~1.0.5",
-    "jquery-match-height": "~0.7.0",
-    "moment": "~2.14.1",
-    "patternfly-bootstrap-combobox": "~1.1.7",
-    "patternfly-bootstrap-treeview": "~2.1.0"
-  },
-  "description": "Red Hat's Patternfly, converted to Sass and ready to drop into Rails",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/patternfly/patternfly-sass.git"
-  },
-  "bugs": {
-    "url": "https://github.com/patternfly/patternfly-sass/issues"
-  },
-  "homepage": "https://github.com/patternfly/patternfly-sass"
-}

data/spec/compare_spec.rb

@@ -1,60 +0,0 @@
-require 'selenium-webdriver'
-require 'nokogiri'
-require 'rmagick'
-
-RSpec.describe "compare SASS with LESS screenshots" do
-  BASEURL = "http://localhost:9000"
-  RESOLUTIONS = [[320, 480], [768, 1024], [1280, 1024]]
-  CONTEXTS = %w(less sass)
-  TOLERANCE = ENV['TOLERANCE'].to_f || 0.00
-  BROWSER = (ENV['BROWSER'] || :chrome).to_sym
-
-  before(:all) do
-    Selenium::WebDriver::Chrome.driver_path = 'chromedriver/chromedriver' if ENV['CI'] && ENV['BROWSER'] == 'chrome'
-    @browser = Selenium::WebDriver.for(BROWSER)
-  end
-
-  puts "Starting tests with TOLERANCE=#{TOLERANCE}"
-  html = File.read('spec/html/index.html')
-  document = Nokogiri::HTML(html)
-
-  document.css(".row a").each do |link|
-    file = link['href']
-    context "#{file}" do
-      title = file.sub('.html', '')
-      RESOLUTIONS.each do |w, h|
-        it "#{w}x#{h}" do
-          @browser.manage.window.resize_to(w, h)
-          CONTEXTS.each do |ctx|
-            @browser.navigate.to("#{BASEURL}/#{ctx}/pages/patternfly/#{file}")
-            @browser.execute_script("
-              var style = document.createElement('style');
-              style.innerHTML = '* { -moz-animation: none !important; -moz-transition: none !important; -webkit-animation: none !important; -webkit-transition: none !important; }';
-              document.body.appendChild(style);
-            ")
-            sleep(1)
-            @browser.save_screenshot("spec/results/#{ctx}/#{title}-#{w}x#{h}.png")
-          end
-          img_less = Magick::Image.read("spec/results/less/#{title}-#{w}x#{h}.png").first
-          img_sass = Magick::Image.read("spec/results/sass/#{title}-#{w}x#{h}.png").first
-
-          cols = [img_less.base_columns, img_sass.base_columns].max
-          rows = [img_less.base_rows, img_sass.base_rows].max
-
-          img_less.resize_to_fill!(cols, rows)
-          img_sass.resize_to_fill!(cols, rows)
-
-          img_diff, diff_rate = img_less.compare_channel img_sass, Magick::MeanAbsoluteErrorMetric, Magick::AllChannels
-          img_less.destroy!
-          img_sass.destroy!
-
-          img_diff.write("spec/results/#{title}-#{w}x#{h}.png") unless diff_rate <= TOLERANCE
-          img_diff.destroy!
-          expect(diff_rate).to be <= TOLERANCE
-        end
-      end
-    end
-  end
-
-  after(:all) { @browser.quit }
-end

data/spec/html/about-modal.html

@@ -1,77 +0,0 @@
-<!DOCTYPE html>
-<!--[if IE 9]><html lang="en-us" class="ie9"><![endif]-->
-<!--[if gt IE 9]><!-->
-<html lang="en-us">
-<!--<![endif]-->
-  <head>
-    <title>About Modal - PatternFly</title>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="shortcut icon" href="../../dist/img/favicon.ico">
-    <!-- iPad retina icon -->
-    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../../dist/img/apple-touch-icon-precomposed-152.png">
-    <!-- iPad retina icon (iOS < 7) -->
-    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../dist/img/apple-touch-icon-precomposed-144.png">
-    <!-- iPad non-retina icon -->
-    <link rel="apple-touch-icon-precomposed" sizes="76x76" href="../../dist/img/apple-touch-icon-precomposed-76.png">
-    <!-- iPad non-retina icon (iOS < 7) -->
-    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../dist/img/apple-touch-icon-precomposed-72.png">
-    <!-- iPhone 6 Plus icon -->
-    <link rel="apple-touch-icon-precomposed" sizes="120x120" href="../../dist/img/apple-touch-icon-precomposed-180.png">
-    <!-- iPhone retina icon (iOS < 7) -->
-    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../dist/img/apple-touch-icon-precomposed-114.png">
-    <!-- iPhone non-retina icon (iOS < 7) -->
-    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../../dist/img/apple-touch-icon-precomposed-57.png">
-    <link rel="stylesheet" href="../../dist/css/patternfly.min.css" >
-    <link rel="stylesheet" href="../../dist/css/patternfly-additions.min.css" >
-      <link href="tests.css" rel="stylesheet" media="screen, print">
-    <script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
-    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
-    <script src="./../../dist/js/patternfly.min.js"></script>
-  </head>
-
-  <body>
-    <div class="container">
-      <div class="page-header">
-        <h1>About Modal</h1>
-      </div>
-      <div class="alert alert-warning">
-        <span class="pficon pficon-warning-triangle-o"></span>
-        These examples are included for development testing purposes.  For official documentation, see <a href="https://www.patternfly.org" class="alert-link">https://www.patternfly.org</a> and <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>.
-      </div>
-      <hr>
-      <button class="btn btn-default" data-toggle="modal" data-target="#about-modal-1">Launch about modal</button>
-      <div class="modal fade" id="about-modal-1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-        <div class="modal-dialog">
-          <div class="modal-content about-modal-pf">
-            <div class="modal-header">
-              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
-                <span class="pficon pficon-close"></span>
-              </button>
-            </div>
-            <div class="modal-body">
-              <h1>Product Title</h1>
-              <div class="product-versions-pf">
-                <ul class="list-unstyled">
-                  <li><strong>Label</strong> Version</li>
-                  <li><strong>Label</strong> Version</li>
-                  <li><strong>Label</strong> Version</li>
-                  <li><strong>Label</strong> Version</li>
-                  <li><strong>Label</strong> Version</li>
-                  <li><strong>Label</strong> Version</li>
-                </ul>
-              </div>
-              <div class="trademark-pf">
-                Trademark and Copyright Information
-              </div>
-            </div>
-            <div class="modal-footer">
-              <img src="./../../dist/img/logo-alt.svg" alt="Patternfly Symbol">
-            </div>
-          </div>
-        </div>
-      </div>
-    </div><!-- /container -->
-  </body>
-</html>

data/spec/html/accordions.html

@@ -1,336 +0,0 @@
-<!DOCTYPE html>
-<!--[if IE 9]><html lang="en-us" class="ie9"><![endif]-->
-<!--[if gt IE 9]><!-->
-<html lang="en-us">
-<!--<![endif]-->
-  <head>
-    <title>Accordions - PatternFly</title>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="shortcut icon" href="../../dist/img/favicon.ico">
-    <!-- iPad retina icon -->
-    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../../dist/img/apple-touch-icon-precomposed-152.png">
-    <!-- iPad retina icon (iOS < 7) -->
-    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../dist/img/apple-touch-icon-precomposed-144.png">
-    <!-- iPad non-retina icon -->
-    <link rel="apple-touch-icon-precomposed" sizes="76x76" href="../../dist/img/apple-touch-icon-precomposed-76.png">
-    <!-- iPad non-retina icon (iOS < 7) -->
-    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../dist/img/apple-touch-icon-precomposed-72.png">
-    <!-- iPhone 6 Plus icon -->
-    <link rel="apple-touch-icon-precomposed" sizes="120x120" href="../../dist/img/apple-touch-icon-precomposed-180.png">
-    <!-- iPhone retina icon (iOS < 7) -->
-    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../dist/img/apple-touch-icon-precomposed-114.png">
-    <!-- iPhone non-retina icon (iOS < 7) -->
-    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../../dist/img/apple-touch-icon-precomposed-57.png">
-    <link rel="stylesheet" href="../../dist/css/patternfly.min.css" >
-    <link rel="stylesheet" href="../../dist/css/patternfly-additions.min.css" >
-      <link href="tests.css" rel="stylesheet" media="screen, print">
-    <script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
-    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
-    <script src="./../../dist/js/patternfly.min.js"></script>
-  </head>
-
-  <body>
-    <div class="container">
-      <div class="page-header">
-        <h1>Accordions</h1>
-      </div>
-      <div class="alert alert-warning">
-        <span class="pficon pficon-warning-triangle-o"></span>
-        These examples are included for development testing purposes.  For official documentation, see <a href="https://www.patternfly.org" class="alert-link">https://www.patternfly.org</a> and <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>.
-      </div>
-      <hr>
-<div class="row">
-  <div class="col-sm-4">
-    <h2>Default</h2>
-    <div class="panel-group" id="accordion">
-      <div class="panel panel-default">
-        <div class="panel-heading">
-          <h4 class="panel-title">
-            <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
-              Lorem ipsum
-            </a>
-          </h4>
-        </div>
-        <div id="collapseOne" class="panel-collapse collapse in">
-          <div class="panel-body">
-             Praesent sagittis est et arcu fringilla placerat. Cras erat ante, dapibus non mauris ac, volutpat sollicitudin ligula. Morbi gravida nisl vel risus tempor, sit amet luctus erat tempus. Curabitur blandit sem non pretium bibendum. Donec eleifend non turpis vitae vestibulum. Vestibulum ut sem ac nunc posuere blandit sed porta lorem. Cras rutrum velit vel leo iaculis imperdiet.
-          </div>
-        </div>
-      </div>
-      <div class="panel panel-default">
-        <div class="panel-heading">
-          <h4 class="panel-title">
-            <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" class="collapsed">
-              Dolor sit amet
-            </a>
-          </h4>
-        </div>
-        <div id="collapseTwo" class="panel-collapse collapse">
-          <div class="panel-body">
-            Donec consequat dignissim neque, sed suscipit quam egestas in. Fusce bibendum laoreet lectus commodo interdum. Vestibulum odio ipsum, tristique et ante vel, iaculis placerat nulla. Suspendisse iaculis urna feugiat lorem semper, ut iaculis risus tempus.
-          </div>
-        </div>
-      </div>
-      <div class="panel panel-default">
-        <div class="panel-heading">
-          <h4 class="panel-title">
-            <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree" class="collapsed">
-              Consectetur
-            </a>
-          </h4>
-        </div>
-        <div id="collapseThree" class="panel-collapse collapse">
-          <div class="panel-body">
-            Curabitur nisl quam, interdum a venenatis a, consequat a ligula. Nunc nec lorem in erat rhoncus lacinia at ac orci. Sed nec augue congue, vehicula justo quis, venenatis turpis. Nunc quis consectetur purus. Nam vitae viverra lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu augue felis. Maecenas in dignissim purus, quis pulvinar lectus. Vivamus euismod ultrices diam, in mattis nibh.
-          </div>
-        </div>
-      </div>
-    </div>
-  </div><!--/col-->
-  <div class="col-md-4 col-sm-6">
-    <h2>Fixed Height</h2>
-    <div class="panel-group" id="fixed-accordion" style="height: 350px;">
-      <div class="panel panel-default">
-        <div class="panel-heading" data-component="collapse-heading">
-          <h4 class="panel-title">
-            <a data-toggle="collapse" data-parent="#fixed-accordion" href="#fixedCollapseOne">
-              Lorem ipsum
-            </a>
-          </h4>
-        </div>
-        <div id="fixedCollapseOne" class="panel-collapse collapse in">
-          <div class="panel-body">
-            Praesent sagittis est et arcu fringilla placerat. Cras erat ante, dapibus non mauris ac, volutpat sollicitudin ligula. Morbi gravida nisl vel risus tempor, sit amet luctus erat tempus. Curabitur blandit sem non pretium bibendum. Donec eleifend non turpis vitae vestibulum. Vestibulum ut sem ac nunc posuere blandit sed porta lorem. Cras rutrum velit vel leo iaculis imperdiet.
-          </div>
-        </div>
-      </div>
-      <div class="panel panel-default">
-        <div class="panel-heading" data-component="collapse-heading">
-          <h4 class="panel-title">
-            <a data-toggle="collapse" data-parent="#fixed-accordion" href="#fixedCollapseTwo" class="collapsed">
-              Dolor sit amet
-            </a>
-          </h4>
-        </div>
-        <div id="fixedCollapseTwo" class="panel-collapse collapse">
-          <div class="panel-body">
-            Donec consequat dignissim neque, sed suscipit quam egestas in. Fusce bibendum laoreet lectus commodo interdum. Vestibulum odio ipsum, tristique et ante vel, iaculis placerat nulla. Suspendisse iaculis urna feugiat lorem semper, ut iaculis risus tempus.
-          </div>
-        </div>
-      </div>
-      <div class="panel panel-default">
-        <div class="panel-heading" data-component="collapse-heading">
-          <h4 class="panel-title">
-            <a data-toggle="collapse" data-parent="#fixed-accordion" href="#fixedCollapseThree" class="collapsed">
-              Consectetur
-            </a>
-          </h4>
-        </div>
-        <div id="fixedCollapseThree" class="panel-collapse collapse">
-          <div class="panel-body">
-            Curabitur nisl quam, interdum a venenatis a, consequat a ligula. Nunc nec lorem in erat rhoncus lacinia at ac orci. Sed nec augue congue, vehicula justo quis, venenatis turpis. Nunc quis consectetur purus. Nam vitae viverra lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu augue felis. Maecenas in dignissim purus, quis pulvinar lectus. Vivamus euismod ultrices diam, in mattis nibh.
-          </div>
-        </div>
-      </div>
-      <div class="panel panel-default">
-        <div class="panel-heading" data-component="collapse-heading">
-          <h4 class="panel-title">
-            <a data-toggle="collapse" data-parent="#fixed-accordion" href="#fixedCollapseFour" class="collapsed">
-              Adipisicing elit
-            </a>
-          </h4>
-        </div>
-        <div id="fixedCollapseFour" class="panel-collapse collapse">
-          <div class="panel-body">
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.              </div>
-        </div>
-      </div>
-      <div class="panel panel-default">
-        <div class="panel-heading" data-component="collapse-heading">
-          <h4 class="panel-title">
-            <a data-toggle="collapse" data-parent="#fixed-accordion" href="#fixedCollapseFive" class="collapsed">
-              Suspendisse lectus tortor
-            </a>
-          </h4>
-        </div>
-        <div id="fixedCollapseFive" class="panel-collapse collapse">
-          <div class="panel-body">
-            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.
-          </div>
-        </div>
-      </div>
-      <div class="panel panel-default">
-        <div class="panel-heading" data-component="collapse-heading">
-          <h4 class="panel-title">
-            <a data-toggle="collapse" data-parent="#fixed-accordion" href="#fixedCollapseSix" class="collapsed">
-              Velit mauris
-            </a>
-          </h4>
-        </div>
-        <div id="fixedCollapseSix" class="panel-collapse collapse">
-          <div class="panel-body">
-            Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin. Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula. Pellentesque rhoncus nunc et augue. Integer id felis. Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam. Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna.
-          </div>
-        </div>
-      </div>
-      <div class="panel panel-default">
-        <div class="panel-heading" data-component="collapse-heading">
-          <h4 class="panel-title">
-            <a data-toggle="collapse" data-parent="#fixed-accordion" href="#fixedCollapseSeven" class="collapsed">
-              Aliquam convallis
-            </a>
-          </h4>
-        </div>
-        <div id="fixedCollapseSeven" class="panel-collapse collapse">
-          <div class="panel-body">
-            Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus. Curabitur eu amet.
-          </div>
-        </div>
-      </div>
-      <div class="panel panel-default">
-        <div class="panel-heading" data-component="collapse-heading">
-          <h4 class="panel-title">
-            <a data-toggle="collapse" data-parent="#fixed-accordion" href="#fixedCollapseEight" class="collapsed">
-              Vulputate dictum
-            </a>
-          </h4>
-        </div>
-        <div id="fixedCollapseEight" class="panel-collapse collapse">
-          <div class="panel-body">
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam dapibus leo, eget vulputate orci purus ut lorem. In fringilla mi in ligula. Pellentesque aliquam quam vel dolor. Nunc adipiscing. Sed quam odio, tempus ac, aliquam molestie, varius ac, tellus. Vestibulum ut nulla aliquam risus rutrum interdum. Pellentesque lorem. Curabitur sit amet erat quis risus feugiat viverra. Pellentesque augue justo, sagittis et, lacinia at, venenatis non, arcu. Nunc nec libero. In cursus dictum risus. Etiam tristique nisl a nulla. Ut a orci. Curabitur dolor nunc, egestas at, accumsan at, malesuada nec, magna.
-          </div>
-        </div>
-      </div>
-    </div>
-  </div><!--/col-->
-</div>
-<div class="row">
-  <div class="col-sm-4">
-    <h2>Context Modifiers</h2>
-    <div class="panel-group" id="alternatives-accordion">
-      <div class="panel panel-default">
-        <div class="panel-heading" data-component="collapse-heading">
-          <h4 class="panel-title">
-            <a data-toggle="collapse" data-parent="#alternatives-accordion" href="#default-collapse1" class="collapsed">
-              Lorem ipsum
-            </a>
-          </h4>
-        </div>
-        <div id="default-collapse1" class="panel-collapse collapse">
-          <div class="panel-body">
-            Praesent sagittis est et arcu fringilla placerat. Cras erat ante, dapibus non mauris ac, volutpat sollicitudin ligula. Morbi gravida nisl vel risus tempor, sit amet luctus erat tempus. Curabitur blandit sem non pretium bibendum. Donec eleifend non turpis vitae vestibulum. Vestibulum ut sem ac nunc posuere blandit sed porta lorem. Cras rutrum velit vel leo iaculis imperdiet.
-          </div>
-        </div>
-      </div>
-      <div class="panel panel-primary">
-        <div class="panel-heading" data-component="collapse-heading">
-          <h4 class="panel-title">
-            <a data-toggle="collapse" data-parent="#alternatives-accordion" href="#primary-collapse">
-              Consectetur
-            </a>
-          </h4>
-        </div>
-        <div id="primary-collapse" class="panel-collapse collapse in">
-          <div class="panel-body">
-            Curabitur nisl quam, interdum a venenatis a, consequat a ligula. Nunc nec lorem in erat rhoncus lacinia at ac orci. Sed nec augue congue, vehicula justo quis, venenatis turpis. Nunc quis consectetur purus. Nam vitae viverra lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu augue felis. Maecenas in dignissim purus, quis pulvinar lectus. Vivamus euismod ultrices diam, in mattis nibh.
-          </div>
-        </div>
-      </div>
-      <div class="panel panel-warning">
-        <div class="panel-heading" data-component="collapse-heading">
-          <h4 class="panel-title">
-            <a data-toggle="collapse" data-parent="#alternatives-accordion" href="#warning-collapse" class="collapsed">
-              Dolor sit amet
-            </a>
-          </h4>
-        </div>
-        <div id="warning-collapse" class="panel-collapse collapse">
-          <div class="panel-body">
-            Donec consequat dignissim neque, sed suscipit quam egestas in. Fusce bibendum laoreet lectus commodo interdum. Vestibulum odio ipsum, tristique et ante vel, iaculis placerat nulla. Suspendisse iaculis urna feugiat lorem semper, ut iaculis risus tempus.
-          </div>
-        </div>
-      </div>
-      <div class="panel panel-default">
-        <div class="panel-heading" data-component="collapse-heading">
-          <h4 class="panel-title">
-            <a data-toggle="collapse" data-parent="#alternatives-accordion" href="#default-collapse2" class="collapsed">
-              Adipisicing elit
-            </a>
-          </h4>
-        </div>
-        <div id="default-collapse2" class="panel-collapse collapse">
-          <div class="panel-body">
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          </div>
-        </div>
-      </div>
-      <div class="panel panel-default">
-        <div class="panel-heading" data-component="collapse-heading">
-          <h4 class="panel-title">
-            <a data-toggle="collapse" data-parent="#alternatives-accordion" href="#default-collapse3" class="collapsed">
-              Suspendisse lectus tortor
-            </a>
-          </h4>
-        </div>
-        <div id="default-collapse3" class="panel-collapse collapse">
-          <div class="panel-body">
-            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.
-          </div>
-        </div>
-      </div>
-      <div class="panel panel-success">
-        <div class="panel-heading" data-component="collapse-heading">
-          <h4 class="panel-title">
-            <a data-toggle="collapse" data-parent="#alternatives-accordion" href="#success-collapse" class="collapsed">
-              Aliquam convallis
-            </a>
-          </h4>
-        </div>
-        <div id="success-collapse" class="panel-collapse collapse">
-          <div class="panel-body">
-            Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus. Curabitur eu amet.
-          </div>
-        </div>
-      </div>
-      <div class="panel panel-danger">
-        <div class="panel-heading" data-component="collapse-heading">
-          <h4 class="panel-title">
-            <a data-toggle="collapse" data-parent="#alternatives-accordion" href="#danger-collapse" class="collapsed">
-              Velit mauris
-            </a>
-          </h4>
-        </div>
-        <div id="danger-collapse" class="panel-collapse collapse">
-          <div class="panel-body">
-            Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin. Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula. Pellentesque rhoncus nunc et augue. Integer id felis. Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam. Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna.
-          </div>
-        </div>
-      </div>
-      <div class="panel panel-default">
-        <div class="panel-heading" data-component="collapse-heading">
-          <h4 class="panel-title">
-            <a data-toggle="collapse" data-parent="#alternatives-accordion" href="#default-collapse4" class="collapsed">
-              Vulputate dictum
-            </a>
-          </h4>
-        </div>
-        <div id="default-collapse4" class="panel-collapse collapse">
-          <div class="panel-body">
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam dapibus leo, eget vulputate orci purus ut lorem. In fringilla mi in ligula. Pellentesque aliquam quam vel dolor. Nunc adipiscing. Sed quam odio, tempus ac, aliquam molestie, varius ac, tellus. Vestibulum ut nulla aliquam risus rutrum interdum. Pellentesque lorem. Curabitur sit amet erat quis risus feugiat viverra. Pellentesque augue justo, sagittis et, lacinia at, venenatis non, arcu. Nunc nec libero. In cursus dictum risus. Etiam tristique nisl a nulla. Ut a orci. Curabitur dolor nunc, egestas at, accumsan at, malesuada nec, magna.
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-<script>
-  $(document).ready(function() {
-    $('#fixed-accordion').initCollapseHeights();
-  });
-</script>
-
-    </div><!-- /container -->
-  </body>
-</html>