Labyricorn/liquidjs
1
0
Fork 0
mirror of https://github.com/harttle/liquidjs.git synced 2026-09-18 05:50:43 -07:00
Code Issues Packages Projects Releases Wiki Activity

refactor(docs): drop playground window chrome from capture demo

Browse Source 
Co-authored-by: Cursor <[email protected]>
This commit is contained in:
Yang Jun
2026-06-22 20:46:08 +08:00
co-authored by Cursor
parent 438b700b5d
commit 92daaecd68
4 changed files with 52 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/themes/navy/source/css/_partial/playground.styl
Vendored
+44 -70
View File
@@ -13,6 +13,14 @@
margin-bottom: 24px
color: var(--color-default)
h2
font-size: 0.8125rem
font-weight: 600
text-transform: uppercase
letter-spacing: 0.04em
color: var(--color-gray)
margin: 0
#editors
display: grid
overflow: hidden
@@ -48,80 +56,46 @@
.editor-wrapper
display: flex
gap: 8px
flex-direction: column
min-height: 0
overflow: hidden
.pane-window
flex: 1 1 auto
min-height: 0
position: relative
display: flex
flex-direction: column
playground-window-chrome()
overflow: hidden
@media mq-mobile
min-height: 240px
.pane-tab
position: absolute
z-index: 5
top: 0
left: 0
right: 0
height: 36px
line-height: 36px
text-align: center
font-size: 0.75rem
font-weight: 600
letter-spacing: 0.02em
color: var(--color-gray)
pointer-events: none
user-select: none
.editor
flex: 1 1 auto
min-height: 0
position: relative
overflow: hidden
.editor
flex: 1 1 auto
min-height: 0
position: relative
code-block-chrome()
overflow: hidden
@media mq-mobile
min-height: 240px
.output-preview
flex: 1 1 auto
min-height: 0
code-block-chrome()
overflow: auto
cursor: default
pre.highlight
margin: 0
min-height: 100%
padding: 16px
border: none
box-shadow: none
border-radius: 0
background: var(--highlight-background)
code
display: block
font-size: 14px
line-height: 1.5
background: transparent
padding: 0
white-space: pre
.ace_editor
top: 0
bottom: 0
height: auto !important
.output-preview
flex: 1 1 auto
min-height: 0
cursor: default
overflow: auto
pre.highlight
margin: 0
min-height: 100%
padding: 16px
border: none
box-shadow: none
border-radius: 0 0 6px 6px
background: var(--highlight-background)
code
display: block
font-size: 14px
line-height: 1.5
background: transparent
padding: 0
white-space: pre
.ace_editor
font-family: font-mono
font-size: 14px
line-height: 1.5
border-radius: 6px
.ace_gutter
display: none !important
width: 0 !important
.ace_scroller
left: 0 !important
.ace_scrollbar
z-index: 2
font-family: font-mono
font-size: 14px
line-height: 1.5
border-radius: 6px
.ace_scrollbar
z-index: 2
.version
font-size: 0.8125rem
docs/themes/navy/source/css/_variables.styl
Vendored
-17
View File
@@ -102,20 +102,3 @@ code-block-chrome()
border-radius: 6px
border: 1px solid var(--code-border)
box-shadow: var(--code-shadow)
playground-window-chrome()
code-block-chrome()
padding-top: 36px
&:before
content: ''
position: absolute
z-index: 4
top: 0
left: 0
right: 0
height: 36px
background: var(--highlight-background)
border-bottom: 1px solid var(--code-border)
border-radius: 6px 6px 0 0
pointer-events: none
background-image: radial-gradient(circle at 12px 18px, #ff5f57 5px, transparent 5px), radial-gradient(circle at 28px 18px, #febc2e 5px, transparent 5px), radial-gradient(circle at 44px 18px, #28c840 5px, transparent 5px)