| Nils Diewald | 7cad840 | 2014-07-08 17:06:56 +0000 | [diff] [blame] | 1 | @charset "utf-8"; |
| 2 | |||||
| 3 | @import "colors"; | ||||
| 4 | |||||
| 5 | /* code data - clickable */ | ||||
| 6 | pre.query { | ||||
| 7 | overflow-x: hidden; | ||||
| 8 | background-color: $light-orange; | ||||
| 9 | white-space: normal; | ||||
| 10 | cursor: pointer; | ||||
| 11 | display: block; | ||||
| 12 | font: { | ||||
| 13 | size: 11pt; | ||||
| 14 | weight: bold; | ||||
| 15 | } | ||||
| 16 | padding: 2pt; | ||||
| 17 | margin: 0; | ||||
| 18 | margin-bottom: 5pt; | ||||
| 19 | color: $darkest-orange; | ||||
| 20 | text-shadow: $light-shadow; | ||||
| 21 | border: { | ||||
| 22 | color: $dark-orange; | ||||
| 23 | style: solid; | ||||
| 24 | width: 3px; | ||||
| 25 | radius: 6px; | ||||
| 26 | } | ||||
| 27 | code { | ||||
| 28 | white-space: pre; | ||||
| 29 | display: block; | ||||
| 30 | padding: 2px 5px; | ||||
| 31 | margin: 0; | ||||
| 32 | } | ||||
| 33 | &.serial { | ||||
| 34 | overflow-x: auto; | ||||
| 35 | &:not(.active) { | ||||
| 36 | overflow-x: hidden; | ||||
| 37 | > span { | ||||
| 38 | padding: 2pt; | ||||
| 39 | } | ||||
| 40 | code { | ||||
| 41 | display: none; | ||||
| 42 | } | ||||
| 43 | } | ||||
| 44 | &.active > span { | ||||
| 45 | display: none; | ||||
| 46 | } | ||||
| 47 | } | ||||
| 48 | } | ||||