| // Code formatting. |
| |
| .td-content { |
| // Highlighted code. |
| .highlight { |
| @extend .card; |
| |
| margin: 2rem 0; |
| padding: 1rem; |
| background-color: $gray-100; |
| |
| pre, div { |
| background-color: inherit !important; |
| } |
| |
| pre { |
| margin: 0; |
| padding: 0; |
| } |
| } |
| |
| // Inline code |
| p code, li > code, table code { |
| color: inherit; |
| padding: 0.2em 0.4em; |
| margin: 0; |
| font-size: 85%; |
| word-break: normal; |
| background-color: rgba($black, 0.05); |
| border-radius: $border-radius; |
| |
| br { |
| display: none; |
| } |
| } |
| |
| |
| // Code blocks |
| pre { |
| word-wrap: normal; |
| background-color: $gray-100; |
| padding: $spacer; |
| |
| |
| > code { |
| padding: 0; |
| margin: 0; |
| font-size: 100%; |
| word-break: normal; |
| white-space: pre; |
| border: 0; |
| } |
| color: #222!important; |
| } |
| } |