RubyGems - patternfly-sass - Versions diffs - 3.23.2 → 3.31.1 - Mend

patternfly-sass 3.23.2 → 3.31.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (369) hide show

data/spec/html/bootstrap-treeview.html DELETED Viewed

@@ -1,383 +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>Bootstrap Tree View - 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="//rawgit.com/patternfly/patternfly-bootstrap-treeview/v2.1.0/dist/bootstrap-treeview.min.js"></script>
-    <script src="./../../dist/js/patternfly.min.js"></script>
-  </head>
-  <body>
-    <div class="container">
-      <div class="page-header">
-        <h1>Bootstrap Tree View</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>, <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>, and <a href="https://github.com/patternfly/patternfly-bootstrap-treeview">https://github.com/patternfly/patternfly-bootstrap-treeview</a>.
-      </div>
-      <hr>
-      <div class="row">
-        <div class="col-sm-4">
-          <h2>Default</h2>
-          <div id="treeview1"></div>
-        </div><!--/col-->
-        <div class="col-sm-4">
-          <h2>Collapsed</h2>
-          <div id="treeview2"></div>
-        </div><!--/col-->
-        <div class="col-sm-4">
-          <h2>Expanded</h2>
-          <div id="treeview3"></div>
-        </div><!--/col-->
-      </div><!--/row-->
-      <div class="row">
-        <div class="col-sm-4">
-          <h2>Link enabled</h2>
-          <div id="treeview4"></div>
-        </div><!--/col-->
-        <div class="col-sm-4">
-          <h2>Events</h2>
-          <div id="treeview5"></div>
-        </div><!--/col-->
-        <div class="col-sm-4">
-          <h2>Output</h2>
-          <div id="event_output"></div>
-        </div><!--/col-->
-      </div><!--/row-->
-      <div class="row">
-        <div class="col-sm-4">
-          <h2>JSON Data</h2>
-          <div id="treeview6"></div>
-        </div><!--/col-->
-        <div class="col-sm-4">
-          <h2>Checkboxes</h2>
-          <div id="treeview7"></div>
-        </div><!--/col-->
-        <div class="col-sm-4">
-          <h2>Hierarchal Checks</h2>
-          <div id="treeview8"></div>
-        </div><!--/col-->
-      </div><!--/row-->
-      <div class="row">
-        <div class="col-sm-4">
-          <h2>Highlight Select</h2>
-          <div id="treeview9"></div>
-        </div><!--/col-->
-        <div class="col-sm-4">
-          <h2>Lazy Load</h2>
-          <div id="treeview10"></div>
-        </div><!--/col-->
-        <div class="col-sm-4">
-          <h2>Hover and Select</h2>
-          <div id="treeview13" class="treeview-pf-hover treeview-pf-select"></div>
-        </div><!--/col-->
-      </div>
-      <div class="row">
-        <div class="col-sm-4">
-          <h2>Prevent Unselection</h2>
-          <div id="treeview11" class="treeview-pf-select"></div>
-        </div><!--/col-->
-        <div class="col-sm-4">
-          <h2>Disabled Nodes</h2>
-          <div id="treeview12"></div>
-        </div><!--/col-->
-      </div><!--/row-->
-      <script>
-        $(function() {
-          //icon options
-          var collapseIcon = "fa fa-angle-down",
-            expandIcon = "fa fa-angle-right",
-            nodeIcon = "fa fa-folder",
-            checkedIcon = "fa fa-check-square-o",
-            uncheckedIcon = "fa fa-square-o",
-            partiallyCheckedIcon = "fa fa-check-square",
-            loadingIcon = "glyphicon glyphicon-hourglass";
-          var defaultData = [
-            {
-              text: 'Parent 1',
-              href: '#parent1',
-              tags: ['4'],
-              nodes: [
-                {
-                  text: 'Child 1',
-                  href: '#child1',
-                  tags: ['2'],
-                  nodes: [
-                    {
-                      text: 'Grandchild 1',
-                      href: '#grandchild1',
-                      icon: 'fa fa-file-o',
-                      tags: ['0']
-                    },
-                    {
-                      text: 'Grandchild 2',
-                      href: '#grandchild2',
-                      icon: 'fa fa-file-o',
-                      tags: ['0']
-                    }
-                  ]
-                },
-                {
-                  text: 'Child 2',
-                  href: '#child2',
-                  icon: 'fa fa-file-o',
-                  tags: ['0']
-                }
-              ]
-            },
-            {
-              text: 'Parent 2',
-              href: '#parent2',
-              tags: ['0']
-            },
-            {
-              text: 'Parent 3',
-              href: '#parent3',
-               tags: ['0']
-            },
-            {
-              text: 'Parent 4',
-              href: '#parent4',
-              tags: ['0']
-            },
-            {
-              text: 'Parent 5',
-              href: '#parent5'  ,
-              tags: ['0']
-            }
-          ];
-          var json = '[' +
-            '{' +
-              '"text": "Parent 1",' +
-              '"lazyLoad": true,' +
-              '"nodes": [' +
-                '{' +
-                  '"text": "Child 1",' +
-                  '"lazyLoad": true,' +
-                  '"nodes": [' +
-                    '{' +
-                      '"icon": "fa fa-file-o",' +
-                      '"text": "Grandchild 1"' +
-                    '},' +
-                    '{' +
-                      '"icon": "fa fa-file-o",' +
-                      '"text": "Grandchild 2"' +
-                    '}' +
-                  ']' +
-                '},' +
-                '{' +
-                  '"icon": "fa fa-file-o",' +
-                  '"text": "Child 2"' +
-                '}' +
-              ']' +
-            '},' +
-            '{' +
-              '"text": "Parent 2"' +
-            '},' +
-            '{' +
-              '"text": "Parent 3"' +
-            '},' +
-            '{' +
-              '"text": "Parent 4"' +
-            '},' +
-            '{' +
-              '"text": "Parent 5"' +
-            '}' +
-          ']';
-          //Default
-          $('#treeview1').treeview({
-            collapseIcon: collapseIcon,
-            data: defaultData,
-            expandIcon: expandIcon,
-            nodeIcon: nodeIcon,
-            showBorder: false
-          });
-          //Collapsed
-          $('#treeview2').treeview({
-            collapseIcon: collapseIcon,
-            data: defaultData,
-            expandIcon: expandIcon,
-            levels: 1,
-            nodeIcon: nodeIcon,
-            showBorder: false
-          });
-          //Expanded
-          $('#treeview3').treeview({
-            collapseIcon: collapseIcon,
-            data: defaultData,
-            expandIcon: expandIcon,
-            levels: 99,
-            nodeIcon: nodeIcon,
-            showBorder: false
-          });
-          //Link Enabled
-          $('#treeview4').treeview({
-            collapseIcon: collapseIcon,
-            data: defaultData,
-            enableLinks: true,
-            expandIcon: expandIcon,
-            levels: 99,
-            nodeIcon: nodeIcon,
-            showBorder: false
-          });
-          //Events
-          $('#treeview5').treeview({
-            collapseIcon: collapseIcon,
-            data: defaultData,
-            expandIcon: expandIcon,
-            levels: 99,
-            nodeIcon: nodeIcon,
-            showBorder: false,
-            onNodeSelected: function(event, node) {
-              $('#event_output').prepend('<p>You clicked ' + node.text + '</p>');
-            }
-          });
-          //JSON Data
-          $('#treeview6').treeview({
-            collapseIcon: collapseIcon,
-            data: json,
-            expandIcon: expandIcon,
-            levels: 99,
-            nodeIcon: nodeIcon,
-            showBorder: false
-          });
-          //Checkboxes
-          $('#treeview7').treeview({
-            collapseIcon: collapseIcon,
-            data: json,
-            expandIcon: expandIcon,
-            levels: 99,
-            nodeIcon: nodeIcon,
-            checkedIcon: checkedIcon,
-            uncheckedIcon: uncheckedIcon,
-            partiallyCheckedIcon: partiallyCheckedIcon,
-            showBorder: false,
-            showCheckbox: true,
-            checkboxFirst: true,
-            wrapNodeText: true
-          });
-          //Hierarchal Checks
-          $('#treeview8').treeview({
-            collapseIcon: collapseIcon,
-            data: json,
-            expandIcon: expandIcon,
-            levels: 99,
-            nodeIcon: nodeIcon,
-            checkedIcon: checkedIcon,
-            uncheckedIcon: uncheckedIcon,
-            partiallyCheckedIcon: partiallyCheckedIcon,
-            showBorder: false,
-            showCheckbox: true,
-            hierarchicalCheck: true,
-            checkboxFirst: true,
-            wrapNodeText: true
-          });
-          //Highlight Select
-          $('#treeview9').treeview({
-            collapseIcon: collapseIcon,
-            data: json,
-            expandIcon: expandIcon,
-            levels: 99,
-            nodeIcon: nodeIcon,
-            checkedIcon: checkedIcon,
-            uncheckedIcon: uncheckedIcon,
-            partiallyCheckedIcon: partiallyCheckedIcon,
-            showBorder: false,
-            showCheckbox: true,
-            hierarchicalCheck: true,
-            checkboxFirst: true,
-            wrapNodeText: true,
-            highlightChanges: true,
-            changedNodeColor: $.pfPaletteColors.black900
-          });
-          //Lazy Load
-          $('#treeview10').treeview({
-            collapseIcon: collapseIcon,
-            data: json,
-            expandIcon: expandIcon,
-            levels: 1,
-            nodeIcon: nodeIcon,
-            showBorder: false,
-            wrapNodeText: true,
-            loadingIcon: loadingIcon,
-            lazyLoad: function(node, callback){
-              setTimeout(function() {
-                callback([]);
-              }, 2000);
-            }
-          });
-          //Prevent Unselection
-          $('#treeview11').treeview({
-            collapseIcon: collapseIcon,
-            data: json,
-            expandIcon: expandIcon,
-            levels: 99,
-            nodeIcon: nodeIcon,
-            showBorder: false,
-            preventUnselect: true
-          });
-          //Disabled Nodes
-          var tree12 = $('#treeview12').treeview({
-            collapseIcon: collapseIcon,
-            data: json,
-            expandIcon: expandIcon,
-            levels: 99,
-            nodeIcon: nodeIcon,
-            showBorder: false
-          });
-          tree12.treeview('disableAll');
-          //Hover and Select
-          $('#treeview13').treeview({
-            collapseIcon: collapseIcon,
-            data: defaultData,
-            expandIcon: expandIcon,
-            nodeIcon: nodeIcon,
-            showBorder: false
-          });
-        });
-      </script>
-    </div><!-- /container -->
-  </body>
-</html>

