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

patternfly-sass 3.23.2 → 3.31.1

Files changed (369) hide show

data/spec/html/tabs.html DELETED Viewed

@@ -1,279 +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>Tabs - 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>Tabs</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>
-      <ul class="nav nav-tabs">
-        <li class="active"><a href="#">Home</a></li>
-        <li><a href="#">Profile</a></li>
-        <li><a href="#">Messages</a></li>
-      </ul>
-      <br />
-      <ul class="nav nav-tabs">
-        <li><a href="#">Home</a></li>
-        <li class="active"><a href="#">Profile</a></li>
-        <li><a href="#">Messages</a></li>
-      </ul>
-      <br />
-      <ul class="nav nav-tabs">
-        <li><a href="#">Home</a></li>
-        <li><a href="#">Profile</a></li>
-        <li class="active"><a href="#">Messages</a></li>
-      </ul>
-      <h3>Justified</h3>
-      <ul class="nav nav-tabs nav-justified">
-        <li class="active"><a href="#">Home</a></li>
-        <li><a href="#">Profile</a></li>
-        <li><a href="#">Messages</a></li>
-      </ul>
-      <br />
-      <ul class="nav nav-tabs nav-justified">
-        <li><a href="#">Home</a></li>
-        <li class="active"><a href="#">Profile</a></li>
-        <li><a href="#">Messages</a></li>
-      </ul>
-      <br />
-      <ul class="nav nav-tabs nav-justified">
-        <li><a href="#">Home</a></li>
-        <li><a href="#">Profile</a></li>
-        <li class="active"><a href="#">Messages</a></li>
-      </ul>
-      <h3>Tabs with dropdowns</h3>
-      <ul class="nav nav-tabs">
-        <li class="active"><a href="#">Home</a></li>
-        <li><a href="#">Help</a></li>
-        <li class="dropdown">
-          <a class="dropdown-toggle" data-toggle="dropdown" href="#">
-            Dropdown <span class="caret"></span>
-          </a>
-          <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>
-        </li>
-      </ul>
-      <br />
-      <ul class="nav nav-tabs">
-        <li><a href="#">Home</a></li>
-        <li class="active"><a href="#">Help</a></li>
-        <li class="dropdown">
-          <a class="dropdown-toggle" data-toggle="dropdown" href="#">
-            Dropdown <span class="caret"></span>
-          </a>
-          <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>
-        </li>
-      </ul>
-      <br />
-      <ul class="nav nav-tabs">
-        <li><a href="#">Home</a></li>
-        <li><a href="#">Help</a></li>
-        <li class="active dropdown">
-          <a class="dropdown-toggle" data-toggle="dropdown" href="#">
-            Dropdown <span class="caret"></span>
-          </a>
-          <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>
-        </li>
-      </ul>
-      <h2>PatternFly Examples</h2>
-      <ul class="nav nav-tabs nav-tabs-pf">
-        <li class="active"><a href="#">Home</a></li>
-        <li><a href="#">Profile</a></li>
-        <li><a href="#">Messages</a></li>
-      </ul>
-      <br />
-      <ul class="nav nav-tabs nav-tabs-pf">
-        <li><a href="#">Home</a></li>
-        <li class="active"><a href="#">Profile</a></li>
-        <li><a href="#">Messages</a></li>
-      </ul>
-      <br />
-      <ul class="nav nav-tabs nav-tabs-pf">
-        <li><a href="#">Home</a></li>
-        <li><a href="#">Profile</a></li>
-        <li class="active"><a href="#">Messages</a></li>
-      </ul>
-      <h3>Justified</h3>
-      <ul class="nav nav-tabs nav-tabs-pf nav-justified">
-        <li class="active"><a href="#">Home</a></li>
-        <li><a href="#">Profile</a></li>
-        <li><a href="#">Messages</a></li>
-      </ul>
-      <br />
-      <ul class="nav nav-tabs nav-tabs-pf nav-justified">
-        <li><a href="#">Home</a></li>
-        <li class="active"><a href="#">Profile</a></li>
-        <li><a href="#">Messages</a></li>
-      </ul>
-      <br />
-      <ul class="nav nav-tabs nav-tabs-pf nav-justified">
-        <li><a href="#">Home</a></li>
-        <li><a href="#">Profile</a></li>
-        <li class="active"><a href="#">Messages</a></li>
-      </ul>
-      <h3>Tabs with dropdowns</h3>
-      <ul class="nav nav-tabs nav-tabs-pf">
-        <li class="active"><a href="#">Home</a></li>
-        <li><a href="#">Help</a></li>
-        <li class="dropdown">
-          <a class="dropdown-toggle" data-toggle="dropdown" href="#">
-            Dropdown <span class="caret"></span>
-          </a>
-          <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>
-        </li>
-      </ul>
-      <br />
-      <ul class="nav nav-tabs nav-tabs-pf">
-        <li><a href="#">Home</a></li>
-        <li class="active"><a href="#">Help</a></li>
-        <li class="dropdown">
-          <a class="dropdown-toggle" data-toggle="dropdown" href="#">
-            Dropdown <span class="caret"></span>
-          </a>
-          <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>
-        </li>
-      </ul>
-      <br />
-      <ul class="nav nav-tabs nav-tabs-pf">
-        <li><a href="#">Home</a></li>
-        <li><a href="#">Help</a></li>
-        <li class="active dropdown">
-          <a class="dropdown-toggle" data-toggle="dropdown" href="#">
-            Dropdown <span class="caret"></span>
-          </a>
-          <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>
-        </li>
-      </ul>
-      <h3>.nav-tabs + .nav-tabs-pf</h3>
-      <p class="text-info">
-        <strong>Note:</strong> the markup semantics used here are sub-optimal in order to easily achieve a responsive layout.
-      </p>
-      <ul class="nav nav-tabs">
-        <li class="active"><a href="#">Tab One</a></li>
-        <li><a href="#">Tab Two</a></li>
-        <li><a href="#">Tab Three</a></li>
-        <li><a href="#">Tab Four</a></li>
-        <li><a href="#">Tab Five</a></li>
-        <li><a href="#">Tab Six</a></li>
-        <li><a href="#">Tab Seven</a></li>
-      </ul>
-      <ul class="nav nav-tabs nav-tabs-pf">
-        <li class="active"><a href="#">Secondary Tab One</a></li>
-        <li><a href="#">Secondary Tab Two</a></li>
-        <li><a href="#">Secondary Tab Three</a></li>
-        <li><a href="#">Secondary Tab Four</a></li>
-        <li><a href="#">Secondary Tab Five</a></li>
-        <li><a href="#">Secondary Tab Six</a></li>
-        <li><a href="#">Secondary Tab Seven</a></li>
-      </ul>
-      <br />
-      <ul class="nav nav-tabs">
-        <li class="active"><a href="#">Tab One</a></li>
-        <li><a href="#">Tab Two</a></li>
-        <li><a href="#">Tab Three</a></li>
-        <li><a href="#">Tab Four</a></li>
-        <li><a href="#">Tab Five</a></li>
-        <li><a href="#">Tab Six</a></li>
-        <li><a href="#">Tab Seven</a></li>
-      </ul>
-      <ul class="nav nav-tabs nav-tabs-pf">
-        <li><a href="#">Secondary Tab One</a></li>
-        <li class="active"><a href="#">Secondary Tab Two</a></li>
-        <li><a href="#">Secondary Tab Three</a></li>
-        <li><a href="#">Secondary Tab Four</a></li>
-        <li><a href="#">Secondary Tab Five</a></li>
-        <li><a href="#">Secondary Tab Six</a></li>
-        <li><a href="#">Secondary Tab Seven</a></li>
-      </ul>
-      <br />
-      <ul class="nav nav-tabs">
-        <li><a href="#">Tab One</a></li>
-        <li class="active"><a href="#">Tab Two</a></li>
-        <li><a href="#">Tab Three</a></li>
-        <li><a href="#">Tab Four</a></li>
-        <li><a href="#">Tab Five</a></li>
-        <li><a href="#">Tab Six</a></li>
-        <li><a href="#">Tab Seven</a></li>
-      </ul>
-      <ul class="nav nav-tabs nav-tabs-pf">
-        <li><a href="#">Secondary Tab One</a></li>
-        <li class="active"><a href="#">Secondary Tab Two</a></li>
-        <li><a href="#">Secondary Tab Three</a></li>
-        <li><a href="#">Secondary Tab Four</a></li>
-        <li><a href="#">Secondary Tab Five</a></li>
-        <li><a href="#">Secondary Tab Six</a></li>
-        <li><a href="#">Secondary Tab Seven</a></li>
-      </ul>
-    </div><!-- /container -->
-  </body>
-</html>

