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/pagination.html DELETED Viewed

@@ -1,320 +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>Pagination - 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="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>
-    <script src="./../../dist/js/patternfly.min.js"></script>
-  </head>
-  <body>
-    <div class="container">
-      <div class="page-header">
-        <h1>Pagination</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>Pager - default size</h2>
-      <ul class="pager">
-        <li class="previous">
-          <a href="#">
-            <span class="i fa fa-angle-left"></span>
-            Previous
-          </a>
-        </li>
-        <li class="next">
-          <a href="#">
-            Next
-            <span class="i fa fa-angle-right"></span>
-          </a>
-        </li>
-      </ul>
-      <ul class="pager">
-        <li class="previous disabled">
-          <a href="#">
-            <span class="i fa fa-angle-left"></span>
-            Previous
-          </a>
-        </li>
-        <li class="next disabled">
-          <a href="#">
-            Next
-            <span class="i fa fa-angle-right"></span>
-          </a>
-        </li>
-      </ul>
-      <hr>
-      <h2>Pager - mini size</h2>
-      <ul class="pager pager-sm">
-        <li class="previous">
-          <a href="#">
-            <span class="i fa fa-angle-left"></span>
-            Previous
-          </a>
-        </li>
-        <li class="next">
-          <a href="#">
-            Next
-            <span class="i fa fa-angle-right"></span>
-          </a>
-        </li>
-      </ul>
-      <ul class="pager pager-sm">
-        <li class="previous disabled">
-          <a href="#">
-            <span class="i fa fa-angle-left"></span>
-            Previous
-          </a>
-        </li>
-        <li class="next disabled">
-          <a href="#">
-            Next
-            <span class="i fa fa-angle-right"></span>
-          </a>
-        </li>
-      </ul>
-      <hr>
-      <h2>Pagination - default size</h2>
-      <ul class="pagination">
-        <li>
-          <a href="#">
-            <span class="i fa fa-angle-left"></span>
-          </a>
-        </li>
-        <li>
-          <a href="#">1</a>
-        </li>
-        <li>
-          <a href="#">2</a>
-        </li>
-        <li>
-          <a href="#">3</a>
-        </li>
-        <li>
-          <a href="#">4</a>
-        </li>
-        <li>
-          <a href="#">5</a>
-        </li>
-        <li>
-          <a href="#">
-            <span class="i fa fa-angle-right"></span>
-          </a>
-        </li>
-      </ul>
-      <ul class="pagination">
-        <li class="disabled">
-          <span>
-            <span class="i fa fa-angle-left"></span>
-          </span>
-        </li>
-        <li class="active">
-          <span>
-            1
-            <span class="sr-only">(current)</span>
-          </span>
-        </li>
-        <li>
-          <a href="#">2</a>
-        </li>
-        <li>
-          <a href="#">3</a>
-        </li>
-        <li>
-          <a href="#">4</a>
-        </li>
-        <li>
-          <a href="#">5</a>
-        </li>
-        <li>
-          <a href="#">
-            <span class="i fa fa-angle-right"></span>
-          </a>
-        </li>
-      </ul>
-      <ul class="pagination">
-        <li class="disabled">
-          <span>
-            <span class="i fa fa-angle-left"></span>
-          </span>
-        </li>
-        <li class="disabled">
-          <span>
-            1
-            <span class="sr-only">(current)</span>
-          </span>
-        </li>
-        <li class="disabled">
-          <a href="#">2</a>
-        </li>
-        <li class="disabled">
-          <a href="#">3</a>
-        </li>
-        <li class="disabled">
-          <a href="#">4</a>
-        </li>
-        <li class="disabled">
-          <a href="#">5</a>
-        </li>
-        <li class="disabled">
-          <a href="#">
-            <span class="i fa fa-angle-right"></span>
-          </a>
-        </li>
-      </ul>
-      <hr>
-      <h2>Pagination - mini size</h2>
-      <ul class="pagination pagination-sm">
-        <li>
-          <a href="#">
-            <span class="i fa fa-angle-left"></span>
-          </a>
-        </li>
-        <li>
-          <a href="#">1</a>
-        </li>
-        <li>
-          <a href="#">2</a>
-        </li>
-        <li>
-          <a href="#">3</a>
-        </li>
-        <li>
-          <a href="#">4</a>
-        </li>
-        <li>
-          <a href="#">5</a>
-        </li>
-        <li>
-          <a href="#">
-            <span class="i fa fa-angle-right"></span>
-          </a>
-        </li>
-      </ul>
-      <ul class="pagination pagination-sm">
-        <li class="disabled">
-          <span>
-            <span class="i fa fa-angle-left"></span>
-          </span>
-        </li>
-        <li class="active">
-          <span>
-            1
-            <span class="sr-only">(current)</span>
-          </span>
-        </li>
-        <li>
-          <a href="#">2</a>
-        </li>
-        <li>
-          <a href="#">3</a>
-        </li>
-        <li>
-          <a href="#">4</a>
-        </li>
-        <li>
-          <a href="#">5</a>
-        </li>
-        <li>
-          <a href="#">
-            <span class="i fa fa-angle-right"></span>
-          </a>
-        </li>
-      </ul>
-      <ul class="pagination pagination-sm">
-        <li class="disabled">
-          <span>
-            <span class="i fa fa-angle-left"></span>
-          </span>
-        </li>
-        <li class="disabled">
-          <span>
-            1
-            <span class="sr-only">(current)</span>
-          </span>
-        </li>
-        <li class="disabled">
-          <a href="#">2</a>
-        </li>
-        <li class="disabled">
-          <a href="#">3</a>
-        </li>
-        <li class="disabled">
-          <a href="#">4</a>
-        </li>
-        <li class="disabled">
-          <a href="#">5</a>
-        </li>
-        <li class="disabled">
-          <a href="#">
-            <span class="i fa fa-angle-right"></span>
-          </a>
-        </li>
-      </ul>
-      <hr>
-      <h2>Pagination row for card, list, and table views</h2>
-      <p>The following control can be seen in these examples:</p>
-      <ul>
-        <li><a href="pagination-card-view.html">Card View</a></li>
-        <li><a href="pagination-list-view.html">List View</a></li>
-        <li><a href="pagination-table-view.html">Table View</a></li>
-      </ul>
-      <form class="content-view-pf-pagination  clearfix" id="">
-  <div class="form-group">
-    <select class="selectpicker pagination-pf-pagesize">
-      <option value="6">6</option>
-      <option value="10" >10</option>
-      <option value="15" >15</option>
-      <option value="25">25</option>
-      <option value="50">50</option>
-    </select>
-    <span>per page</span>
-  </div>
-  <div class="form-group">
-    <span><span class="pagination-pf-items-current">1-15</span> of <span class="pagination-pf-items-total">75</span></span>
-    <ul class="pagination pagination-pf-back">
-      <li class="disabled"><a href="#" title="First Page"><span class="i fa fa-angle-double-left"></span></a></li>
-      <li class="disabled"><a href="#" title="Previous Page"><span class="i fa fa-angle-left"></span></a></li>
-    </ul>
-    <label for="-page" class="sr-only">Current Page</label>
-    <input class="pagination-pf-page" type="text" value="1" id="-page"/>
-    <span>of <span class="pagination-pf-pages">5</span></span>
-    <ul class="pagination pagination-pf-forward">
-      <li><a href="#" title="Next Page"><span class="i fa fa-angle-right"></span></a></li>
-      <li><a href="#" title="Last Page"><span class="i fa fa-angle-double-right"></span></a></li>
-    </ul>
-  </div>
-</form>
-    </div><!-- /container -->
-  </body>
-</html>

