diff options
Diffstat (limited to '')
| -rw-r--r-- | assets/wave1.svg (renamed from src/lib/assets/wave1.svg) | 0 | ||||
| -rw-r--r-- | assets/wave2.svg (renamed from src/lib/assets/wave2.svg) | 0 | ||||
| -rw-r--r-- | src/lib/assets/css/projects.scss | 64 |
3 files changed, 0 insertions, 64 deletions
diff --git a/src/lib/assets/wave1.svg b/assets/wave1.svg index 76699ab..76699ab 100644 --- a/src/lib/assets/wave1.svg +++ b/assets/wave1.svg diff --git a/src/lib/assets/wave2.svg b/assets/wave2.svg index 95d41a5..95d41a5 100644 --- a/src/lib/assets/wave2.svg +++ b/assets/wave2.svg 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; -} |
