mirror of
https://github.com/Redocly/redoc.git
synced 2024-11-11 19:36:44 +03:00
111 lines
1.9 KiB
SCSS
111 lines
1.9 KiB
SCSS
$zippy-success-color: #00aa13;
|
|
$zippy-success-bg-color: rgba($zippy-success-color, .08);
|
|
|
|
$zippy-error-color: #e53935;
|
|
$zippy-error-bg-color: rgba($zippy-error-color, .06);
|
|
|
|
$zippy-info-color: #0033a0;
|
|
$zippy-info-bg-color: rgba($zippy-info-color, .08);
|
|
|
|
$zippy-redirect-color: #263238;
|
|
$zippy-redirect-bg-color: rgba($zippy-redirect-color, .08);
|
|
|
|
:host {
|
|
// performance optimization
|
|
transform: translate3d(0, 0, 0);
|
|
backface-visibility: hidden;
|
|
overflow: hidden;
|
|
display: block;
|
|
}
|
|
|
|
.zippy-title {
|
|
padding: 10px;
|
|
border-radius: 2px;
|
|
margin: 2px 0;
|
|
line-height: 1.5em;
|
|
background-color: #f2f2f2;
|
|
cursor: pointer;
|
|
|
|
.zippy-success > & {
|
|
color: $zippy-success-color;
|
|
background-color: $zippy-success-bg-color;
|
|
}
|
|
|
|
.zippy-error > & {
|
|
color: $zippy-error-color;
|
|
background-color: $zippy-error-bg-color;
|
|
}
|
|
|
|
.zippy-redirect > & {
|
|
color: $zippy-redirect-color;
|
|
background-color: $zippy-redirect-bg-color;
|
|
}
|
|
|
|
.zippy-info > & {
|
|
color: $zippy-info-color;
|
|
background-color: $zippy-info-bg-color;
|
|
}
|
|
}
|
|
.zippy-indicator svg {
|
|
height: 1.2em;
|
|
vertical-align: middle;
|
|
transition: all 0.3s ease;
|
|
transform: rotateZ(-180deg);
|
|
}
|
|
|
|
.zippy-hidden > .zippy-title svg {
|
|
transform: rotateZ(0);
|
|
}
|
|
|
|
.zippy-title polygon {
|
|
.zippy-success > & {
|
|
fill: $zippy-success-color;
|
|
}
|
|
.zippy-error > & {
|
|
fill: $zippy-error-color;
|
|
}
|
|
|
|
.zippy-redirect > & {
|
|
fill: $zippy-redirect-color;
|
|
}
|
|
|
|
.zippy-info > & {
|
|
fill: $zippy-info-color;
|
|
}
|
|
}
|
|
|
|
span.zippy-indicator {
|
|
width: 1em;
|
|
font-size: 1.2em;
|
|
text-align: center;
|
|
display: inline-block;
|
|
}
|
|
|
|
.zippy-content {
|
|
padding: 15px 0;
|
|
}
|
|
|
|
.zippy-empty {
|
|
.zippy-title {
|
|
cursor: default;
|
|
}
|
|
|
|
.zippy-indicator {
|
|
svg {
|
|
display: none;
|
|
}
|
|
&:before {
|
|
content: "—";
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
|
|
.zippy-content {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.zippy-hidden > .zippy-content {
|
|
display: none;
|
|
}
|