0x1eef/al-quran.reflectslight.io
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

src/css: assign meaningful class names to "span:first-child"

Browse source
This commit is contained in:
0x1eef 2022-11-20 06:29:30 -03:00 committed by Robert
parent eadc482e07
commit 45a39b6d25
4 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/css/surah.scss
View file

@ -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;
} }

2
src/css/themes/leaf.scss
View file

@ -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;

2
src/css/themes/moon.scss
View file

@ -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 { }

2
src/js/components/TheQuran/Stream.tsx
View file

@ -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>