diff --git a/docs/.vuepress/styles/zhaobc.scss b/docs/.vuepress/styles/zhaobc.scss index 23b8e82..2118c15 100644 --- a/docs/.vuepress/styles/zhaobc.scss +++ b/docs/.vuepress/styles/zhaobc.scss @@ -129,5 +129,12 @@ #vp-comment { max-width: 1080px; } + + page: wide; } } + +/* 针对所有设置了 `page: wide;` 选择器的页面 */ +@page wide { + size: landscape; +} diff --git a/docs/.vuepress/theme/components/flippy-card/styles/card.scss b/docs/.vuepress/theme/components/flippy-card/styles/card.scss index d1b305b..1c7256a 100644 --- a/docs/.vuepress/theme/components/flippy-card/styles/card.scss +++ b/docs/.vuepress/theme/components/flippy-card/styles/card.scss @@ -119,3 +119,19 @@ transform-style: preserve-3d; z-index: 1; } + +@media print { + .flippy-card—wrapper { + // transform-style: flat !important; + + .flippy-card { + transform: rotateX(0deg) rotateY(0deg) scale(1) !important; + filter: none !important; + } + + .flip-button, + .glare { + display: none !important; + } + } +} diff --git a/docs/.vuepress/theme/components/hanzi/hanzi-card.scss b/docs/.vuepress/theme/components/hanzi/hanzi-card.scss index 55a90dc..49ec1f7 100644 --- a/docs/.vuepress/theme/components/hanzi/hanzi-card.scss +++ b/docs/.vuepress/theme/components/hanzi/hanzi-card.scss @@ -1,6 +1,7 @@ .hanzi-card { width: 320px; height: 420px; + page-break-inside: avoid; .hanzi-card__front { display: flex; @@ -68,7 +69,8 @@ transition: all 0.3s ease-out; } .btn:hover { - scale: 1.2; + // scale: 1.2; + transform: scale(1.2); } .btn.btn-voice { @@ -99,3 +101,24 @@ } } } + +@media print { + .flippy-card—wrapper { + &.hanzi-card { + // transform: rotateY(180deg) !important; + // transform: scale(0.9); + + .flippy-card__front { + display: none !important; + } + + .flippy-card__back { + transform: rotateY(0deg) !important; + } + + &.flipped { + transform: rotateY(0deg) !important; + } + } + } +} diff --git a/docs/.vuepress/theme/components/hanzi/hanzi2.scss b/docs/.vuepress/theme/components/hanzi/hanzi2.scss index 5eed0d7..b836ae5 100644 --- a/docs/.vuepress/theme/components/hanzi/hanzi2.scss +++ b/docs/.vuepress/theme/components/hanzi/hanzi2.scss @@ -140,3 +140,13 @@ } } } + +@media print { + .hanzi2 { + .bishun { + .hanzi-detail__strokes { + display: block !important; + } + } + } +}