| 1 | <!DOCTYPE html>
|
| 2 | <html lang="en">
|
| 3 | <head>
|
| 4 | <meta charset="UTF-8">
|
| 5 | <meta http-equiv="X-UA-Compatible" content="ie=edge">
|
| 6 | <title>Document</title>
|
| 7 | <style>
|
| 8 | body,html{
|
| 9 | margin: 0;
|
| 10 | padding: 0;
|
| 11 | }
|
| 12 | nav{
|
| 13 | display: inline-flex;
|
| 14 | flex-direction: row;
|
| 15 | max-width: 100vw;
|
| 16 | overflow-x: auto;
|
| 17 | position: fixed;
|
| 18 | text-align: center;
|
| 19 | }
|
| 20 | nav .active,nav .on{
|
| 21 | color: red;
|
| 22 | border-bottom: 1px solid red;
|
| 23 | }
|
| 24 | .row-container a {
|
| 25 | min-width: 100px;
|
| 26 | padding: 10px 20px;
|
| 27 | }
|
| 28 | .column-container {
|
| 29 | padding-top: 30px;
|
| 30 | }
|
| 31 | .column-container section{
|
| 32 | height: 40vh;
|
| 33 | }
|
| 34 | #data{
|
| 35 | width: 3rem;
|
| 36 | height: 1rem;
|
| 37 | background-color: #ccc;
|
| 38 | }
|
| 39 | </style>
|
| 40 | </head>
|
| 41 | <body>
|
| 42 | <div id="data"></div>
|
| 43 | <script src="../assets/flexible.js"></script>
|
| 44 | <script src="../dist/index.js"></script>
|
| 45 | <script src="./test.js"></script>
|
| 46 | </body>
|
| 47 | </html> |
| \ | No newline at end of file |