Merge pull request #41 from yunu7067/develop

update design
yunu7067 · Jul 4, 2022 · 72be81a · 72be81a
2 parents e8161ae + a1847c2
commit 72be81a
Show file tree

Hide file tree

Showing 5 changed files with 31 additions and 12 deletions.
diff --git a/blog.config.js b/blog.config.js
@@ -2,7 +2,7 @@
 
 /** @type {import('./src/types').BlogConfigType} */
 const blogConfig = {
-  baseurl: 'https://yunu7067.github.io',
+  baseurl: 'https://example.com.github.io',
   title: 'tololo://',
   description: 'An example blog on Astro',
   locale: {

diff --git a/src/components/AboutContainer.astro b/src/components/AboutContainer.astro
@@ -21,7 +21,7 @@ const { author } = Astro.props as Props;
 		</main>
 	</article>
 </div>
-<div class="mb-1 text-right">
+<div class="mb-3 text-right">
 	<a class={btn } href="/series/">
 		Series
 		<StackLine />

diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
@@ -3,6 +3,7 @@ import Head from '../components/Head.astro';
 import AstroSeo, { AstroSeoProps } from '../components/AstroSeo';
 import { BlogConfigType } from '../types';
 import Footer from '../components/Footer';
+// import '../styles/global.css';
 
 export interface Props {
 	seo?: AstroSeoProps,

diff --git a/src/styles/article.scss b/src/styles/article.scss
@@ -1,4 +1,13 @@
+/* 다크 모드 */
+html.dark {
+  main#article-container {
+    p a:not([data-footnote-backref]) {
+      color: rgb(83, 155, 245) ;
+    }
+  }
+}
 
+/* 라이트 모드 */
 main#article-container {
   /* Typography */
   :is(h1, h2, h3, h4, h5, h6) {
@@ -40,13 +49,21 @@ main#article-container {
       margin-bottom: 2em;
   }
 
+  /* Anchor */
+  p a:not([data-footnote-backref]) {
+    color: rgb(9, 105, 218);
+  }
+  p a:not([data-footnote-backref]):hover {
+    text-decoration: underline;
+  }
+
   /* Table */
   table {
     display: block;
     width: 100%;
     // white-space: nowrap;
     // table-layout: auto;
-    overflow-x: scroll;
+    overflow-x: auto;
     border-collapse: collapse;
     border-spacing: 0;
     padding-bottom: 1rem;
@@ -175,6 +192,7 @@ main#article-container {
   }
 
   blockquote {
+    background: lightblue;
     font-size: 1.5rem;
     --padding-block: 1rem;
     --padding-inline: 1.25rem;

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -51,12 +51,12 @@
 	--theme-code-bg: var(--color-gray-700);
 }
 
-body {
+/* body {
 	background: var(--theme-bg);
 	color: var(--theme-text);
-}
+} */
 
-:root.theme-dark {
+/* :root.theme-dark {
 	color-scheme: dark;
 	--theme-accent-opacity: 0.3;
 	--theme-divider: var(--color-gray-900);
@@ -68,7 +68,7 @@ body {
 	--theme-code-inline-bg: var(--color-gray-800);
 	--theme-code-text: var(--color-gray-200);
 	--theme-code-bg: var(--color-gray-900);
-}
+} */
 
 ::selection {
 	color: var(--theme-accent);
@@ -85,12 +85,12 @@ body {
 	--max-width: calc(100% - 2rem);
 }
 
-@media (min-width: 50em) {
+/* @media (min-width: 50em) {
 	:root {
 		--max-width: 40em;
 	}
-}
-
+} */
+/* 
 body {
 	font-family: var(--font-body);
 	font-size: 1rem;
@@ -110,7 +110,7 @@ small,
 }
 
 a {
-	/* color: var(--theme-accent); */
+	color: var(--theme-accent);
 	font-weight: 400;
 	text-underline-offset: 0.08em;
 	text-decoration: none;
@@ -151,4 +151,4 @@ a:focus {
 strong {
 	font-weight: 600;
 	color: inherit;
-}
+} */