diff options
| author | 安竹洋平 <61961825+yasutakeyohei@users.noreply.github.com> | 2024-02-04 23:40:37 +0900 |
|---|---|---|
| committer | 安竹洋平 <61961825+yasutakeyohei@users.noreply.github.com> | 2024-02-04 23:40:37 +0900 |
| commit | 39105f5a8b609ec8ff7772ca1883e6d6a0a81b62 (patch) | |
| tree | e045808b572bc7ba0e55b369a29e6f3f6de46732 /src/components/BlockQuote.module.css | |
| parent | 4bc20ff2d684bb14f8e0227f2ddd444f1d5e212b (diff) | |
デザインを変更
Diffstat (limited to 'src/components/BlockQuote.module.css')
| -rw-r--r-- | src/components/BlockQuote.module.css | 39 |
1 files changed, 37 insertions, 2 deletions
diff --git a/src/components/BlockQuote.module.css b/src/components/BlockQuote.module.css index 0b8256e7..efa88e2e 100644 --- a/src/components/BlockQuote.module.css +++ b/src/components/BlockQuote.module.css @@ -1,3 +1,38 @@ .qt { - background-color: var(--ifm-code-background); -}
\ No newline at end of file + position:relative; + border-radius:10px; + padding:20px; + border: 1px dashed; + margin-left: 6%; + margin-right: 6%; +} +/* mobile */ +@media screen and (max-width: 996px) { + .qt { + margin-left:0; + margin-right:0; + } +} + +.qt:before { + position:absolute; + left:2%; + top:-18px; + box-sizing:border-box; + content: ""; + mask: url("bxs--quote-left.svg") no-repeat 50% 50%; + mask-size: cover; + background-color: var(--ifm-font-color-secondary); + padding-top:12px; + width: 32px; + height:32px; +} + +.qt cite { + font-weight: bold; + display:block; + font-style:normal; + margin-bottom: var(--ifm-paragraph-margin-bottom); + font-size: calc(var(--ifm-font-size-base)*1.05); +} + |