redoc/lib/components/SchemaSample/schema-sample.scss

179 lines
2.5 KiB
SCSS
Raw Normal View History

2016-05-06 00:48:41 +03:00
@import '../../shared/styles/variables';
2016-03-08 23:03:05 +03:00
pre {
background-color: transparent;
padding: 0;
2016-07-17 18:07:51 +03:00
margin: 0;
clear: both;
2016-07-17 19:44:36 +03:00
position: relative;
}
// hide top-level collapser
.redoc-json > .collapser {
display: none;
}
2016-07-17 18:07:51 +03:00
.action-buttons {
display: block;
opacity: 0;
transition: opacity 0.3s ease;
transform: translateY(100%);
2016-07-17 19:44:36 +03:00
z-index: 1;
position: relative;
2016-07-17 18:07:51 +03:00
> span {
float: right;
2016-07-17 19:44:36 +03:00
&:last-child > a:before {
display: none;
}
2016-07-17 18:07:51 +03:00
}
> span > a {
padding: 2px 10px;
color: #ffffff;
cursor: pointer;
&:before {
content: '|';
display: inline-block;
transform: translateX(-10px);
}
&:first-child {
margin-right: 0;
}
&:hover {
background-color: $black;
}
}
&:after {
display: block;
content: '';
clear: both;
}
}
.snippet:hover .action-buttons {
opacity: 1;
}
:host {
.property {
//font-weight: bold;
}
.type-null {
color: gray;
}
.type-boolean {
color: firebrick;
}
.type-number {
color: #4A8BB3;
}
.type-string {
color: #66B16E;
}
.callback-function {
color: gray;
}
.collapser:after {
content: "-";
cursor: pointer;
}
.collapsed > .collapser:after {
content: "+";
cursor: pointer;
}
.ellipsis:after {
content: "";
}
.collapsible {
margin-left: 2em;
}
.hoverable {
padding-top: 1px;
padding-bottom: 1px;
padding-left: 2px;
padding-right: 2px;
border-radius: 2px;
}
.hovered {
background-color: rgba(235, 238, 249, 1);
}
.collapser {
padding-right: 6px;
padding-left: 6px;
}
2016-03-08 23:03:05 +03:00
.redoc-json {
2016-05-29 20:26:20 +03:00
overflow-x: auto;
2016-03-08 23:03:05 +03:00
padding: 20px;
border-radius: $border-radius*2;
background-color: darken($black, 2%);
margin-bottom: 36px;
}
ul, .redoc-json ul {
list-style-type: none;
padding: 0px;
margin: 0px 0px 0px 26px;
}
li {
position: relative;
}
.hoverable {
transition: background-color .2s ease-out 0s;
-webkit-transition: background-color .2s ease-out 0s;
display: inline-block;
}
.hovered {
transition-delay: .2s;
-webkit-transition-delay: .2s;
}
.selected {
outline-style: solid;
outline-width: 1px;
outline-style: dotted;
}
.collapsed>.collapsible {
display: none;
}
.ellipsis {
display: none;
}
2016-07-17 18:07:51 +03:00
.collapsed > .ellipsis {
display: inherit;
}
.collapser {
position: absolute;
top: 1px;
left: -1.5em;
cursor: default;
user-select: none;
-webkit-user-select: none;
}
}