data/spec/html/tests.css DELETED Viewed

@@ -1,16 +0,0 @@
-body {
-  padding-bottom: 100px;
-}
-.icons .fa, .icons .glyphicon, .icons .pficon {
-  font-size: 14px;
-  margin-right: 5px;
-  text-align: center;
-  width: 14px;
-}
-.icons .icon-class {
-  display: inline-block;
-}
-.icons li {
-  margin: 0 0 7px;
-}

data/spec/html/time-picker.html DELETED Viewed

@@ -1,75 +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>Time Picker - 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="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
-    <script src="./../../dist/js/patternfly.min.js"></script>
-  </head>
-  <body>
-    <div class="container">
-      <div class="page-header">
-        <h1>Time Picker</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://eonasdan.github.io/bootstrap-datetimepicker/#custom-formats">http://eonasdan.github.io/bootstrap-datetimepicker/#custom-formats</a>.
-      </div>
-      <hr>
-<h3>Component</h3>
-<div class="row">
-  <div class="col-lg-4 col-md-5 col-sm-6">
-    <div class="input-group time-picker-pf" id="timepicker1">
-  <input type="text" class="form-control">
-      <span class="input-group-addon btn btn-default">
-        <span class="fa fa-clock-o"></span>
-      </span>
-</div>
-<script>
-  $(function () {
-    $('#timepicker1').datetimepicker({
-      format: 'LT',
-      keyBinds: {
-        enter: function () {
-          $('#timepicker1').find('input').trigger('change');
-          this.hide();
-        }
-      }
-    });
-    $('#timepicker1').data('DateTimePicker').clear();
-  });
-</script>
-  </div>
-</div>
-    </div><!-- /container -->
-  </body>
-</html>

