src/: allow locale-specific styles
This commit is contained in:
parent
37a3706b04
commit
0254d444e9
3 changed files with 11 additions and 1 deletions
|
@ -31,3 +31,8 @@
|
||||||
color: var(--white);
|
color: var(--white);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.surah .leaf.theme.ar {
|
||||||
|
direction: rtl;
|
||||||
|
font-family: "Vazirmatn Regular";
|
||||||
|
}
|
||||||
|
|
|
@ -33,3 +33,8 @@
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.surah .leaf.theme.ar {
|
||||||
|
direction: rtl;
|
||||||
|
font-family: "Vazirmatn Regular";
|
||||||
|
}
|
||||||
|
|
|
@ -31,7 +31,7 @@ function TheSurahPage ({ locale, surahId }: PageProps) {
|
||||||
}, [surahIsLoaded]);
|
}, [surahIsLoaded]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={classNames(theme, 'theme')}>
|
<div className={classNames(theme, locale, 'theme')}>
|
||||||
<div className='flex-image'>
|
<div className='flex-image'>
|
||||||
<div className='image' />
|
<div className='image' />
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue