diff options
| author | lonkaars <loek@pipeframe.xyz> | 2022-12-27 12:20:22 +0100 |
|---|---|---|
| committer | lonkaars <loek@pipeframe.xyz> | 2022-12-27 12:20:22 +0100 |
| commit | 240bd18fd2d1894522d067287f0ecb3fd4e7cb46 (patch) | |
| tree | 2020fc3aa9d1691dd384a5967d001633e2d4eb81 | |
| parent | 93afc359eab4637e4a63fb237885db6ce274a860 (diff) | |
change font sizes
| -rw-r--r-- | card/card.css | 22 | ||||
| -rw-r--r-- | card/card.html | 8 |
2 files changed, 12 insertions, 18 deletions
diff --git a/card/card.css b/card/card.css index 7bb4598..b37234c 100644 --- a/card/card.css +++ b/card/card.css @@ -1,22 +1,18 @@ -.mobile .card { - font-size: 2.25rem; -} +.mobile .card .foreign { font-size: 1.75rem; } +.mobile .card .native { font-size: 1.25rem; } -.card { - text-align: center; - font-size: 1.75rem; -} +.card .foreign { font-size: 1.5rem; } +.card .native { font-size: 1.0rem; } -.card span { - display: block; -} +.card { text-align: center; } +.card span { display: block; } hr { height: 10px; border: none; opacity: 20%; - background-color: black; } +hr { background-color: black; } .nightMode hr { background-color: white; } .card.front .target-word-reading, @@ -27,7 +23,5 @@ hr { display: none; } -.sentence-translation { - margin-top: 1em; -} +.sentence-translation { margin-top: 1em; } diff --git a/card/card.html b/card/card.html index 5712f6b..9165bf1 100644 --- a/card/card.html +++ b/card/card.html @@ -9,11 +9,11 @@ <body> <div class="card back"> -<span class="sentence">[俺](おれ)の[目](め)の[前](まえ)に{全}(ぜん)[裸](はだか)のアリスが*[立](た)っていた*。\*escape\* (test)</span> +<span class="sentence foreign">[俺](おれ)の[目](め)の[前](まえ)に{全}(ぜん)[裸](はだか)のアリスが*[立](た)っていた*。\*escape\* (test)</span> <hr class="split"> -<span class="target-word-reading">立つ【た・つ】</span> -<span class="target-word-translation">To stand</span> -<span class="sentence-translation">Before my eyes stood Alice, butt-naked.</span> +<span class="target-word-reading foreign">立つ【た・つ】</span> +<span class="target-word-translation native">To stand</span> +<span class="sentence-translation native">Before my eyes stood Alice, butt-naked.</span> </div> <button onclick="document.getElementsByClassName('card')[0].classList.toggle('back'); document.getElementsByClassName('card')[0].classList.toggle('front')">toggle view</button> |