Sha256: e5b01648689321c112289015457b29138a6906d751c7323f06e12eb6549879cf
Contents?: true
Size: 1.45 KB
Versions: 13
Compression:
Stored size: 1.45 KB
Contents
<template>
<div id="app">
<div id="nav">
<router-link to="/">Prefixes</router-link> |
<router-link to="/about">About</router-link>
</div>
<router-view/>
</div>
</template>
<style>
body {
background-color: #2c3e50;
}
h1,h2,h3,h4,h5,h6,p {
color: #42b983;
}
.pink {
color: #b94283
}
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
}
#nav {
padding: 30px;
}
#nav a {
font-weight: bold;
color: #42b983;
}
#nav a.router-link-exact-active {
color: #42b983;
}
#main {
font-size: 10pt;
}
.prefix {
background-color: #273645;
color: #42b983;
margin: 2px 0px;
padding: 0px 8px;
height: 20px;
text-align: left;
}
.action {
background-color: #273645;
color: #42b983;
margin: 2px 0px 0px 16px;
height: 20px;
}
.method {
width: 100px;
float: left;
padding: 0px 8px;
text-align: left;
}
.path {
width: 400px;
float: left;
text-align: left;
}
/* accordion */
.accordion-item{
position: relative;
}
.accordion-item-head{
cursor: pointer;
}
.accordion-item-head:after{
content: ' > ';
display: block;
position: absolute;
right: 25px;
transform: rotate(90deg) scaleY(2);
top: 0px;
}
.accordion-item-head.active:after{
content: ' < ';
}
.accordion-item-body{
display: none;
}
.accordion-item-head.active + .accordion-item-body{
display: block !important;
}
</style>
Version data entries
13 entries across 13 versions & 1 rubygems