diff --git a/src/app/globals.css b/src/app/globals.css index 7fa9311..3f34938 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -719,3 +719,398 @@ code { border-color: #3498db; } } + + +/* GitHub Embeds */ + + +.ltag_github-liquid-tag { + margin: 1.1em auto 1.3em; + position: relative +} + +.ltag_github-liquid-tag h1 { + font-size: var(--fs-xl) !important; + line-height: var(--lh-base) !important; + margin: 0 0 0.7em !important +} + +@media screen and (min-width: 500px) { + .ltag_github-liquid-tag h1 { + margin-bottom:10px; + word-wrap: break-word + } +} + +.ltag_github-liquid-tag h1 a { + color: var(--body-color) +} + +.ltag_github-liquid-tag h1 .issue-title { + font-weight: var(--fw-normal) +} + +.ltag_github-liquid-tag h1 .issue-number { + color: var(--base-60); + font-weight: var(--fw-normal); + letter-spacing: -1px +} + +.ltag_github-liquid-tag h1 .github-logo { + display: inline-block; + max-width: 1.1em; + width: 1.15em; + vertical-align: middle; + margin: 0; + margin-right: 0.3em; + left: 0; + filter: invert(0); + filter: var(--theme-social-icon-invert, invert(0)) +} + +.github-thread { + font-family: var(--ff-sans-serif); + background-color: var(--card-bg); + border: 1px solid var(--form-border); + box-shadow: var(--shadow-smooth); + border-radius: var(--radius-auto); + font-size: 0.77em; + line-height: 1.15em; + margin: 0; + overflow: hidden +} + +.github-thread .timeline-comment-header { + display: flex; + align-items: center; + background: var(--card-bg); + border-bottom: 1px solid var(--form-border); + padding: 0.5em 1.5em +} + +@media screen and (min-width: 500px) { + .github-thread .timeline-comment-header { + align-items:center + } +} + +.github-thread .timeline-comment-header .github-liquid-tag-img { + margin: 10px 10px 10px 0; + width: 38px; + height: 38px; + padding: 0 +} + +.github-thread .timeline-comment-header-text { + padding: 10px 0 +} + +.github-thread .timeline-comment-header-text a { + color: var(--base-60) +} + +.github-thread .timeline-comment-header-text a:hover { + color: var(--base-60); + text-decoration: underline +} + +.ltag-github-body { + padding: 1em 1.5em; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; + max-height: calc(21vw + 165px); + overflow: hidden +} + +@media screen and (min-width: 430px) { + .ltag-github-body { + max-height:calc(20vw + 153px) + } +} + +@media screen and (min-width: 800px) { + .ltag-github-body { + max-height:310px + } +} + +.ltag-github-body h1,.ltag-github-body h2,.ltag-github-body h3,.ltag-github-body h4,.ltag-github-body h5,.ltag-github-body h6 { + font-weight: 500 !important +} + +.ltag-github-body h1 { + margin-left: 0; + font-size: 1.9em; + padding-bottom: 0.3em; + border-bottom: 1px solid #eaecef; + margin-top: 1em !important; + margin-bottom: 0.9em !important +} + +.ltag-github-body h3 { + margin-top: 1em !important; + margin-bottom: 0.9em !important; + padding: 0; + font-size: 1.2em; + font-weight: 600; + line-height: 1.25 +} + +.ltag-github-body h4 { + padding: 0 +} + +.ltag-github-body *:first-child { + margin-top: 0 !important +} + +.ltag-github-body *:last-child { + margin-bottom: 0 !important +} + +.ltag-github-body img { + left: inherit +} + +.ltag-github-body blockquote { + color: #6a737d; + padding: 0px 1em; + border-left: 0.25em solid #dfe2e5; + margin: 16px 0px +} + +.ltag-github-body kbd { + display: inline-block; + padding: 3px 5px; + font-size: 11px; + line-height: 10px; + color: #444d56; + vertical-align: middle; + background-color: #fafbfc; + background-color: var(--card-bg); + border: solid 1px #c6cbd1; + border-bottom-color: #959da5; + border-radius: 3px; + box-shadow: inset 0 -1px 0 #959da5 +} + +.ltag-github-body p { + margin-top: 0px; + padding: 0px; + margin-bottom: 15px +} + +.ltag-github-body p a.github-user-link { + color: var(--card-color-secondary); + font-weight: 600; + white-space: nowrap +} + +.ltag-github-body p a.github-user-link:hover { + color: #24292e; + text-decoration: underline +} + +.ltag-github-body code { + border-radius: 3px; + padding: 0.2em 5px 0px; + margin: 0px; + font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace +} + +.ltag-github-body pre { + width: 100% !important; + margin: 0px; + color: black; + background-color: #f6f8fa; + padding: 0 +} + +.ltag-github-body pre code { + background-color: #f6f8fa; + color: black; + padding: 0em 0px 0px !important; + line-height: 2em !important +} + +.ltag-github-body .highlight pre,.ltag-github-body pre,.ltag-github-body pre code { + padding: 16px !important; + overflow: auto !important; + font-size: 14px !important; + margin-bottom: 16px !important; + background-color: #f7f7f7 !important; + border-radius: 3px !important; + box-sizing: border-box !important; + color: black !important; + border-radius: 3px !important; + margin: 0.95em 0 1.2em !important +} + +.ltag-github-body .highlight { + font-size: 14px !important; + margin-bottom: 16px !important; + border-radius: 3px !important +} + +.ltag-github-body b,.ltag-github-body strong { + font-weight: 600 +} + +.ltag-github-body .pl-c { + color: #969896 +} + +.ltag-github-body .pl-c1,.ltag-github-body .pl-s .pl-v { + color: #0086b3 +} + +.ltag-github-body .pl-e,.ltag-github-body .pl-en { + color: #795da3 +} + +.ltag-github-body .pl-s .pl-s1,.ltag-github-body .pl-smi { + color: #333 +} + +.ltag-github-body .pl-ent { + color: #63a35c +} + +.ltag-github-body .pl-k { + color: #a71d5d +} + +.ltag-github-body .pl-pds,.ltag-github-body .pl-s,.ltag-github-body .pl-s .pl-pse .pl-s1,.ltag-github-body .pl-sr,.ltag-github-body .pl-sr .pl-cce,.ltag-github-body .pl-sr .pl-sra,.ltag-github-body .pl-sr .pl-sre { + color: #183691 +} + +.ltag-github-body .pl-v { + color: #ed6a43 +} + +.ltag-github-body .pl-id { + color: #b52a1d +} + +.ltag-github-body .pl-ii { + background-color: #b52a1d; + color: #f8f8f8 +} + +.ltag-github-body .pl-sr .pl-cce { + color: #63a35c; + font-weight: bold +} + +.ltag-github-body .pl-ml { + color: #693a17 +} + +.ltag-github-body .pl-mh,.ltag-github-body .pl-mh .pl-en,.ltag-github-body .pl-ms { + color: #1d3e81; + font-weight: bold +} + +.ltag-github-body .pl-mq { + color: #008080 +} + +.ltag-github-body .pl-mi { + color: #333; + font-style: italic +} + +.ltag-github-body .pl-mb { + color: #333; + font-weight: bold +} + +.ltag-github-body .pl-md { + background-color: #ffecec; + color: #bd2c00 +} + +.ltag-github-body .pl-mi1 { + background-color: #eaffea; + color: #55a532 +} + +.ltag-github-body .pl-mdr { + color: #795da3; + font-weight: bold +} + +.ltag-github-body .pl-mo { + color: #1d3e81 +} + +.gh-btn-container { + text-align: center; + padding: 0.35em 0 1.35em; + box-shadow: 0 0 60px 42px var(--card-bg); + position: relative; + z-index: var(--z-elevate) +} + +#instagram-liquid-tag { + background: white; + border: 1px solid #dbdbdb; + margin: 1px 1px 12px; + min-width: 326px; + max-width: 540px; + width: calc(100% - 2px); + height: 559px; + border-radius: 3px; + box-shadow: none; + display: block; + padding: 0px +} + +.instagram-position { + position: relative; + max-width: 540px; + margin: 0 auto +} + +.katex-element { + overflow-x: auto +} + +.ltag__link__link { + color: var(--body-color) !important +} + +.ltag__link__link:active { + opacity: 0.7 +} + +/* Twitter Embed */ +.text-styles blockquote.twitter-tweet { + font-family: var(--ff-sans-serif); + background: var(--body-color-inverted); + max-width: 550px; + border: 1px solid #cfd9de; + font-size: 0.75em; + line-height: 1.35em; + border-radius: 12px; + margin: 1.6em auto; + padding: 60px 250px 18px 10px; + padding: 33px 15px 8px +} + +@media screen and (min-width: 640px) { + .text-styles blockquote.twitter-tweet { + padding:60px 22px 18px; + min-height: 105px + } +} + +.text-styles .tweet-embed { + display: block; + margin: var(--content-rhythm) auto !important; + width: 550px; + max-width: 100%; + min-height: 350px; + border-radius: 13px; + box-shadow: var(--shadow-smooth),inset 0px 0px 0px 1px var(--card-border); + overflow: hidden +}