feat: add text wrap pretty with balance as fallback
- add text-wrap for better structure and appearance
This commit is contained in:
@@ -89,6 +89,8 @@
|
|||||||
color: var(--color-profile-text);
|
color: var(--color-profile-text);
|
||||||
font-size: 1.125rem;
|
font-size: 1.125rem;
|
||||||
line-height: 1.625;
|
line-height: 1.625;
|
||||||
|
text-wrap: pretty;
|
||||||
|
text-wrap: balance;
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
font-size: 1.25rem;
|
font-size: 1.25rem;
|
||||||
|
|||||||
@@ -60,6 +60,8 @@
|
|||||||
<style>
|
<style>
|
||||||
article {
|
article {
|
||||||
display: block;
|
display: block;
|
||||||
|
text-wrap: pretty;
|
||||||
|
text-wrap: balance;
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
transition: box-shadow ease-in-out 0.1s, transform ease-in-out 0.3s 0s;
|
transition: box-shadow ease-in-out 0.1s, transform ease-in-out 0.3s 0s;
|
||||||
will-change: rotate;
|
will-change: rotate;
|
||||||
|
|||||||
Reference in New Issue
Block a user