src/css: assign meaningful class names to "span:first-child"
This commit is contained in:
parent
eadc482e07
commit
45a39b6d25
4 changed files with 4 additions and 4 deletions
|
@ -72,7 +72,7 @@ body {
|
|||
overflow: hidden;
|
||||
|
||||
li.ayah {
|
||||
span:first-child {
|
||||
span.surah-id.ayah-id {
|
||||
display: block;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
|
|
@ -11,7 +11,7 @@
|
|||
|
||||
ul.stream {
|
||||
li.ayah {
|
||||
span:first-child {
|
||||
span.surah-id.ayah-id {
|
||||
color: $green;
|
||||
background-color: $white;
|
||||
font-weight: 500;
|
||||
|
|
|
@ -11,7 +11,7 @@
|
|||
|
||||
ul.stream {
|
||||
li.ayah {
|
||||
span:first-child {
|
||||
span.surah-id.ayah-id {
|
||||
color: $gold;
|
||||
}
|
||||
p { }
|
||||
|
|
|
@ -12,7 +12,7 @@ export function Stream({ surah, stream }: StreamProps) {
|
|||
const ayat = stream.map((ayah: Ayah) => {
|
||||
return (
|
||||
<li key={ayah.id} className="ayah fade">
|
||||
<span>
|
||||
<span className="surah-id ayah-id">
|
||||
Surah {surah.id}, Ayah {ayah.id}
|
||||
</span>
|
||||
<p>{ayah.text}</p>
|
||||
|
|
Loading…
Reference in a new issue