💻 My personal website blog.kacaii.dev/
blog gleam lustre

:lipstick: use smaller headings size

kacaii.dev e81a50ce 02963204

verified
+8 -8
+7 -7
priv/input.css
··· 48 48 } 49 49 50 50 h1 { 51 - font-size: 2.25rem; 51 + font-size: 1.875rem; 52 52 } 53 53 54 54 h2 { 55 - font-size: 1.875rem; 55 + font-size: 1.5rem; 56 56 } 57 57 58 58 h3 { 59 - font-size: 1.5rem; 59 + font-size: 1.25rem; 60 60 } 61 61 62 62 h4 { 63 - font-size: 1.25rem; 63 + font-size: 1.125rem; 64 64 } 65 65 66 66 h4 { 67 - font-size: 1.125rem; 67 + font-size: 1rem; 68 68 } 69 69 70 70 h5 { 71 - font-size: 1rem; 71 + font-size: 0.875rem; 72 72 } 73 73 74 74 h6 { 75 - font-size: 0.875rem; 75 + font-size: 0.75rem; 76 76 } 77 77 78 78 hr {
+1 -1
src/blog/root.gleam
··· 20 20 let style = 21 21 class( 22 22 "grid grid-cols-1 gap-4" 23 - <> " px-12 my-8 bg-ctp-base" 23 + <> " px-10 my-8 bg-ctp-base" 24 24 <> " text-ctp-text text-lg selection:bg-ctp-surface0" 25 25 <> " font-[maple-mono] scroll-smooth leading-normal" 26 26 // Responsive Design