@flymeth/datapackjs/docs/web.css

A great library to create your own minecraft datapack with javascript!

:root {
    --transitions-duration: .15s;


    --light-color-background: #eee;
    --light-color-background-secondary: #eee;
    --light-color-icon-background: var(--light-color-background);
    --light-color-accent: #00d16c;
    --light-color-text: #222;
    --light-color-text-aside: #999;
    --light-color-link: #4da6ff;
    
    --light-color-ts: #db1373;
    --light-color-ts-interface: #139d2c;
    --light-color-ts-enum: #9c891a;
    --light-color-ts-class: #2484e5;
    --light-color-ts-function: #572be7;
    --light-color-ts-namespace: #b111c9;
    --light-color-ts-private: #707070;
    --light-color-ts-variable: #4d68ff;
    
    --dark-color-background: #222;
    --dark-color-background-secondary: #222;
    --dark-color-icon-background: var(--dark-color-background-secondary);
    --dark-color-accent: #d10000;
    --dark-color-text: #f5f5f5;
    --dark-color-text-aside: #ddd;
    --dark-color-link: #00aff4;

    --dark-color-ts: #ff6492;
    --dark-color-ts-interface: #6cff87;
    --dark-color-ts-enum: #f4d93e;
    --dark-color-ts-class: #61b0ff;
    --dark-color-ts-function: #9772ff;
    --dark-color-ts-namespace: #e14dff;
    --dark-color-ts-private: #e2e2e2;
    --dark-color-ts-variable: #4d68ff;
}
*, ::before, ::after {
    transition-duration: var(--transitions-duration) !important;
    transition-timing-function: ease-in-out !important;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

ul {
    list-style-position: inside !important;
}
ul ul {
    margin-left: 1.25rem;
}

.tsd-sources {
    display: none;
}
.col-content .tsd-index-link {
    border: solid .1em;
    padding: .5rem;
    border-radius: .5rem;
    overflow: hidden;
    position: relative;
    transition: border-radius var(--transitions-duration);
}
.col-content .tsd-index-link::before {
    content: "➡️";
    position: absolute;
    top: 50%;
    right: 0;
    line-height: 0;
    transform: translate(100%, -50%);

    transition: transform var(--transitions-duration);
}
.col-content .tsd-index-link:hover {
    text-decoration: none;
    border-radius: 0;
}
.col-content .tsd-index-link:hover::before {
    transform: translate(-50%, -50%);
}

.has-menu .col-menu {
    display: block;
    width: 15rem;
}
.has-menu .col-menu > * {
    margin: 1.15rem 0;
}
.tsd-widget.active {
    background: inherit;
}

.tsd-accordion-details * {
    border-radius: .15rem 0 0 .15rem;
}
.tsd-accordion-details .tsd-parent-kind-module, .tsd-index-summary {
    display: none;
}
.tsd-tag {
    padding: .25rem .4rem;
    opacity: .75;
    margin-right: .5rem;
}

.tsd-signature.tsd-anchor-link {
    border: none;
    padding-top: 0;
}
.tsd-signatures .tsd-signature {
    border: none;
    display: inline;
    padding: 0;
}
.tsd-index-group {
    margin-top: 0;
}

h1 {
    text-decoration: underline;
    margin-bottom: 2.5rem;
}

h2 {
    font-style: italic;
}
h2::before {
    font-style: normal;
    content: "*️⃣ ";
}

.tsd-parameter {
    margin: 10px 0;
}
h5 {
    position: relative;
    display: inline;
}
h5 .tsd-tag {
    position: absolute;
    bottom: 0;
    left: 100%;
    transform: translateX(20%);
}

.tsd-signature {
    border-radius: .5rem;
}

.tsd-panel.tsd-member {
    margin-bottom: 1rem;
    padding: 1rem;
    border-left: inset 0 var(--color-text-aside);
    border-radius: .15rem;

    transition: border-width;
}
.tsd-panel.tsd-member:hover {
    border-width: .15rem;
}

.tsd-parameter-signature {
	list-style: none;
}