github.com/rabbouni145/gg@v0.47.1/docs/themes/gohugoioTheme/src/css/_code.css (about) 1 .chroma .lntable pre { 2 padding: 0; 3 margin: 0; 4 border: 0; 5 } 6 7 .chroma .lntable pre code { 8 padding: 0; 9 margin: 0; 10 } 11 12 pre, .pre { 13 overflow-x: auto; 14 overflow-y: hidden; 15 overflow: scroll; 16 } 17 18 code { 19 padding: 0.2em; 20 margin: 0; 21 font-size: 85%; 22 background-color: rgba(27,31,35,0.05); 23 border-radius: 3px; 24 } 25 26 27 pre code { 28 display: block; 29 padding: 1.5em 1.5em; 30 font-size: .875rem; 31 line-height: 2; 32 overflow-x: auto; 33 } 34 35 36 pre { 37 background-color: #fff; 38 color: #333; 39 white-space: pre; 40 hyphens: none; 41 position: relative; 42 border-width: 1px; 43 border-color: #ccc; 44 border-style: solid; 45 } 46 47 /* The Pygments highlighter comes with its own styles. */ 48 .highlight pre { 49 background-color: inherit; 50 color: inherit; 51 padding: 0.5em; 52 font-size: .875rem; 53 } 54 55 56 /*We are adding the copy button content here so we can change it with javascript. See the "Clipboard scripts"*/ 57 .copy:after { 58 content: "Copy" 59 } 60 .copied:after { 61 content: "Copied" 62 } 63 64 @media (--breakpoint-large) { 65 .full-width, pre.expand:hover 66 { 67 /*width: 100vw; 68 position: relative; 69 left: 50%; 70 right: 50%; 71 margin-left: -50vw; 72 margin-right: -50vw;*/ 73 /*width: 60vw;*/ 74 /*position: relative; 75 left: 50%; 76 right: 50%;*/ 77 /*margin-left: -30vw;*/ 78 margin-right: -30vw; 79 max-width: 100vw; 80 } 81 } 82 83 .code-block .line-numbers-rows { 84 background: #2f3a46; 85 border: none; 86 bottom: -50px; 87 color: #98a4b3; 88 left: -178px; 89 padding: 50px 0; 90 top: -50px; 91 width: 138px 92 } 93 94 .code-block .line-numbers-rows>span:before { 95 color: inherit; 96 padding-right: 30px 97 }