data/spec/html/toast.html DELETED Viewed

@@ -1,87 +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>Toast Notifications - 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>Toast Notifications</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="toast-notifications-list-pf">
-  <div class="toast-pf alert alert-success">
-    <div class="pull-right toast-pf-action">
-      <a href="#">Start Server</a>
-    </div>
-    <span class="pficon pficon-ok"></span>
-    <strong>server</strong> has been added.
-  </div>
-  <div class="toast-pf alert alert-danger alert-dismissable">
-    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">
-      <span class="pficon pficon-close"></span>
-    </button>
-    <span class="pficon pficon-error-circle-o"></span>
-    Failed to add <strong>server_abc</strong>.
-  </div>
-  <div class="toast-pf alert alert-warning">
-    <div class="dropdown pull-right dropdown-kebab-pf">
-  <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
-    <span class="fa fa-ellipsis-v"></span>
-  </button>
-  <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">
-    <li><a href="#">Action</a></li>
-    <li><a href="#">Another action</a></li>
-    <li><a href="#">Something else here</a></li>
-    <li role="separator" class="divider"></li>
-    <li><a href="#">Separated link</a></li>
-  </ul>
-</div>
-    <div class="pull-right toast-pf-action">
-      <a href="#">Reload Server</a>
-    </div>
-    <span class="pficon pficon-warning-triangle-o"></span>
-    The server configuration changed.
-  </div>
-  <div class="toast-pf alert alert-info">
-    <span class="pficon pficon-info"></span>
-    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><!-- /container -->
-  </body>
-</html>