헤더 스타일 변경

YalySeung · May 8, 2024 · 4b4ed92 · 4b4ed92
1 parent b22288a
commit 4b4ed92
Showing 1 changed file with 13 additions and 6 deletions.
diff --git a/_sass/minimal-mistakes/_page.scss b/_sass/minimal-mistakes/_page.scss
@@ -89,22 +89,25 @@ body {
 .page__content {
   h1 {
     font-size: 2em;
-    background-color: rgba(243, 139, 168, 0.2);
+    border-left: 10px solid rgba(243, 139, 168, 0.2);
+    border-bottom: 4px solid rgba(243, 139, 168, 0.2);
     padding: 15px 20px !important;
     margin: 10px 0 !important;
     border-radius: 10px;
   }
 
   h2 {
-    background-color: rgba(250, 179, 135, 0.2);
+    border-left: 10px solid rgba(250, 179, 135, 0.2);
+    border-bottom: 4px solid rgba(250, 179, 135, 0.2);
     font-size: 1.5em;
     padding: 15px 20px !important;
     margin: 10px 0 !important;
     border-radius: 10px;
   }
 
   h3 {
-    background-color: rgba(166, 227, 161, 0.2);
+    border-left: 10px solid rgba(166, 227, 161, 0.2);
+    border-bottom: 4px solid rgba(166, 227, 161, 0.2);
     font-size: 1.3em;
     padding: 15px 20px !important;
     margin: 10px 0 !important;
@@ -115,24 +118,28 @@ body {
     padding: 15px 20px !important;
     margin: 10px 0 !important;
     border-radius: 10px;
-    background-color: rgba(148, 226, 213, 0.2);
+    border-left: 10px solid rgba(148, 226, 213, 0.2);
+    border-bottom: 4px solid rgba(148, 226, 213, 0.2);
   }
 
   h5 {
-    background-color: rgba(180, 190, 254, 0.2);
+    border-left: 10px solid rgba(180, 190, 254, 0.2);
+    border-bottom: 4px solid rgba(180, 190, 254, 0.2);
     padding: 15px 20px !important;
     margin: 10px 0 !important;
     border-radius: 10px;
   }
 
   h6 {
-    background-color: rgba(203, 166, 247, 0.2);
+    border-left: 10px solid rgba(203, 166, 247, 0.2);
+    border-bottom: 4px solid rgba(203, 166, 247, 0.2);
     padding: 15px 20px !important;
     margin: 10px 0 !important;
     border-radius: 10px;
   }
 
 	h1, h2, h3, h4, h5, h6 {
+
 		.header-link {
 			position: relative;
 			left: 0.5em;