style: h 태그, 텍스트 스타일 수정 (#324)

dohun31 · web-flow · commit ac2cf5030a22 · 2022-12-12T16:26:25.000+09:00
Resolve: #271
diff --git a/client/src/components/Mom/style.module.scss b/client/src/components/Mom/style.module.scss
@@ -36,6 +36,11 @@
   }
 }
 
+@mixin heading-style($border-size, $padding) {
+  padding: $padding 0px;
+  border-bottom: $border-size solid $gray-300;
+}
+
 .mom-body {
   box-sizing: border-box;
   height: calc(100% - 70px);
@@ -45,23 +50,27 @@
   white-space: pre-wrap;
 
   & > h1 {
-    font-size: 32px;
+    font-size: 36px;
     font-weight: 700;
+    @include heading-style(1.5px, 8px);
   }
 
   & > h2 {
     font-size: 28px;
     font-weight: 600;
+    @include heading-style(1px, 6px);
   }
 
   & > h3 {
     font-size: 24px;
     font-weight: 500;
+    @include heading-style(0.5px, 4px);
   }
 
   & > p {
     font-size: initial;
     font-weight: 400;
+    line-height: 30px;
   }
 
   & > *:focus {

Original file line number	Diff line number	Diff line change
`@@ -36,6 +36,11 @@`
`36`	`36`	`}`
`37`	`37`	`}`
`38`	`38`
	`39`	`+@mixin heading-style($border-size, $padding) {`
	`40`	`+ padding: $padding 0px;`
	`41`	`+ border-bottom: $border-size solid $gray-300;`
	`42`	`+}`
	`43`	`+`
`39`	`44`	`.mom-body {`
`40`	`45`	`box-sizing: border-box;`
`41`	`46`	`height: calc(100% - 70px);`
`@@ -45,23 +50,27 @@`
`45`	`50`	`white-space: pre-wrap;`
`46`	`51`
`47`	`52`	`& > h1 {`
`48`		`- font-size: 32px;`
	`53`	`+ font-size: 36px;`
`49`	`54`	`font-weight: 700;`
	`55`	`+ @include heading-style(1.5px, 8px);`
`50`	`56`	`}`
`51`	`57`
`52`	`58`	`& > h2 {`
`53`	`59`	`font-size: 28px;`
`54`	`60`	`font-weight: 600;`
	`61`	`+ @include heading-style(1px, 6px);`
`55`	`62`	`}`
`56`	`63`
`57`	`64`	`& > h3 {`
`58`	`65`	`font-size: 24px;`
`59`	`66`	`font-weight: 500;`
	`67`	`+ @include heading-style(0.5px, 4px);`
`60`	`68`	`}`
`61`	`69`
`62`	`70`	`& > p {`
`63`	`71`	`font-size: initial;`
`64`	`72`	`font-weight: 400;`
	`73`	`+ line-height: 30px;`
`65`	`74`	`}`
`66`	`75`
`67`	`76`	`& > *:focus {`