Buck9195/doesitarm
1
0
Fork 0
mirror of https://github.com/ThatGuySam/doesitarm.git synced 2026-05-18 06:44:46 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Tweak simple list spacing

Browse source
This commit is contained in:
Sam Carlton 2022-06-07 15:43:23 -05:00
parent 45e6e334d3
commit a2ce93e856
1 changed files with 10 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/simple-list.astro
View file

@ -12,10 +12,18 @@ const {
>
<a
href={ item.href }
class="flex justify-start items-center inset-x-0 text-3xl md:text-4xl hover:bg-darkest border-2 border-white border-opacity-0 hover:border-opacity-50 focus:outline-none focus:bg-gray-50 duration-300 ease-in-out rounded-lg space-x-3 -mx-5 px-5 md:pr-64 py-3"
class={ [
'flex justify-start items-center inset-x-0 text-3xl md:text-4xl hover:bg-darkest focus:bg-gray-50 rounded-lg',
'border-2 border-white border-opacity-0 hover:border-opacity-50 focus:outline-none',
'duration-300 ease-in-out',
// Spacing
'space-x-3 -mx-5 px-5 md:pr-64 py-3'
].join(' ') }
style="transition-property: border;"
>
<div class="font-hairline">
<div
class="font-hairline flex flex-col gap-3"
>
<h2>{ item.heading }</h2>
<div class="text-xs opacity-75 mb-3">{ item.description }</div>
</div>