data/spec/html/panels.html DELETED Viewed

@@ -1,113 +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>Panels - 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>Panels</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="panel panel-default">
-        <div class="panel-heading">Panel heading without title</div>
-        <div class="panel-body">
-          Panel content
-        </div>
-      </div>
-      <hr>
-      <div class="panel panel-default">
-        <div class="panel-heading">
-          <h3 class="panel-title">Panel title</h3>
-        </div>
-        <div class="panel-body">
-          Panel content
-        </div>
-      </div>
-      <hr>
-      <div class="panel panel-default">
-        <div class="panel-body">
-          Panel content
-        </div>
-        <div class="panel-footer">Panel footer</div>
-      </div>
-      <hr>
-      <div class="panel panel-primary">
-        <div class="panel-heading">
-          <h3 class="panel-title">Panel title</h3>
-        </div>
-        <div class="panel-body">
-          Panel content
-        </div>
-      </div>
-      <hr>
-      <div class="panel panel-success">
-        <div class="panel-heading">
-          <h3 class="panel-title">Panel title</h3>
-        </div>
-        <div class="panel-body">
-          Panel content
-        </div>
-      </div>
-      <hr>
-      <div class="panel panel-info">
-        <div class="panel-heading">
-          <h3 class="panel-title">Panel title</h3>
-        </div>
-        <div class="panel-body">
-          Panel content
-        </div>
-      </div>
-      <hr>
-      <div class="panel panel-warning">
-        <div class="panel-heading">
-          <h3 class="panel-title">Panel title</h3>
-        </div>
-        <div class="panel-body">
-          Panel content
-        </div>
-      </div>
-      <hr>
-      <div class="panel panel-danger">
-        <div class="panel-heading">
-          <h3 class="panel-title">Panel title</h3>
-        </div>
-        <div class="panel-body">
-          Panel content
-        </div>
-      </div>
-    </div><!-- /container -->
-  </body>
-</html>

data/spec/html/pie-charts.html DELETED Viewed

