mirror of
https://github.com/Redocly/redoc.git
synced 2024-11-27 19:13:44 +03:00
135 lines
2.1 KiB
SCSS
135 lines
2.1 KiB
SCSS
@import '../../shared/styles/variables';
|
|
|
|
|
|
:host {
|
|
padding-bottom: 100px;
|
|
display: block;
|
|
border-bottom: 1px solid rgba(127, 127, 127, 0.25);
|
|
margin-top: 1em;
|
|
transform: translateZ(0);
|
|
z-index: 2;
|
|
}
|
|
|
|
// :host:last-of-type {
|
|
// border-bottom: 0;
|
|
// }
|
|
|
|
.operation-header {
|
|
margin-bottom: calc(1em - 6px);
|
|
}
|
|
|
|
.operation-tags {
|
|
margin-top: 20px;
|
|
|
|
> a {
|
|
font-size: 16px;
|
|
color: #999;
|
|
display: inline-block;
|
|
padding: 0 0.5em;
|
|
text-decoration: none;
|
|
|
|
&:before {
|
|
content: '#';
|
|
margin-right: -0.4em;
|
|
}
|
|
|
|
&:first-of-type {
|
|
padding: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.operation-content, .operation-samples {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
float: left;
|
|
}
|
|
|
|
.operation-content {
|
|
width: 100% - $samples-panel-width;
|
|
padding: $section-spacing;
|
|
}
|
|
|
|
.operation-samples {
|
|
color: $sample-panel-color;
|
|
width: 40%;
|
|
padding: $section-spacing;
|
|
background: $samples-panel-bg-color;
|
|
}
|
|
|
|
.operation-samples pre {
|
|
color: $sample-panel-color;
|
|
}
|
|
|
|
.operation-samples header,
|
|
.operation-samples > h5 {
|
|
color: $sample-panel-headers-color;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.operation-samples > h5 {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.operation-samples schema-sample {
|
|
display: block;
|
|
}
|
|
|
|
.operation:after {
|
|
content: "";
|
|
display: table;
|
|
clear:both;
|
|
}
|
|
|
|
.operation-description {
|
|
padding: 6px 0 10px 0;
|
|
margin: 0;
|
|
}
|
|
|
|
[select-on-click] {
|
|
cursor: pointer;
|
|
}
|
|
|
|
@media (max-width: $right-panel-squash-breakpoint) {
|
|
.operations:before {
|
|
display: none;
|
|
}
|
|
|
|
.operation-samples, .operation-content {
|
|
width: 100%;
|
|
}
|
|
|
|
.operation-samples {
|
|
margin-top: 2em;
|
|
}
|
|
|
|
:host {
|
|
padding-bottom: 0;
|
|
}
|
|
}
|
|
|
|
.operation-content /deep/ endpoint-link {
|
|
margin-bottom: 16px;
|
|
|
|
.operation-endpoint[class] {
|
|
padding: 5px 30px 5px 5px;
|
|
border: 0;
|
|
border-bottom: 1px solid $border-color;
|
|
border-radius: 0;
|
|
background-color: transparent;
|
|
}
|
|
.operation-api-url-path {
|
|
color: $black;
|
|
}
|
|
|
|
.expand-icon {
|
|
top: 8px;
|
|
background-color: $border-color;
|
|
}
|
|
|
|
.servers-overlay {
|
|
border: 1px solid $border-color;
|
|
border-top: 0;
|
|
}
|
|
}
|