This commit is contained in:
David Wu
2017-12-20 00:54:25 +01:00
parent 54e34f4e72
commit 2a9747d4ab

View File

@ -19,6 +19,26 @@
code, kbd { font-size: 1em; } code, kbd { font-size: 1em; }
code { transform: scale(1); } /* Deals with the issue described in #243 */ code { transform: scale(1); } /* Deals with the issue described in #243 */
pre { font-size: 1rem; border: 0.0625rem solid var(--secondary-border-color); border-radius: var(--universal-border-radius);} pre { font-size: 1rem; border: 0.0625rem solid var(--secondary-border-color); border-radius: var(--universal-border-radius);}
#snippetList { /* Remove default list styling */
list-style-type: none;
padding: 0;
margin: 0;
}
#snippetList li a {
border: 1px solid #ddd; /* Add a border to all links */
margin-top: -1px; /* Prevent double borders */
background-color: #f6f6f6; /* Grey background color */
padding: 12px; /* Add some padding */
text-decoration: none; /* Remove default text underline */
font-size: 18px; /* Increase the font-size */
color: black; /* Add a black text color */
display: block; /* Make it into a block element to fill the whole list */
}
#snippetList li a:hover:not(.header) {
background-color: #eee; /* Add a hover effect to all links, except for headers */
}
</style> </style>
<link rel="stylesheet" href="prism.css"> <link rel="stylesheet" href="prism.css">
</head> </head>
@ -32,6 +52,18 @@
</h1> </h1>
<label for="doc-drawer-checkbox" class="button drawer-toggle" style="position: absolute; right: 0; top: 0;"></label> <label for="doc-drawer-checkbox" class="button drawer-toggle" style="position: absolute; right: 0; top: 0;"></label>
</header> </header>
<input type="text" id="searchInput" onkeyup="search()" placeholder="Search for snippet..">
<ul id="snippetList">
<li><a href="#">arrayMax</a></li>
<li><a href="#">arrayMin</a></li>
<li><a href="#">chunk</a></li>
<li><a href="#">compact</a></li>
<li><a href="#">hexToRgb</a></li>
<li><a href="#">sleep</a></li>
<li><a href="#">validateEmail</a></li>
</ul>
<div class="row" style="height: calc(100vh - 5.875rem);overflow: hidden;"> <div class="row" style="height: calc(100vh - 5.875rem);overflow: hidden;">
<input id="doc-drawer-checkbox" class="drawer" value="on" type="checkbox"> <input id="doc-drawer-checkbox" class="drawer" value="on" type="checkbox">
<nav class="col-md-4 col-lg-3" style="border-top: 0"> <nav class="col-md-4 col-lg-3" style="border-top: 0">