Skip to content

Commit 72b7bf9

Browse files
pepc84pepc84
committed
match pre CSS to CodeMirror output to eliminate layout flash
1 parent d462e57 commit 72b7bf9

163 files changed

Lines changed: 163 additions & 325 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎examples/acceleration-with-vectors.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -33,11 +33,10 @@
3333
.copy-btn { font-size: 12px; color: #555; background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 3px 10px; cursor: pointer; font-family: inherit; }
3434
.copy-btn:hover { background: #f0f0f0; }
3535
.copy-btn.copied { color: #090; border-color: #090; }
36-
pre { padding: 1.5rem; font-family: "SF Mono","Fira Code",monospace; font-size: 13px; line-height: 1.7; overflow-x: auto; white-space: pre; }
36+
pre { padding: 0.75rem 1rem; font-family: "SF Mono","Fira Code",monospace; font-size: 13px; line-height: 1.6; overflow-x: auto; white-space: pre; background: #0d0d0d; color: #ccc; border-radius: 8px; margin-bottom: 1.25rem; }
3737
.welcome h1 { font-size: 1.8rem; font-weight: 600; margin-bottom: 1rem; }
3838
.welcome p { color: #555; line-height: 1.8; max-width: 500px; }
3939
.cm-static-wrap { margin-bottom: 1.25rem; }
40-
pre { visibility: hidden; margin: 0; }
4140
.cm-static-wrap .CodeMirror { height: auto; border-radius: 8px; font-size: 13px; line-height: 1.6; padding: 0; font-family: "SF Mono","Fira Code",monospace; }
4241
.cm-static-wrap .CodeMirror-scroll { overflow: hidden !important; max-height: none; }
4342
footer { border-top: 1px solid #e0e0e0; padding: 2rem; text-align: center; font-size: 13px; color: #888; }

‎examples/additive-wave.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -33,11 +33,10 @@
3333
.copy-btn { font-size: 12px; color: #555; background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 3px 10px; cursor: pointer; font-family: inherit; }
3434
.copy-btn:hover { background: #f0f0f0; }
3535
.copy-btn.copied { color: #090; border-color: #090; }
36-
pre { padding: 1.5rem; font-family: "SF Mono","Fira Code",monospace; font-size: 13px; line-height: 1.7; overflow-x: auto; white-space: pre; }
36+
pre { padding: 0.75rem 1rem; font-family: "SF Mono","Fira Code",monospace; font-size: 13px; line-height: 1.6; overflow-x: auto; white-space: pre; background: #0d0d0d; color: #ccc; border-radius: 8px; margin-bottom: 1.25rem; }
3737
.welcome h1 { font-size: 1.8rem; font-weight: 600; margin-bottom: 1rem; }
3838
.welcome p { color: #555; line-height: 1.8; max-width: 500px; }
3939
.cm-static-wrap { margin-bottom: 1.25rem; }
40-
pre { visibility: hidden; margin: 0; }
4140
.cm-static-wrap .CodeMirror { height: auto; border-radius: 8px; font-size: 13px; line-height: 1.6; padding: 0; font-family: "SF Mono","Fira Code",monospace; }
4241
.cm-static-wrap .CodeMirror-scroll { overflow: hidden !important; max-height: none; }
4342
footer { border-top: 1px solid #e0e0e0; padding: 2rem; text-align: center; font-size: 13px; color: #888; }

‎examples/alpha-mask.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -33,11 +33,10 @@
3333
.copy-btn { font-size: 12px; color: #555; background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 3px 10px; cursor: pointer; font-family: inherit; }
3434
.copy-btn:hover { background: #f0f0f0; }
3535
.copy-btn.copied { color: #090; border-color: #090; }
36-
pre { padding: 1.5rem; font-family: "SF Mono","Fira Code",monospace; font-size: 13px; line-height: 1.7; overflow-x: auto; white-space: pre; }
36+
pre { padding: 0.75rem 1rem; font-family: "SF Mono","Fira Code",monospace; font-size: 13px; line-height: 1.6; overflow-x: auto; white-space: pre; background: #0d0d0d; color: #ccc; border-radius: 8px; margin-bottom: 1.25rem; }
3737
.welcome h1 { font-size: 1.8rem; font-weight: 600; margin-bottom: 1rem; }
3838
.welcome p { color: #555; line-height: 1.8; max-width: 500px; }
3939
.cm-static-wrap { margin-bottom: 1.25rem; }
40-
pre { visibility: hidden; margin: 0; }
4140
.cm-static-wrap .CodeMirror { height: auto; border-radius: 8px; font-size: 13px; line-height: 1.6; padding: 0; font-family: "SF Mono","Fira Code",monospace; }
4241
.cm-static-wrap .CodeMirror-scroll { overflow: hidden !important; max-height: none; }
4342
footer { border-top: 1px solid #e0e0e0; padding: 2rem; text-align: center; font-size: 13px; color: #888; }

‎examples/animated-sprite.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -33,11 +33,10 @@
3333
.copy-btn { font-size: 12px; color: #555; background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 3px 10px; cursor: pointer; font-family: inherit; }
3434
.copy-btn:hover { background: #f0f0f0; }
3535
.copy-btn.copied { color: #090; border-color: #090; }
36-
pre { padding: 1.5rem; font-family: "SF Mono","Fira Code",monospace; font-size: 13px; line-height: 1.7; overflow-x: auto; white-space: pre; }
36+
pre { padding: 0.75rem 1rem; font-family: "SF Mono","Fira Code",monospace; font-size: 13px; line-height: 1.6; overflow-x: auto; white-space: pre; background: #0d0d0d; color: #ccc; border-radius: 8px; margin-bottom: 1.25rem; }
3737
.welcome h1 { font-size: 1.8rem; font-weight: 600; margin-bottom: 1rem; }
3838
.welcome p { color: #555; line-height: 1.8; max-width: 500px; }
3939
.cm-static-wrap { margin-bottom: 1.25rem; }
40-
pre { visibility: hidden; margin: 0; }
4140
.cm-static-wrap .CodeMirror { height: auto; border-radius: 8px; font-size: 13px; line-height: 1.6; padding: 0; font-family: "SF Mono","Fira Code",monospace; }
4241
.cm-static-wrap .CodeMirror-scroll { overflow: hidden !important; max-height: none; }
4342
footer { border-top: 1px solid #e0e0e0; padding: 2rem; text-align: center; font-size: 13px; color: #888; }

‎examples/arctangent.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -33,11 +33,10 @@
3333
.copy-btn { font-size: 12px; color: #555; background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 3px 10px; cursor: pointer; font-family: inherit; }
3434
.copy-btn:hover { background: #f0f0f0; }
3535
.copy-btn.copied { color: #090; border-color: #090; }
36-
pre { padding: 1.5rem; font-family: "SF Mono","Fira Code",monospace; font-size: 13px; line-height: 1.7; overflow-x: auto; white-space: pre; }
36+
pre { padding: 0.75rem 1rem; font-family: "SF Mono","Fira Code",monospace; font-size: 13px; line-height: 1.6; overflow-x: auto; white-space: pre; background: #0d0d0d; color: #ccc; border-radius: 8px; margin-bottom: 1.25rem; }
3737
.welcome h1 { font-size: 1.8rem; font-weight: 600; margin-bottom: 1rem; }
3838
.welcome p { color: #555; line-height: 1.8; max-width: 500px; }
3939
.cm-static-wrap { margin-bottom: 1.25rem; }
40-
pre { visibility: hidden; margin: 0; }
4140
.cm-static-wrap .CodeMirror { height: auto; border-radius: 8px; font-size: 13px; line-height: 1.6; padding: 0; font-family: "SF Mono","Fira Code",monospace; }
4241
.cm-static-wrap .CodeMirror-scroll { overflow: hidden !important; max-height: none; }
4342
footer { border-top: 1px solid #e0e0e0; padding: 2rem; text-align: center; font-size: 13px; color: #888; }

‎examples/arm.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -33,11 +33,10 @@
3333
.copy-btn { font-size: 12px; color: #555; background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 3px 10px; cursor: pointer; font-family: inherit; }
3434
.copy-btn:hover { background: #f0f0f0; }
3535
.copy-btn.copied { color: #090; border-color: #090; }
36-
pre { padding: 1.5rem; font-family: "SF Mono","Fira Code",monospace; font-size: 13px; line-height: 1.7; overflow-x: auto; white-space: pre; }
36+
pre { padding: 0.75rem 1rem; font-family: "SF Mono","Fira Code",monospace; font-size: 13px; line-height: 1.6; overflow-x: auto; white-space: pre; background: #0d0d0d; color: #ccc; border-radius: 8px; margin-bottom: 1.25rem; }
3737
.welcome h1 { font-size: 1.8rem; font-weight: 600; margin-bottom: 1rem; }
3838
.welcome p { color: #555; line-height: 1.8; max-width: 500px; }
3939
.cm-static-wrap { margin-bottom: 1.25rem; }
40-
pre { visibility: hidden; margin: 0; }
4140
.cm-static-wrap .CodeMirror { height: auto; border-radius: 8px; font-size: 13px; line-height: 1.6; padding: 0; font-family: "SF Mono","Fira Code",monospace; }
4241
.cm-static-wrap .CodeMirror-scroll { overflow: hidden !important; max-height: none; }
4342
footer { border-top: 1px solid #e0e0e0; padding: 2rem; text-align: center; font-size: 13px; color: #888; }

‎examples/array-2d.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -33,11 +33,10 @@
3333
.copy-btn { font-size: 12px; color: #555; background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 3px 10px; cursor: pointer; font-family: inherit; }
3434
.copy-btn:hover { background: #f0f0f0; }
3535
.copy-btn.copied { color: #090; border-color: #090; }
36-
pre { padding: 1.5rem; font-family: "SF Mono","Fira Code",monospace; font-size: 13px; line-height: 1.7; overflow-x: auto; white-space: pre; }
36+
pre { padding: 0.75rem 1rem; font-family: "SF Mono","Fira Code",monospace; font-size: 13px; line-height: 1.6; overflow-x: auto; white-space: pre; background: #0d0d0d; color: #ccc; border-radius: 8px; margin-bottom: 1.25rem; }
3737
.welcome h1 { font-size: 1.8rem; font-weight: 600; margin-bottom: 1rem; }
3838
.welcome p { color: #555; line-height: 1.8; max-width: 500px; }
3939
.cm-static-wrap { margin-bottom: 1.25rem; }
40-
pre { visibility: hidden; margin: 0; }
4140
.cm-static-wrap .CodeMirror { height: auto; border-radius: 8px; font-size: 13px; line-height: 1.6; padding: 0; font-family: "SF Mono","Fira Code",monospace; }
4241
.cm-static-wrap .CodeMirror-scroll { overflow: hidden !important; max-height: none; }
4342
footer { border-top: 1px solid #e0e0e0; padding: 2rem; text-align: center; font-size: 13px; color: #888; }

‎examples/array-objects.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -33,11 +33,10 @@
3333
.copy-btn { font-size: 12px; color: #555; background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 3px 10px; cursor: pointer; font-family: inherit; }
3434
.copy-btn:hover { background: #f0f0f0; }
3535
.copy-btn.copied { color: #090; border-color: #090; }
36-
pre { padding: 1.5rem; font-family: "SF Mono","Fira Code",monospace; font-size: 13px; line-height: 1.7; overflow-x: auto; white-space: pre; }
36+
pre { padding: 0.75rem 1rem; font-family: "SF Mono","Fira Code",monospace; font-size: 13px; line-height: 1.6; overflow-x: auto; white-space: pre; background: #0d0d0d; color: #ccc; border-radius: 8px; margin-bottom: 1.25rem; }
3737
.welcome h1 { font-size: 1.8rem; font-weight: 600; margin-bottom: 1rem; }
3838
.welcome p { color: #555; line-height: 1.8; max-width: 500px; }
3939
.cm-static-wrap { margin-bottom: 1.25rem; }
40-
pre { visibility: hidden; margin: 0; }
4140
.cm-static-wrap .CodeMirror { height: auto; border-radius: 8px; font-size: 13px; line-height: 1.6; padding: 0; font-family: "SF Mono","Fira Code",monospace; }
4241
.cm-static-wrap .CodeMirror-scroll { overflow: hidden !important; max-height: none; }
4342
footer { border-top: 1px solid #e0e0e0; padding: 2rem; text-align: center; font-size: 13px; color: #888; }

‎examples/array.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -33,11 +33,10 @@
3333
.copy-btn { font-size: 12px; color: #555; background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 3px 10px; cursor: pointer; font-family: inherit; }
3434
.copy-btn:hover { background: #f0f0f0; }
3535
.copy-btn.copied { color: #090; border-color: #090; }
36-
pre { padding: 1.5rem; font-family: "SF Mono","Fira Code",monospace; font-size: 13px; line-height: 1.7; overflow-x: auto; white-space: pre; }
36+
pre { padding: 0.75rem 1rem; font-family: "SF Mono","Fira Code",monospace; font-size: 13px; line-height: 1.6; overflow-x: auto; white-space: pre; background: #0d0d0d; color: #ccc; border-radius: 8px; margin-bottom: 1.25rem; }
3737
.welcome h1 { font-size: 1.8rem; font-weight: 600; margin-bottom: 1rem; }
3838
.welcome p { color: #555; line-height: 1.8; max-width: 500px; }
3939
.cm-static-wrap { margin-bottom: 1.25rem; }
40-
pre { visibility: hidden; margin: 0; }
4140
.cm-static-wrap .CodeMirror { height: auto; border-radius: 8px; font-size: 13px; line-height: 1.6; padding: 0; font-family: "SF Mono","Fira Code",monospace; }
4241
.cm-static-wrap .CodeMirror-scroll { overflow: hidden !important; max-height: none; }
4342
footer { border-top: 1px solid #e0e0e0; padding: 2rem; text-align: center; font-size: 13px; color: #888; }

‎examples/arraylist-of-objects.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -33,11 +33,10 @@
3333
.copy-btn { font-size: 12px; color: #555; background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 3px 10px; cursor: pointer; font-family: inherit; }
3434
.copy-btn:hover { background: #f0f0f0; }
3535
.copy-btn.copied { color: #090; border-color: #090; }
36-
pre { padding: 1.5rem; font-family: "SF Mono","Fira Code",monospace; font-size: 13px; line-height: 1.7; overflow-x: auto; white-space: pre; }
36+
pre { padding: 0.75rem 1rem; font-family: "SF Mono","Fira Code",monospace; font-size: 13px; line-height: 1.6; overflow-x: auto; white-space: pre; background: #0d0d0d; color: #ccc; border-radius: 8px; margin-bottom: 1.25rem; }
3737
.welcome h1 { font-size: 1.8rem; font-weight: 600; margin-bottom: 1rem; }
3838
.welcome p { color: #555; line-height: 1.8; max-width: 500px; }
3939
.cm-static-wrap { margin-bottom: 1.25rem; }
40-
pre { visibility: hidden; margin: 0; }
4140
.cm-static-wrap .CodeMirror { height: auto; border-radius: 8px; font-size: 13px; line-height: 1.6; padding: 0; font-family: "SF Mono","Fira Code",monospace; }
4241
.cm-static-wrap .CodeMirror-scroll { overflow: hidden !important; max-height: none; }
4342
footer { border-top: 1px solid #e0e0e0; padding: 2rem; text-align: center; font-size: 13px; color: #888; }

0 commit comments

Comments
 (0)