|
|
- /* For highlighting lines in code snippets */
- .highlight span.hll span {
- background-color: black;
- display: inline-block;
- width: 100%;
- }
- div.highlight {
- margin-bottom: 20px;
- border-radius: var(--borderRadius);
- }
- td.code div.highlight {
- border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
- }
- pre {
- overflow: auto;
- white-space: pre;
- word-break: normal;
- word-wrap: normal;
- color: #ebdbb2; /* This is needed due to bug in Pygments. It does not wraps some part of the code of some lagauges, like reST. This is for fallback. */
- }
- /* liquid_tags.include_code */
- figure.code {
- margin: 0;
- padding: 0;
- & figcaption {
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: space-between;
- align-items: center;
- border-radius: var(--borderRadius) var(--borderRadius) 0 0;
- background-color: #544c50;
- color: #ebdbb2;
- padding: 1px 9.5px;
- font-family: var(--sansFontFamily);
- font-size: rfs(1.1rem);
- & span.liquid-tags-code-title {
- flex-grow: 1;
- }
- & span.liquid-tags-code-filename {
- font-family: var(--monoFontFamily);
- color: #fe8019;
- }
- /* Download Link */
- & a {
- color: #b8bb26;
- text-transform: capitalize;
- position: relative;
- margin-left: 30px;
- &:before {
- height: rfs(0.9rem);
- width: rfs(0.9rem);
- top: rfs(0.35rem);
- content: url("data:image/svg+xml,%3Csvg%20image-rendering%3D%22optimizeQuality%22%20shape-rendering%3D%22geometricPrecision%22%20text-rendering%3D%22geometricPrecision%22%20viewBox%3D%220%200%20294%20452.5%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23b8bb26%22%3E%3Cpath%20d%3D%22m126%200h42v185h62l-83%20111-83-111h62z%22%2F%3E%3Cpath%20d%3D%22m294%20257v105c-98%200-196%200-294%200v-105h34v71h226v-71z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
- margin: 0;
- padding: 0 4px 0 0;
- right: 100%;
- position: absolute;
- }
- }
- }
- & div.highlight:not(:first-child) {
- border-radius: 0 0 var(--borderRadius) var(--borderRadius);
- }
- }
-
- table {
- table-layout: fixed;
- width: 100%;
- }
- td {
- vertical-align: top;
- }
- @media (max-width: 979px) {
- .linenos {
- display: none !important;
- }
- }
- .linenos {
- width: 30px;
- }
- .linenos div pre {
- text-align: right;
- overflow: hidden;
- }
- td.code {
- width: 100%;
- }
- .linenodiv pre {
- border-radius: var(--borderRadius) 0 0 var(--borderRadius);
- color: #ebdbb2;
- background-color: #282828;
- }
- table.highlighttable {
- border: none;
- }
- table.highlighttable td {
- border: none;
- }
- table.highlighttable tbody > tr:nth-child(odd) > td {
- background-color: transparent;
- }
|