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;
|
overflow: hidden;
|
||||||
|
|
||||||
li.ayah {
|
li.ayah {
|
||||||
span:first-child {
|
span.surah-id.ayah-id {
|
||||||
display: block;
|
display: block;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
|
|
||||||
ul.stream {
|
ul.stream {
|
||||||
li.ayah {
|
li.ayah {
|
||||||
span:first-child {
|
span.surah-id.ayah-id {
|
||||||
color: $green;
|
color: $green;
|
||||||
background-color: $white;
|
background-color: $white;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
|
|
||||||
ul.stream {
|
ul.stream {
|
||||||
li.ayah {
|
li.ayah {
|
||||||
span:first-child {
|
span.surah-id.ayah-id {
|
||||||
color: $gold;
|
color: $gold;
|
||||||
}
|
}
|
||||||
p { }
|
p { }
|
||||||
|
|
|
@ -12,7 +12,7 @@ export function Stream({ surah, stream }: StreamProps) {
|
||||||
const ayat = stream.map((ayah: Ayah) => {
|
const ayat = stream.map((ayah: Ayah) => {
|
||||||
return (
|
return (
|
||||||
<li key={ayah.id} className="ayah fade">
|
<li key={ayah.id} className="ayah fade">
|
||||||
<span>
|
<span className="surah-id ayah-id">
|
||||||
Surah {surah.id}, Ayah {ayah.id}
|
Surah {surah.id}, Ayah {ayah.id}
|
||||||
</span>
|
</span>
|
||||||
<p>{ayah.text}</p>
|
<p>{ayah.text}</p>
|
||||||
|
|
Loading…
Reference in a new issue