diff options
| author | Polesznyák Márk <contact@pml68.dev> | 2025-09-25 01:39:56 +0200 |
|---|---|---|
| committer | Polesznyák Márk <contact@pml68.dev> | 2025-09-25 01:39:56 +0200 |
| commit | c0af3a63d6cd7b893ca23aeb442e776955bc2c91 (patch) | |
| tree | 0fec30f2bc12503e6095271dd32159322355c5c6 /src/lib/assets/css/projects.scss | |
| parent | fix: incorrect social link hover color transition (diff) | |
| download | pml68.dev-c0af3a63d6cd7b893ca23aeb442e776955bc2c91.tar.gz | |
feat: "rewrite" in pure HTML/CSS
Diffstat (limited to '')
| -rw-r--r-- | src/lib/assets/css/projects.scss | 64 |
1 files changed, 0 insertions, 64 deletions
diff --git a/src/lib/assets/css/projects.scss b/src/lib/assets/css/projects.scss deleted file mode 100644 index 03376a1..0000000 --- a/src/lib/assets/css/projects.scss +++ /dev/null @@ -1,64 +0,0 @@ -$font-min: 16px; -$font-desired: 1vw; -$font-max: 32px; - -.project-container { - padding: 0 10vw; - display: grid; - grid-template-columns: repeat(2, minmax(40vw, 1fr)); - height: 80dvh; - align-items: center; - justify-items: center; - overflow: auto; - align-content: center; - -ms-overflow-style: none; - scrollbar-width: none; -} - -.project-container::-webkit-scrollbar { - display: none; -} - -.project { - margin: 15px 15px; - font-size: clamp($font-min, $font-desired, $font-max); - padding: 25px 10px; - display: flex; - align-items: center; - background: #1e1e2e; - transition: transform .3s ease-in-out; - border-radius: 2vh; - box-shadow: -12px -12px 28px #27273b73, 12px 12px 20px #12121c73; -} - -.spacer { - height: 20dvh; - display: flex; - flex-direction: column; - justify-content: end; - z-index: 30; -} - -.home { - font-size: clamp($font-min, 2.5vw, 48px); - margin-bottom: 15px; -} - -.project-icon { - width: 4rem; - height: 4rem; - margin-right: 10px; -} - -@media (max-width: 839px) { - .project-container { - grid-template-columns: minmax(90vw, 1fr); - padding: 0 5vw; - align-content: normal; - } -} - -a:hover .project { - transform: scale(103%); - transition: transform .3s ease-in-out; -} |
