Articles page content

2025-09-11 18:23:15 +03:00
parent 33cd3fd94b
commit c4da01b96a
2 changed files with 94 additions and 0 deletions
--- a/style.css
+++ b/style.css
@@ -174,3 +174,46 @@ button:active {
    color: var(--primary);
    font-weight: 600;
 }
+
+/* Timeline Articles */
+
+.articles-timeline {
+    position: relative;
+    margin: 2rem auto;
+    max-width: 50rem;
+    padding-left: 2rem;
+    border-left: 2px solid var(--primary);
+}
+
+.timeline-item {
+    position: relative;
+    margin-bottom: 2rem;
+    padding-left: 1.5rem;
+}
+
+.timeline-dot {
+    position: absolute;
+    left: calc(-2.5rem - 1px);
+    top: 1.5rem;
+    width: 1rem;
+    height: 1rem;
+    background-color: var(--primary);
+    border-radius: 50%;
+}
+
+.timeline-item time {
+    font-size: 0.875rem;
+    color: var(--secondary);
+    display: block;
+    margin-bottom: 0.25rem;
+}
+
+.timeline-content h2 {
+    margin: 0.25rem 0;
+    font-size: 1.25rem;
+}
+
+.timeline-content p {
+    margin: 0.25rem 0 0;
+    line-height: 1.5;
+}