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;
li.ayah {
span:first-child {
span.surah-id.ayah-id {
display: block;
font-weight: 500;
}

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

@ -11,7 +11,7 @@
ul.stream {
li.ayah {
span:first-child {
span.surah-id.ayah-id {
color: $green;
background-color: $white;
font-weight: 500;

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

@ -11,7 +11,7 @@
ul.stream {
li.ayah {
span:first-child {
span.surah-id.ayah-id {
color: $gold;
}
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) => {
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>