| @charset "utf-8"; |
| |
| @import "colors"; |
| |
| /* code data - clickable */ |
| pre.query { |
| overflow-x: hidden; |
| background-color: $light-orange; |
| white-space: normal; |
| cursor: pointer; |
| display: block; |
| font: { |
| size: 11pt; |
| weight: bold; |
| } |
| padding: 2pt; |
| margin: 0; |
| margin-bottom: 5pt; |
| color: $darkest-orange; |
| text-shadow: $light-shadow; |
| border: { |
| color: $dark-orange; |
| style: solid; |
| width: 3px; |
| radius: 6px; |
| } |
| code { |
| white-space: pre; |
| display: block; |
| padding: 2px 5px; |
| margin: 0; |
| } |
| &.serial { |
| overflow-x: auto; |
| &:not(.active) { |
| overflow-x: hidden; |
| > span { |
| padding: 2pt; |
| } |
| code { |
| display: none; |
| } |
| } |
| &.active > span { |
| display: none; |
| } |
| } |
| } |