redoc/lib/components/RequestSamples/request-samples.scss

85 lines
1.4 KiB
SCSS
Raw Normal View History

2016-05-06 00:48:41 +03:00
@import '../../shared/styles/variables';
2016-01-31 20:37:51 +03:00
2016-07-17 19:44:36 +03:00
:host {
overflow: hidden;
}
2016-07-17 18:07:51 +03:00
.action-buttons {
display: block;
opacity: 0;
transition: opacity 0.3s ease;
transform: translateY(100%);
> span {
float: right;
}
> span > a {
padding: 2px 10px;
color: #ffffff;
cursor: pointer;
background-color: darken($black, 4%);
&:hover {
background-color: $black;
}
}
&:after {
display: block;
content: '';
clear: both;
}
}
.code-sample:hover > .action-buttons {
opacity: 1;
}
2016-01-31 20:37:51 +03:00
header {
2016-03-14 22:29:27 +03:00
font-family: $headers-font;
font-size: $h5;
text-transform: uppercase;
margin: 0;
color: $sample-panel-headers-color;
text-transform: uppercase;
font-weight: normal;
2016-01-31 20:37:51 +03:00
}
:host > tabs > ul li {
2016-03-14 22:29:27 +03:00
font-family: $headers-font;
font-size: .9em;
border-radius: $border-radius;
margin: 2px 0;
padding: 3px 10px 2px 10px;
line-height: 1.25;
color: $sample-panel-headers-color;
2016-01-31 20:37:51 +03:00
&:hover {
2016-03-14 22:29:27 +03:00
background-color: rgba(white, .1);
color: #ffffff;
}
2016-03-14 22:29:27 +03:00
&.active {
background-color: #ffffff;
color: $text-color;
}
2016-01-31 20:37:51 +03:00
}
:host tabs ul {
2016-03-14 22:29:27 +03:00
padding-top: 10px;
2016-01-31 20:37:51 +03:00
}
pre {
2016-03-14 22:29:27 +03:00
overflow-x: auto;
word-break: break-all;
word-wrap: break-word;
white-space: pre-wrap;
2016-07-17 18:07:51 +03:00
margin-top: 0;
overflow-x: auto;
padding: 20px;
border-radius: 4px;
background-color: #222d32;
margin-bottom: 36px;
2016-01-31 20:37:51 +03:00
}