@@ -1,180 +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>Pie Charts - 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="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.min.js"></script>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
-    <script src="./../../dist/js/patternfly.min.js"></script>
-  </head>
-  <body>
-    <div class="container">
-      <div class="page-header">
-        <h1>Pie Charts</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="http://c3js.org/">http://c3js.org/</a>
-      </div>
-      <hr>
-<style>
-  .example-pie-chart, .example-pie-chart-right-legend, .example-pie-chart-bottom-legend {
-    width: 440px;
-  }
-  .example-pie-chart {
-    margin-left: 10px;
-  }
-  .example-pie-chart-right-legend {
-    margin-left: 27px;
-  }
-  .example-pie-chart-bottom-legend {
-    margin-left: -50px;
-  }
-  .example-pie-chart-mini {
-    margin-left: 23px;
-  }
-</style>
-<div>
-  <h2>Donut Chart - Relationship to a Whole</h2>
-  <div>
-    <div id="donut-chart-no-legend" class="example-pie-chart"></div>
-<div id="donut-chart-right-legend" class="example-pie-chart-right-legend"></div>
-<div id="donut-chart-bottom-legend" class="example-pie-chart-bottom-legend"></div>
-<script>
-  var c3ChartDefaults = $().c3ChartDefaults();
-  var pieData = {
-    type : 'pie',
-    colors: {
-      Dogs: $.pfPaletteColors.red,
-      Cats: $.pfPaletteColors.blue,
-      Fish: $.pfPaletteColors.orange,
-      Hamsters: $.pfPaletteColors.green
-    },
-    columns: [
-      ['Dogs', 3],
-      ['Cats', 2],
-      ['Fish', 10],
-      ['Hamsters', 2]
-    ],
-    onclick: function (d, i) { console.log("onclick", d, i); },
-    onmouseover: function (d, i) { console.log("onmouseover", d, i); },
-    onmouseout: function (d, i) { console.log("onmouseout", d, i); }
-  };
-  // Pie Chart without Legend
-  var pieChartConfig = c3ChartDefaults.getDefaultPieConfig();
-  pieChartConfig.bindto = '#donut-chart-no-legend';
-  pieChartConfig.data = pieData;
-  pieChartConfig.size = {
-    width: 200,
-    height: 171
-  };
-  var pieChartNoLegend = c3.generate(pieChartConfig);
-  // Right Legend
-  var pieChartRightConfig = c3ChartDefaults.getDefaultPieConfig();
-  pieChartRightConfig.bindto = '#donut-chart-right-legend';
-  pieChartRightConfig.data = pieData;
-  pieChartRightConfig.legend = {
-    show: true,
-    position: 'right'
-  };
-  pieChartRightConfig.size = {
-    width: 251,
-    height: 161
-  };
-  var pieChartRightLegend = c3.generate(pieChartRightConfig);
-  // Pie Chart Bottom Legend
-  var pieChartBottomConfig = c3ChartDefaults.getDefaultPieConfig();
-  pieChartBottomConfig.bindto = '#donut-chart-bottom-legend';
-  pieChartBottomConfig.data = pieData;
-  pieChartBottomConfig.legend = {
-    show: true,
-    position: 'bottom'
-  };
-  pieChartBottomConfig.size = {
-    width: 321,
-    height: 191
-  };
-  var pieChartBottomLegend = c3.generate(pieChartBottomConfig);
-</script>
-  </div>
-  <h2>Pie Chart - Small</h2>
-  <div>
-    <div id="smallDonutChart" class="pie-chart-pf example-pie-chart-mini"></div>
-<div style="text-align: center; width: 220px;">Animals</div>
-<script>
-  var pieData = {
-    type : 'pie',
-    colors: {
-      Dogs: $.pfPaletteColors.red,
-      Cats: $.pfPaletteColors.blue,
-      Fish: $.pfPaletteColors.orange,
-      Hamsters: $.pfPaletteColors.green
-    },
-    columns: [
-      ['Dogs', 3],
-      ['Cats', 2],
-      ['Fish', 10],
-      ['Hamsters', 2]
-    ],
-    onclick: function (d, i) { console.log("onclick", d, i); },
-    onmouseover: function (d, i) { console.log("onmouseover", d, i); },
-    onmouseout: function (d, i) { console.log("onmouseout", d, i); }
-  };
-  var c3ChartDefaults = $().c3ChartDefaults();
-  var pieChartSmallConfig = c3ChartDefaults.getDefaultPieConfig();
-  pieChartSmallConfig.bindto = '#smallDonutChart';
-  pieChartSmallConfig.data = pieData;
-  pieChartSmallConfig.legend = {
-    show: true,
-    position: 'right'
-  };
-  pieChartSmallConfig.size = {
-    width: 260,
-    height: 115
-  };
-  var pieChartSmall = c3.generate(pieChartSmallConfig);
-</script>
-  </div>
-</div>
-    </div><!-- /container -->
-  </body>
-</html>