From 4cbca8ccd766c6c67c0be87f3af4aafbb4de3711 Mon Sep 17 00:00:00 2001 From: log101 Date: Sat, 11 May 2024 19:24:15 +0300 Subject: [PATCH] chore: put css in scopes --- src/components/Footer.astro | 14 ++++++ src/components/Header.astro | 72 +++++++++++++++++++++++++++++- src/components/Post.astro | 33 ++++++++++++++ src/pages/index.astro | 1 - src/styles/header.css | 87 ------------------------------------- src/styles/home.css | 39 ++++------------- 6 files changed, 126 insertions(+), 120 deletions(-) delete mode 100644 src/styles/header.css diff --git a/src/components/Footer.astro b/src/components/Footer.astro index 74f7dab..b08a4db 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -2,6 +2,20 @@ --- + +

© 2024 Furkan Erdem

Hakkımda diff --git a/src/components/Header.astro b/src/components/Header.astro index ec7f08e..35af193 100644 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -2,6 +2,76 @@ import { CATEGORIES } from "../content/config"; --- + +
  • Eposta
    • @@ -20,7 +90,7 @@ import { CATEGORIES } from "../content/config"; { Object.entries(CATEGORIES).map(([k, v]) => (
  • - {v} + {v}
    • )) } diff --git a/src/components/Post.astro b/src/components/Post.astro index 7fe3ecb..fb95d74 100644 --- a/src/components/Post.astro +++ b/src/components/Post.astro @@ -2,6 +2,39 @@ const { data } = Astro.props; --- + +

    {data.category}

    {data.title}

    diff --git a/src/pages/index.astro b/src/pages/index.astro index 0f5e555..713f22e 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -2,7 +2,6 @@ import Header from "../components/Header.astro"; import Footer from "../components/Footer.astro"; import Layout from "../layouts/Layout.astro"; -import "../styles/header.css"; import "../styles/home.css"; import { getCollection } from "astro:content"; diff --git a/src/styles/header.css b/src/styles/header.css deleted file mode 100644 index f3a10b9..0000000 --- a/src/styles/header.css +++ /dev/null @@ -1,87 +0,0 @@ -.container { - width: 750px; - display: flex; - flex-direction: column; - gap: 36px; - margin: 24px 0px; -} - -.header { - display: flex; - flex-direction: column; - justify-content: start; - gap: 6px; -} - -.contact-links { - display: flex; - flex-direction: row; - align-items: center; - list-style-type: none; - padding: 0; - margin: 0; - gap: 12px; -} - -.contact-links a { - color: grey; -} - -.undecorated-anchor a { - text-decoration: none; -} - -.nav-links { - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; - list-style-type: none; - padding: 0; - margin: 0; - gap: 12px; -} - -.nav-links a { - font-size: var(--h6-desktop); - color: inherit; -} - -.title-and-nav { - display: flex; - flex-direction: column; - gap: 8px; -} - -.title-and-nav hr { - margin-bottom: 0; -} - -.title-and-gol { - display: flex; - flex-direction: row; - gap: 16px; - align-items: center; - height: 110px; -} - -.main-title { - font-family: "Courier New", Courier, monospace; - font-size: var(--h1-desktop); - max-width: 250; - margin: 0; - padding: 0; - padding-bottom: 8px; -} - -.footer { - display: flex; - flex-direction: row; - align-items: center; - gap: 10px; - color: gray; -} - -.footer a { - color: inherit; -} diff --git a/src/styles/home.css b/src/styles/home.css index 9024261..fa2cd06 100644 --- a/src/styles/home.css +++ b/src/styles/home.css @@ -1,40 +1,17 @@ +.container { + width: 750px; + display: flex; + flex-direction: column; + gap: 36px; + margin: 24px 0px; +} + .posts { display: flex; flex-direction: column; gap: 48px; } -.post { - display: flex; - flex-direction: column; - gap: 8px; -} - -.post-category { - margin: 0; - padding: 0; - color: #2f4f4f; - letter-spacing: 0.03em; -} - -.post-title { - font-size: var(--h4-desktop); - font-weight: normal; - margin: 0; - padding: 0; -} - -.post-summary { - margin: 0; - padding: 0; -} - -.post-date { - margin: 0; - padding: 0; - color: gray; -} - .home-all-posts { padding-top: 16px; color: inherit;