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