polen 0.10.0-next.16 → 0.10.0-next.18

package/src/template/styles/code-block.css

@@ -1,218 +0,0 @@
-/* Code Block Styles */
-
-/* Base code block container */
-.code-block {
-  position: relative;
-  margin: 1rem 0;
-  border-radius: 8px;
-  overflow: hidden;
-  font-size: 14px;
-  line-height: 1.6;
-}
-
-.code-block pre {
-  margin: 0;
-  padding: 1rem;
-  overflow-x: auto;
-  background: inherit;
-}
-
-.code-block code {
-  font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
-  font-variant-ligatures: contextual;
-}
-
-/* Shiki theme switching with CSS variables */
-/* Default to light theme */
-:root {
-  color-scheme: light;
-}
-
-/* When dark mode is active */
-.dark {
-  color-scheme: dark;
-}
-
-/* Shiki token colors for light theme (github-light) */
-:root {
-  --shiki-color-text: #24292e;
-  --shiki-color-background: #f6f8fa;
-  --shiki-token-constant: #005cc5;
-  --shiki-token-string: #032f62;
-  --shiki-token-comment: #6a737d;
-  --shiki-token-keyword: #d73a49;
-  --shiki-token-parameter: #e36209;
-  --shiki-token-function: #6f42c1;
-  --shiki-token-string-expression: #032f62;
-  --shiki-token-punctuation: #24292e;
-  --shiki-token-link: #032f62;
-}
-
-/* Shiki token colors for dark theme (tokyo-night) */
-.dark {
-  --shiki-color-text: #c0caf5;
-  --shiki-color-background: #1a1b26;
-  --shiki-token-constant: #ff9e64;
-  --shiki-token-string: #9ece6a;
-  --shiki-token-comment: #565f89;
-  --shiki-token-keyword: #bb9af7;
-  --shiki-token-parameter: #e0af68;
-  --shiki-token-function: #7aa2f7;
-  --shiki-token-string-expression: #9ece6a;
-  --shiki-token-punctuation: #c0caf5;
-  --shiki-token-link: #9ece6a;
-}
-
-/* Shiki code blocks */
-pre.shiki {
-  margin: 1rem 0;
-  padding: 1rem;
-  border-radius: 8px;
-  overflow-x: auto;
-  font-size: 14px;
-  line-height: 1.6;
-  background-color: var(--shiki-color-background);
-  color: var(--shiki-color-text);
-}
-
-pre.shiki code {
-  font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
-  font-variant-ligatures: contextual;
-}
-
-/* Line numbers */
-.code-block[data-line-numbers="true"] pre {
-  padding-left: 3.5rem;
-  position: relative;
-}
-
-.code-block[data-line-numbers="true"] .line {
-  position: relative;
-}
-
-.code-block[data-line-numbers="true"] .line::before {
-  content: attr(data-line);
-  position: absolute;
-  left: -3rem;
-  width: 2.5rem;
-  text-align: right;
-  color: var(--gray-a6);
-  user-select: none;
-}
-
-/* Line highlighting */
-.code-block .line[data-highlighted="true"] {
-  background-color: var(--amber-a3);
-  display: block;
-  margin: 0 -1rem;
-  padding: 0 1rem;
-}
-
-/* Diff lines */
-.code-block .line[data-diff="+"] {
-  background-color: var(--green-a3);
-  display: block;
-  margin: 0 -1rem;
-  padding: 0 1rem;
-}
-
-.code-block .line[data-diff="-"] {
-  background-color: var(--red-a3);
-  display: block;
-  margin: 0 -1rem;
-  padding: 0 1rem;
-}
-
-.code-block .line[data-diff="+"]::before {
-  content: "+ ";
-  color: var(--green-11);
-  font-weight: bold;
-}
-
-.code-block .line[data-diff="-"]::before {
-  content: "- ";
-  color: var(--red-11);
-  font-weight: bold;
-}
-
-/* Focus lines */
-.code-block .line:not([data-focus="true"]) {
-  opacity: 0.5;
-  filter: grayscale(100%);
-  transition: opacity 0.2s, filter 0.2s;
-}
-
-.code-block:hover .line:not([data-focus="true"]) {
-  opacity: 0.8;
-  filter: grayscale(0%);
-}
-
-/* Copy button */
-.code-block-copy {
-  position: absolute;
-  top: 0.5rem;
-  right: 0.5rem;
-  padding: 0.25rem 0.5rem;
-  border-radius: 4px;
-  background: var(--gray-a3);
-  color: var(--gray-12);
-  border: 1px solid var(--gray-a5);
-  cursor: pointer;
-  font-size: 12px;
-  transition: all 0.2s;
-}
-
-.code-block-copy:hover {
-  background: var(--gray-a4);
-  border-color: var(--gray-a6);
-}
-
-.code-block-copy.copied {
-  background: var(--green-a3);
-  border-color: var(--green-a5);
-  color: var(--green-11);
-}
-
-/* Language badge */
-.code-block-lang {
-  position: absolute;
-  top: 0;
-  right: 0;
-  padding: 0.25rem 0.75rem;
-  background: var(--gray-a3);
-  color: var(--gray-11);
-  font-size: 12px;
-  font-weight: 500;
-  border-bottom-left-radius: 4px;
-  user-select: none;
-}
-
-/* Scrollbar styling */
-.code-block pre::-webkit-scrollbar {
-  height: 8px;
-  width: 8px;
-}
-
-.code-block pre::-webkit-scrollbar-track {
-  background: var(--gray-a3);
-  border-radius: 4px;
-}
-
-.code-block pre::-webkit-scrollbar-thumb {
-  background: var(--gray-a6);
-  border-radius: 4px;
-}
-
-.code-block pre::-webkit-scrollbar-thumb:hover {
-  background: var(--gray-a7);
-}
-
-/* Inline code */
-code:not(.code-block code) {
-  padding: 0.2em 0.4em;
-  margin: 0;
-  font-size: 0.85em;
-  background-color: var(--gray-a3);
-  border-radius: 4px;
-  font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
-}