Ratstail91
06bb8b8ed0
* I switched the markdown engine to markdown-it. * I used a plugin from the new engine called markdown-it-container to generate a div tag around the TOC * Configured the plugin to generate the classname mobileOnly * Recreated semantic's mobile only option using CSS.
68 lines
697 B
CSS
68 lines
697 B
CSS
body {
|
|
display: flex;
|
|
min-height: 100vh;
|
|
flex-direction: column;
|
|
}
|
|
|
|
#content {
|
|
margin-top: 1rem;
|
|
margin-bottom: 1rem;
|
|
flex: 1;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
p {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.scrollable {
|
|
margin-top: 1rem;
|
|
max-width: 100%;
|
|
overflow: auto;
|
|
}
|
|
|
|
thead {
|
|
font-weight: bold;
|
|
}
|
|
|
|
th {
|
|
min-width: 50px;
|
|
}
|
|
|
|
th:nth-child(1) {
|
|
min-width: 120px;
|
|
}
|
|
|
|
th:nth-child(4) {
|
|
min-width: 250px;
|
|
}
|
|
|
|
footer {
|
|
text-align: center;
|
|
}
|
|
|
|
/* Up and Down Arrows */
|
|
.descend:after{
|
|
content: "\25B2";
|
|
}
|
|
|
|
.ascend:after{
|
|
content: "\25BC";
|
|
}
|
|
|
|
/* device only features */
|
|
@media screen and (min-width: 480px) {
|
|
.mobileOnly {
|
|
display: none;
|
|
}
|
|
}
|