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