UNPKG

hbp-react-ui

Version:

A library of useful user-interface components built with React and MobX

101 lines (85 loc) 3.73 kB
<!DOCTYPE html> <html lang='en'> <head> <meta name='generator' content='HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39' /> <meta charset='utf-8' /> <meta name='viewport' content='width=device-width,initial-scale=1' /> <link rel='shortcut icon' href='/public/favicon.ico' /> <meta name='description' content='' /> <meta name='keywords' content='' /> <meta name='author' content='Simon D. Bell' /> <title>Unit Tests</title> <link href='http://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic' rel='stylesheet' /> <link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css' rel='stylesheet' integrity='sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u' crossorigin='anonymous' /> <link href='https://code.jquery.com/qunit/qunit-2.2.1.css' rel='stylesheet'> <style> html { overflow-y: scroll } body { padding-top: 2px; padding-bottom: 2px; } .flex-row-wrap { display: flex; flex-flow: row wrap; } .flex-row-wrap-justified { display: flex; flex-flow: row wrap; justify-content: space-around; } .flex-item { flex: '0 1 auto'; } .col-1 {flex: 0 0 8.3333%; max-width: 8.3333%;} .col-2 {flex: 0 0 16.6666%; max-width: 16.6666%;} .col-3 {flex: 0 0 25%; max-width: 25%;} .col-4 {flex: 0 0 33.3333%; max-width: 33.3333%;} .col-5 {flex: 0 0 41.6666%; max-width: 41.6666%;} .col-6 {flex: 0 0 50%; max-width: 50%;} .col-7 {flex: 0 0 58.3333%; max-width: 58.3333%;} .col-8 {flex: 0 0 66.6666%; max-width: 66.6666%;} .col-9 {flex: 0 0 75%; max-width: 75%;} .col-10 {flex: 0 0 83.3333%; max-width: 83.3333%;} .col-11 {flex: 0 0 91.6666%; max-width: 91.6666%;} .col-12 {flex: 0 0 100%; max-width: 100%;} .row-single {min-height: 100px; max-height: 100px;} .row-single-body {min-height: 45px; max-height: 45px;} .y_scroll {overflow-x: hidden; overflow-y: auto;} /* Override Bootstrap settings */ .panel { margin-bottom: 8px; } .panel-heading { padding: 6px 0px; } .panel-body { padding: 10px; } </style> <script> _hbp_debug_ = true; // Enable console logging for all components </script> </head> <body> <div style='display: table;'> <div style='display: table-row-group;'> <div style='display: table-row;'> <div style='display: table-cell;width:50%;'> <div id='qunit'></div> <div id='qunit-fixture'></div> </div> </div> <div style='display: table-row;'> <div style='display: table-cell;width:50%;'> <div id='react'></div> </div> </div> </div> </div> <script src='http://code.jquery.com/jquery-1.12.4.min.js'></script> <script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js' integrity='sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa' crossorigin='anonymous'></script> <script src='https://code.jquery.com/qunit/qunit-2.2.1.js'></script> <script src='tests.bundle.js'></script></body> </html>