PatAlcala9/aio-tools
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adjust paragraph colors and add link styling

Browse source
This commit is contained in:
Patrick Alvin Alcala 2025-06-04 12:16:18 +08:00
parent 205f629bfa
commit 87b5462471
1 changed files with 7 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/pages/about.astro
View file

@ -41,7 +41,7 @@ import Layout from '../layouts/Layout.astro'
.paragraph-title
font-size: 1.8rem
font-weight: 500
color: color.change(vars.$background, $lightness: 90%)
color: color.adjust(vars.$background, $lightness: 75%)
margin-bottom: 1rem
@media screen and (max-width: view.$mobile)
@ -50,8 +50,13 @@ import Layout from '../layouts/Layout.astro'
.paragraph-content
font-size: 1rem
line-height: 1.6
color: color.change(vars.$background, $lightness: 80%)
color: color.adjust(vars.$background, $lightness: 70%)
@media screen and (max-width: view.$mobile)
font-size: 0.75rem
a
text-decoration: none
color: color.adjust(vars.$background, $lightness: 40%)
transition: color 0.3s ease-in-out
</style>