ul, ol, p, h1, h2, h3, h4, h5, h6, table {
pre code { display: inline; border: none; color: inherit; background: none; padding: 0; margin: 0; border-radius: none; }
}
a {
nav &, h1 & { border-bottom: none; }
}
.center {
text-align: center;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.indent {
margin-left: $spacing * 1.5;
}
pre.highlight {
background: $black; -webkit-font-smoothing: antialiased; padding: $spacing; color: $white; margin-bottom: $spacing; line-height: 1.35; overflow: auto; position: relative; border-radius: 4px; code { color: $grey-light; }
}
pre {
font-family: Consolas, monospace; font-size: 16px;
}
.gutter {
color: #5f697c; text-align: right; padding-right: 5px; user-select: none;
}
.active {
color: $blue-dark;
}
.Nxd-article {
li ul, li ol { margin-top: 5px; } ul { margin-bottom: 15px; } ul li { font-size: 1em; margin-bottom: 5px; } .tight { margin: 0; }
}
.tight {
margin: 0;
}
.color-text {
color: $text;
}
.color–warn {
color: $orange;
}
.color–error {
color: $red;
}
.color–success {
color: $green;
}
.meta {
display: block; color: mix($stone, $stone-light); text-transform: uppercase; font-weight: 700; font-size: 13px; margin-bottom: 5px;
}
.tooltip {
position: relative; display: inline-block; color: $text-subtle; border-bottom: 1px dotted $stone-light; font-size: 0.95em; cursor: pointer; &:before { display: none; content: ' '; width: 0; height: 0; border-style: solid; border-width: 0 10px 12px 10px; border-color: transparent transparent $atom transparent; position: absolute; left: 50%; margin-left: -5px; bottom: -12px; } &:after { display: none; content: attr(data-text); pointer-events: none; background: $atom; color: $white; padding: $spacing / 2; position: absolute; width: 300px; left: 50%; margin-left: -150px; margin-top: 10px; text-align: center; z-index: 2; } &:hover, &:focus { outline: none; color: $pink; border-bottom-color: $pink; &:before, &:after { display: block; } }
}
.flash {
font-size: 1.2em; margin: $spacing 0; color: $pink;
}
.version {
margin-top: $spacing * 2;
}
.api-path {
display: block; border: 2px solid $mint; border-radius: 4px; overflow: hidden; margin-bottom: $spacing; font-size: 1.2em; background: $white; .api-path-parameter { color: $pink; } .api-path-method { display: inline-block; font-family: Consolas, monospace; color: $blue-dark; background: mix($blue-dark, $white, 5%); border-right: 1px solid mix($blue-dark, $white, 15%); margin-right: 10px; font-weight: 700; padding: 6px $spacing 3px $spacing; &--post { color: $green; background: mix($green, $white, 5%); border-right: 1px solid mix($green, $white, 15%); } &--delete { color: $red; background: mix($red, $white, 5%); border-right: 1px solid mix($red, $white, 15%); } &--update { color: $orange; background: mix($orange, $white, 5%); border-right: 1px solid mix($orange, $white, 15%); } } .api-path-host { margin-right: -10px; color: mix($text-subtle, $gray-light); }
}
.api-reference {
b { color: $text-subtle; }
}
.flag {
text-transform: uppercase; font-size: 0.82em; font-weight: 600; color: $blue-dark; &--strong { color: $red; }
}
.subtle {
color: $text-subtle;
}
.truncate {
overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}