aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--card/card.css22
-rw-r--r--card/card.html8
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>