mirror of
https://github.com/Alexander-D-Karpov/about.git
synced 2026-03-16 22:06:08 +03:00
12 lines
984 B
CSS
12 lines
984 B
CSS
.projects-section{grid-column:1 / -1;margin-top:40px}
|
|
.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:16px}
|
|
.project-card{border-radius:14px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--edge-0), var(--shadow);transition:all .2s ease}
|
|
.project-content{padding:14px}
|
|
.project-title{margin:.2rem 0 0;font-size:1.1rem}
|
|
.project-description{margin:.3rem 0 .6rem;color:var(--ink-2)}
|
|
.project-links{display:flex;gap:8px;flex-wrap:wrap}
|
|
.project-link{display:inline-flex;align-items:center;gap:.4rem;padding:6px 10px;border-radius:10px;background:rgba(255,255,255,.014);box-shadow:inset 0 0 0 1px var(--edge-0)}
|
|
.project-tech{margin-top:.6rem;display:flex;gap:6px;flex-wrap:wrap}
|
|
.tech-tag{padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.014);font:600 11px/1 var(--mono);box-shadow:inset 0 0 0 1px var(--edge-0);cursor:pointer;transition:all .2s ease}
|
|
.tech-tag:hover{background:var(--accent);color:#fff}
|