data/spec/html/breadcrumbs.html DELETED Viewed

@@ -1,52 +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>Breadcrumbs - 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>Breadcrumbs</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>
-      <ol class="breadcrumb">
-        <li><a href="#">Back to Top Level</a></li>
-        <li><a href="#">Second Level</a></li>
-        <li><a href="#">Third Level</a></li>
-        <li class="active"><strong>Fourth Level:</strong> Detail about fourth level</li>
-      </ol>
-    </div><!-- /container -->
-  </body>
-</html>

data/spec/html/buttons.html DELETED Viewed

@@ -1,556 +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>Buttons - 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>Buttons</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>
-      <h2>PatternFly Examples</h2>
-      <p>
-        <button type="button" class="btn btn-default">Secondary</button>
-        <button type="button" class="btn btn-primary">Primary</button>
-        <button type="button" class="btn btn-danger">Destructive</button>
-      </p>
-      <p>
-        <button type="button" class="btn btn-default disabled">Secondary</button>
-        <button type="button" class="btn btn-primary disabled">Primary</button>
-        <button type="button" class="btn btn-danger disabled">Destructive</button>
-      </p>
-      <p>
-        <button type="button" class="btn btn-default btn-lg">Secondary Large</button>
-        <button type="button" class="btn btn-primary btn-lg">Primary Large</button>
-        <button type="button" class="btn btn-danger btn-lg">Destructive Large</button>
-      </p>
-      <p>
-        <button type="button" class="btn btn-default btn-lg disabled">Secondary Large</button>
-        <button type="button" class="btn btn-primary btn-lg disabled">Primary Large</button>
-        <button type="button" class="btn btn-danger btn-lg disabled">Destructive Large</button>
-      </p>
-      <p>
-        <button type="button" class="btn btn-default btn-xs">Secondary Extra Small</button>
-        <button type="button" class="btn btn-primary btn-xs">Primary Extra Small</button>
-        <button type="button" class="btn btn-danger btn-xs">Destructive Extra Small</button>
-      </p>
-      <p>
-        <button type="button" class="btn btn-default btn-xs disabled">Secondary Extra Small</button>
-        <button type="button" class="btn btn-primary btn-xs disabled">Primary Extra Small</button>
-        <button type="button" class="btn btn-danger btn-xs disabled">Destructive Extra Small</button>
-      </p>
-      <h2>Button options and sizes</h2>
-      <p>
-        <button class="btn btn-lg btn-default" type="button">Large button</button>
-        <button class="btn btn-lg btn-primary" type="button">Large button</button>
-        <button class="btn btn-lg btn-info" type="button">Large button</button>
-        <button class="btn btn-lg btn-success" type="button">Large button</button>
-        <button class="btn btn-lg btn-warning" type="button">Large button</button>
-        <button class="btn btn-lg btn-danger" type="button">Large button</button>
-        <button class="btn btn-lg btn-link" type="button">Large button</button>
-      </p>
-      <p>
-        <button class="btn btn-lg btn-default" type="button"><i class="glyphicon glyphicon-star"></i> Large button</button>
-        <button class="btn btn-lg btn-primary" type="button"><i class="glyphicon glyphicon-star"></i> Large button</button>
-        <button class="btn btn-lg btn-info" type="button"><i class="glyphicon glyphicon-star"></i> Large button</button>
-        <button class="btn btn-lg btn-success" type="button"><i class="glyphicon glyphicon-star"></i> Large button</button>
-        <button class="btn btn-lg btn-warning" type="button"><i class="glyphicon glyphicon-star"></i> Large button</button>
-        <button class="btn btn-lg btn-danger" type="button"><i class="glyphicon glyphicon-star"></i> Large button</button>
-        <button class="btn btn-lg btn-link" type="button"><i class="glyphicon glyphicon-star"></i> Large button</button>
-      </p>
-      <p>
-        <button class="btn btn-lg disabled" type="button">Large button</button>
-        <button class="btn btn-lg btn-primary disabled" type="button">Large button</button>
-        <button class="btn btn-lg btn-info disabled" type="button">Large button</button>
-        <button class="btn btn-lg btn-success disabled" type="button">Large button</button>
-        <button class="btn btn-lg btn-warning disabled" type="button">Large button</button>
-        <button class="btn btn-lg btn-danger disabled" type="button">Large button</button>
-        <button class="btn btn-lg btn-link disabled" type="button">Large button</button>
-      </p>
-      <p>
-        <button class="btn btn-default" type="button">Default button</button>
-        <button class="btn btn-primary" type="button">Default button</button>
-        <button class="btn btn-info" type="button">Default button</button>
-        <button class="btn btn-success" type="button">Default button</button>
-        <button class="btn btn-warning" type="button">Default button</button>
-        <button class="btn btn-danger" type="button">Default button</button>
-        <button class="btn btn-link" type="button">Default button</button>
-      </p>
-      <p>
-        <button class="btn btn-default" type="button"><i class="glyphicon glyphicon-star"></i> Default button</button>
-        <button class="btn btn-primary" type="button"><i class="glyphicon glyphicon-star"></i> Default button</button>
-        <button class="btn btn-info" type="button"><i class="glyphicon glyphicon-star"></i> Default button</button>
-        <button class="btn btn-success" type="button"><i class="glyphicon glyphicon-star"></i> Default button</button>
-        <button class="btn btn-warning" type="button"><i class="glyphicon glyphicon-star"></i> Default button</button>
-        <button class="btn btn-danger" type="button"><i class="glyphicon glyphicon-star"></i> Default button</button>
-        <button class="btn btn-link" type="button"><i class="glyphicon glyphicon-star"></i> Default button</button>
-      </p>
-      <p>
-        <button class="btn disabled" type="button">Default button</button>
-        <button class="btn btn-primary disabled" type="button">Default button</button>
-        <button class="btn btn-info disabled" type="button">Default button</button>
-        <button class="btn btn-success disabled" type="button">Default button</button>
-        <button class="btn btn-warning disabled" type="button">Default button</button>
-        <button class="btn btn-danger disabled" type="button">Default button</button>
-        <button class="btn btn-link disabled" type="button">Default button</button>
-      </p>
-      <p>
-        <button class="btn btn-sm btn-default" type="button">Small button</button>
-        <button class="btn btn-sm btn-primary" type="button">Small button</button>
-        <button class="btn btn-sm btn-info" type="button">Small button</button>
-        <button class="btn btn-sm btn-success" type="button">Small button</button>
-        <button class="btn btn-sm btn-warning" type="button">Small button</button>
-        <button class="btn btn-sm btn-danger" type="button">Small button</button>
-        <button class="btn btn-sm btn-link" type="button">Small button</button>
-      </p>
-      <p>
-        <button class="btn btn-sm btn-default" type="button"><i class="glyphicon glyphicon-star"></i> Small button</button>
-        <button class="btn btn-sm btn-primary" type="button"><i class="glyphicon glyphicon-star"></i> Small button</button>
-        <button class="btn btn-sm btn-info" type="button"><i class="glyphicon glyphicon-star"></i> Small button</button>
-        <button class="btn btn-sm btn-success" type="button"><i class="glyphicon glyphicon-star"></i> Small button</button>
-        <button class="btn btn-sm btn-warning" type="button"><i class="glyphicon glyphicon-star"></i> Small button</button>
-        <button class="btn btn-sm btn-danger" type="button"><i class="glyphicon glyphicon-star"></i> Small button</button>
-        <button class="btn btn-sm btn-link" type="button"><i class="glyphicon glyphicon-star"></i> Small button</button>
-      </p>
-      <p>
-        <button class="btn btn-sm disabled" type="button">Small button</button>
-        <button class="btn btn-sm btn-primary disabled" type="button">Small button</button>
-        <button class="btn btn-sm btn-info disabled" type="button">Small button</button>
-        <button class="btn btn-sm btn-success disabled" type="button">Small button</button>
-        <button class="btn btn-sm btn-warning disabled" type="button">Small button</button>
-        <button class="btn btn-sm btn-danger disabled" type="button">Small button</button>
-        <button class="btn btn-sm btn-link disabled" type="button">Small button</button>
-      </p>
-      <p>
-        <button class="btn btn-xs btn-default" type="button">Extra small button</button>
-        <button class="btn btn-xs btn-primary" type="button">Extra small button</button>
-        <button class="btn btn-xs btn-info" type="button">Extra small button</button>
-        <button class="btn btn-xs btn-success" type="button">Extra small button</button>
-        <button class="btn btn-xs btn-warning" type="button">Extra small button</button>
-        <button class="btn btn-xs btn-danger" type="button">Extra small button</button>
-        <button class="btn btn-xs btn-link" type="button">Extra small button</button>
-      </p>
-      <p>
-        <button class="btn btn-xs btn-default" type="button"><i class="glyphicon glyphicon-star"></i> Extra small button</button>
-        <button class="btn btn-xs btn-primary" type="button"><i class="glyphicon glyphicon-star"></i> Extra small button</button>
-        <button class="btn btn-xs btn-info" type="button"><i class="glyphicon glyphicon-star"></i> Extra small button</button>
-        <button class="btn btn-xs btn-success" type="button"><i class="glyphicon glyphicon-star"></i> Extra small button</button>
-        <button class="btn btn-xs btn-warning" type="button"><i class="glyphicon glyphicon-star"></i> Extra small button</button>
-        <button class="btn btn-xs btn-danger" type="button"><i class="glyphicon glyphicon-star"></i> Extra small button</button>
-        <button class="btn btn-xs btn-link" type="button"><i class="glyphicon glyphicon-star"></i> Extra small button</button>
-      </p>
-      <p>
-        <button class="btn btn-xs disabled" type="button">Extra small button</button>
-        <button class="btn btn-xs btn-primary disabled" type="button">Extra small button</button>
-        <button class="btn btn-xs btn-info disabled" type="button">Extra small button</button>
-        <button class="btn btn-xs btn-success disabled" type="button">Extra small button</button>
-        <button class="btn btn-xs btn-warning disabled" type="button">Extra small button</button>
-        <button class="btn btn-xs btn-danger disabled" type="button">Extra small button</button>
-        <button class="btn btn-xs btn-link disabled" type="button">Extra small button</button>
-      </p>
-      <h2>Button types</h2>
-      <p>Note:  a Firefox bug that prevents us from setting the line-height of &lt;input&gt;-based buttons, causing them to not exactly match the height of other buttons on Firefox.</p>
-      <p>
-        <a class="btn btn-lg btn-default" href="">Link</a>
-        <button class="btn btn-lg btn-default" type="submit">Button</button>
-        <input class="btn btn-lg btn-default" type="button" value="Input">
-        <input class="btn btn-lg btn-default" type="submit" value="Submit">
-        <a class="btn btn-lg btn-primary" href="">Link</a>
-        <button class="btn btn-lg btn-primary" type="submit">Button</button>
-        <input class="btn btn-lg btn-primary" type="button" value="Input">
-        <input class="btn btn-lg btn-primary" type="submit" value="Submit">
-        <a class="btn btn-lg btn-danger" href="">Link</a>
-        <button class="btn btn-lg btn-danger" type="submit">Button</button>
-        <input class="btn btn-lg btn-danger" type="button" value="Input">
-        <input class="btn btn-lg btn-danger" type="submit" value="Submit">
-      </p>
-      <p>
-        <a class="btn btn-lg disabled" href="">Link</a>
-        <button class="btn btn-lg disabled" type="submit">Button</button>
-        <input class="btn btn-lg disabled" type="button" value="Input">
-        <input class="btn btn-lg disabled" type="submit" value="Submit">
-        <a class="btn btn-lg btn-primary disabled" href="">Link</a>
-        <button class="btn btn-lg btn-primary disabled" type="submit">Button</button>
-        <input class="btn btn-lg btn-primary disabled" type="button" value="Input">
-        <input class="btn btn-lg btn-primary disabled" type="submit" value="Submit">
-        <a class="btn btn-lg btn-danger disabled" href="">Link</a>
-        <button class="btn btn-lg btn-danger disabled" type="submit">Button</button>
-        <input class="btn btn-lg btn-danger disabled" type="button" value="Input">
-        <input class="btn btn-lg btn-danger disabled" type="submit" value="Submit">
-      </p>
-      <p>
-        <a class="btn btn-default" href="">Link</a>
-        <button class="btn btn-default" type="submit">Button</button>
-        <input class="btn btn-default" type="button" value="Input">
-        <input class="btn btn-default" type="submit" value="Submit">
-        <a class="btn btn-primary" href="">Link</a>
-        <button class="btn btn-primary" type="submit">Button</button>
-        <input class="btn btn-primary" type="button" value="Input">
-        <input class="btn btn-primary" type="submit" value="Submit">
-        <a class="btn btn-danger" href="">Link</a>
-        <button class="btn btn-danger" type="submit">Button</button>
-        <input class="btn btn-danger" type="button" value="Input">
-        <input class="btn btn-danger" type="submit" value="Submit">
-      </p>
-      <p>
-        <a class="btn btn-default disabled" href="">Link</a>
-        <button class="btn btn-default disabled" type="submit">Button</button>
-        <input class="btn btn-default disabled" type="button" value="Input">
-        <input class="btn btn-default disabled" type="submit" value="Submit">
-        <a class="btn btn-primary disabled" href="">Link</a>
-        <button class="btn btn-primary disabled" type="submit">Button</button>
-        <input class="btn btn-primary disabled" type="button" value="Input">
-        <input class="btn btn-primary disabled" type="submit" value="Submit">
-        <a class="btn btn-danger disabled" href="">Link</a>
-        <button class="btn btn-danger disabled" type="submit">Button</button>
-        <input class="btn btn-danger disabled" type="button" value="Input">
-        <input class="btn btn-danger disabled" type="submit" value="Submit">
-      </p>
-      <p>
-        <a class="btn btn-sm btn-default" href="">Link</a>
-        <button class="btn btn-sm btn-default" type="submit">Button</button>
-        <input class="btn btn-sm btn-default" type="button" value="Input">
-        <input class="btn btn-sm btn-default" type="submit" value="Submit">
-        <a class="btn btn-sm btn-primary" href="">Link</a>
-        <button class="btn btn-sm btn-primary" type="submit">Button</button>
-        <input class="btn btn-sm btn-primary" type="button" value="Input">
-        <input class="btn btn-sm btn-primary" type="submit" value="Submit">
-        <a class="btn btn-sm btn-danger" href="">Link</a>
-        <button class="btn btn-sm btn-danger" type="submit">Button</button>
-        <input class="btn btn-sm btn-danger" type="button" value="Input">
-        <input class="btn btn-sm btn-danger" type="submit" value="Submit">
-      </p>
-      <p>
-        <a class="btn btn-sm disabled" href="">Link</a>
-        <button class="btn btn-sm disabled" type="submit">Button</button>
-        <input class="btn btn-sm disabled" type="button" value="Input">
-        <input class="btn btn-sm disabled" type="submit" value="Submit">
-        <a class="btn btn-sm btn-primary disabled" href="">Link</a>
-        <button class="btn btn-sm btn-primary disabled" type="submit">Button</button>
-        <input class="btn btn-sm btn-primary disabled" type="button" value="Input">
-        <input class="btn btn-sm btn-primary disabled" type="submit" value="Submit">
-        <a class="btn btn-sm btn-danger disabled" href="">Link</a>
-        <button class="btn btn-sm btn-danger disabled" type="submit">Button</button>
-        <input class="btn btn-sm btn-danger disabled" type="button" value="Input">
-        <input class="btn btn-sm btn-danger disabled" type="submit" value="Submit">
-      </p>
-      <p>
-        <a class="btn btn-xs btn-default" href="">Link</a>
-        <button class="btn btn-xs btn-default" type="submit">Button</button>
-        <input class="btn btn-xs btn-default" type="button" value="Input">
-        <input class="btn btn-xs btn-default" type="submit" value="Submit">
-        <a class="btn btn-xs btn-primary" href="">Link</a>
-        <button class="btn btn-xs btn-primary" type="submit">Button</button>
-        <input class="btn btn-xs btn-primary" type="button" value="Input">
-        <input class="btn btn-xs btn-primary" type="submit" value="Submit">
-        <a class="btn btn-xs btn-danger" href="">Link</a>
-        <button class="btn btn-xs btn-danger" type="submit">Button</button>
-        <input class="btn btn-xs btn-danger" type="button" value="Input">
-        <input class="btn btn-xs btn-danger" type="submit" value="Submit">
-      </p>
-      <p>
-        <a class="btn btn-xs disabled" href="">Link</a>
-        <button class="btn btn-xs disabled" type="submit">Button</button>
-        <input class="btn btn-xs disabled" type="button" value="Input">
-        <input class="btn btn-xs disabled" type="submit" value="Submit">
-        <a class="btn btn-xs btn-primary disabled" href="">Link</a>
-        <button class="btn btn-xs btn-primary disabled" type="submit">Button</button>
-        <input class="btn btn-xs btn-primary disabled" type="button" value="Input">
-        <input class="btn btn-xs btn-primary disabled" type="submit" value="Submit">
-        <a class="btn btn-xs btn-danger disabled" href="">Link</a>
-        <button class="btn btn-xs btn-danger disabled" type="submit">Button</button>
-        <input class="btn btn-xs btn-danger disabled" type="button" value="Input">
-        <input class="btn btn-xs btn-danger disabled" type="submit" value="Submit">
-      </p>
-      <h2>Button groups</h2>
-      <h3>Basic Example</h3>
-      <div class="btn-group">
-        <button type="button" class="btn btn-default">Left</button>
-        <button type="button" class="btn btn-default">Middle</button>
-        <button type="button" class="btn btn-default">Right</button>
-      </div>
-      <h3>Button toolbar</h3>
-      <div class="btn-toolbar">
-        <div class="btn-group">
-          <button type="button" class="btn btn-default">1</button>
-          <button type="button" class="btn btn-default">2</button>
-          <button type="button" class="btn btn-default">3</button>
-          <button type="button" class="btn btn-default">4</button>
-        </div>
-        <div class="btn-group">
-          <button type="button" class="btn btn-default">5</button>
-          <button type="button" class="btn btn-default">6</button>
-          <button type="button" class="btn btn-default">7</button>
-        </div>
-        <div class="btn-group">
-          <button type="button" class="btn btn-default">8</button>
-        </div>
-      </div>
-      <h3>Sizing</h3>
-      <div class="btn-toolbar">
-        <div class="btn-group btn-group-lg">
-          <button type="button" class="btn btn-default">Left</button>
-          <button type="button" class="btn btn-default">Middle</button>
-          <button type="button" class="btn btn-default">Right</button>
-        </div>
-      </div>
-      <div class="btn-toolbar">
-        <div class="btn-group">
-          <button type="button" class="btn btn-default">Left</button>
-          <button type="button" class="btn btn-default">Middle</button>
-          <button type="button" class="btn btn-default">Right</button>
-        </div>
-      </div>
-      <div class="btn-toolbar">
-        <div class="btn-group btn-group-sm">
-          <button type="button" class="btn btn-default">Left</button>
-          <button type="button" class="btn btn-default">Middle</button>
-          <button type="button" class="btn btn-default">Right</button>
-        </div>
-      </div>
-      <div class="btn-toolbar">
-        <div class="btn-group btn-group-xs">
-          <button type="button" class="btn btn-default">Left</button>
-          <button type="button" class="btn btn-default">Middle</button>
-          <button type="button" class="btn btn-default">Right</button>
-        </div>
-      </div>
-      <h3>Nesting</h3>
-      <div class="btn-group">
-        <button type="button" class="btn btn-default">1</button>
-        <button type="button" class="btn btn-default">2</button>
-        <div class="btn-group">
-          <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-            Dropdown
-            <span class="caret"></span>
-          </button>
-          <ul class="dropdown-menu">
-            <li><a href="#">Dropdown link</a></li>
-            <li><a href="#">Dropdown link</a></li>
-          </ul>
-        </div>
-      </div>
-      <h3>Vertical variation</h3>
-      <div class="btn-group-vertical">
-        <button type="button" class="btn btn-default">Button</button>
-        <button type="button" class="btn btn-default">Button</button>
-        <div class="btn-group">
-          <button id="btnGroupVerticalDrop1" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-            Dropdown
-            <span class="caret"></span>
-          </button>
-          <ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop1">
-            <li><a href="#">Dropdown link</a></li>
-            <li><a href="#">Dropdown link</a></li>
-          </ul>
-        </div>
-        <button type="button" class="btn btn-default">Button</button>
-        <button type="button" class="btn btn-default">Button</button>
-        <div class="btn-group">
-          <button id="btnGroupVerticalDrop2" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-            Dropdown
-            <span class="caret"></span>
-          </button>
-          <ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop2">
-            <li><a href="#">Dropdown link</a></li>
-            <li><a href="#">Dropdown link</a></li>
-          </ul>
-        </div>
-        <div class="btn-group">
-          <button id="btnGroupVerticalDrop3" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-            Dropdown
-            <span class="caret"></span>
-          </button>
-          <ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop3">
-            <li><a href="#">Dropdown link</a></li>
-            <li><a href="#">Dropdown link</a></li>
-          </ul>
-        </div>
-        <div class="btn-group">
-          <button id="btnGroupVerticalDrop4" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-            Dropdown
-            <span class="caret"></span>
-          </button>
-          <ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop4">
-            <li><a href="#">Dropdown link</a></li>
-            <li><a href="#">Dropdown link</a></li>
-          </ul>
-        </div>
-      </div>
-      <h3>Justified link variation</h3>
-      <div class="btn-group btn-group-justified">
-        <a href="#" class="btn btn-default">Left</a>
-        <a href="#" class="btn btn-default">Middle</a>
-        <a href="#" class="btn btn-default">Right</a>
-      </div>
-      <h2>Button dropdowns</h2>
-      <h3>Single button dropdowns</h3>
-      <!-- Single button -->
-      <div class="btn-group">
-        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-          Action <span class="caret"></span>
-        </button>
-        <ul class="dropdown-menu" role="menu">
-          <li><a href="#">Action</a></li>
-          <li><a href="#">Another action</a></li>
-          <li><a href="#">Something else here</a></li>
-          <li class="divider"></li>
-          <li><a href="#">Separated link</a></li>
-        </ul>
-      </div>
-      <h3>Split button dropdowns</h3>
-      <!-- Split button -->
-      <div class="btn-group">
-        <button type="button" class="btn btn-default">Action</button>
-        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-          <span class="caret"></span>
-        </button>
-        <ul class="dropdown-menu" role="menu">
-          <li><a href="#">Action</a></li>
-          <li><a href="#">Another action</a></li>
-          <li><a href="#">Something else here</a></li>
-          <li class="divider"></li>
-          <li><a href="#">Separated link</a></li>
-        </ul>
-      </div>
-      <div class="btn-group">
-        <a class="btn btn-default" href="#"><i class="icon-user"></i> User</a>
-        <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
-        <ul class="dropdown-menu">
-          <li><a href="#"><i class="icon-pencil"></i> Edit</a></li>
-          <li><a href="#"><i class="icon-trash"></i> Delete</a></li>
-          <li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li>
-          <li class="divider"></li>
-          <li><a href="#"><i class="i"></i> Make admin</a></li>
-        </ul>
-      </div>
-      <h3>Sizing</h3>
-      <!-- Large button group -->
-      <div class="btn-group">
-        <button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle="dropdown">
-          Large button <span class="caret"></span>
-        </button>
-        <ul class="dropdown-menu">
-          <li><a href="#">Action</a></li>
-          <li><a href="#">Another action</a></li>
-          <li><a href="#">Something else here</a></li>
-          <li class="divider"></li>
-          <li><a href="#">Separated link</a></li>
-        </ul>
-      </div>
-      <!-- Small button group -->
-      <div class="btn-group">
-        <button class="btn btn-default btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
-          Small button <span class="caret"></span>
-        </button>
-        <ul class="dropdown-menu">
-          <li><a href="#">Action</a></li>
-          <li><a href="#">Another action</a></li>
-          <li><a href="#">Something else here</a></li>
-          <li class="divider"></li>
-          <li><a href="#">Separated link</a></li>
-        </ul>
-      </div>
-      <!-- Extra small button group -->
-      <div class="btn-group">
-        <button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown">
-          Extra small button <span class="caret"></span>
-        </button>
-        <ul class="dropdown-menu">
-          <li><a href="#">Action</a></li>
-          <li><a href="#">Another action</a></li>
-          <li><a href="#">Something else here</a></li>
-          <li class="divider"></li>
-          <li><a href="#">Separated link</a></li>
-        </ul>
-      </div>
-      <h3>Dropup variation</h3>
-      <div class="btn-toolbar">
-        <div class="btn-group dropup">
-          <button type="button" class="btn btn-default">Dropup</button>
-          <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
-          <ul class="dropdown-menu" role="menu">
-            <li><a href="#">Action</a></li>
-            <li><a href="#">Another action</a></li>
-            <li><a href="#">Something else here</a></li>
-            <li class="divider"></li>
-            <li><a href="#">Separated link</a></li>
-          </ul>
-        </div><!-- /btn-group -->
-        <div class="btn-group dropup">
-          <button type="button" class="btn btn-primary">Right dropup</button>
-          <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
-          <ul class="dropdown-menu pull-right" role="menu">
-            <li><a href="#">Action</a></li>
-            <li><a href="#">Another action</a></li>
-            <li><a href="#">Something else here</a></li>
-            <li class="divider"></li>
-            <li><a href="#">Separated link</a></li>
-          </ul>
-        </div><!-- /btn-group -->
-      </div><!-- /btn-toolbar -->
-      <h2>Advanced Buttons - requires bootstrap.js</h2>
-      <h3>Single toggle</h3>
-      <button type="button" class="btn btn-default" data-toggle="button" aria-pressed="false" autocomplete="off">
-        Single toggle
-      </button>
-      <h3>Checkbox / Radio</h3>
-      <div class="btn-group" data-toggle="buttons">
-        <label class="btn btn-default active">
-          <input type="checkbox" autocomplete="off" checked> Checkbox 1 (pre-checked)
-        </label>
-        <label class="btn btn-default">
-          <input type="checkbox" autocomplete="off"> Checkbox 2
-        </label>
-        <label class="btn btn-default">
-          <input type="checkbox" autocomplete="off"> Checkbox 3
-        </label>
-      </div>
-      <div class="btn-group" data-toggle="buttons">
-        <label class="btn btn-default active">
-          <input type="radio" name="options" id="option1" autocomplete="off" checked> Radio 1 (preselected)
-        </label>
-        <label class="btn btn-default">
-          <input type="radio" name="options" id="option2" autocomplete="off"> Radio 2
-        </label>
-        <label class="btn btn-default">
-          <input type="radio" name="options" id="option3" autocomplete="off"> Radio 3
-        </label>
-      </div>
-    </div><!-- /container -->
-  </body>
-</html>