Mercurial
comparison mrjunejune/src/tools/index.css @ 97:3bdfffaad162
[MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
| author | June Park <parkjune1995@gmail.com> |
|---|---|
| date | Fri, 02 Jan 2026 20:21:58 -0800 |
| parents | bcc76a156aea |
| children |
comparison
equal
deleted
inserted
replaced
| 96:70401cf61e97 | 97:3bdfffaad162 |
|---|---|
| 51 @keyframes pulse { | 51 @keyframes pulse { |
| 52 0% { box-shadow: 0 0 0 0 rgba(68, 136, 255, 0.7); } | 52 0% { box-shadow: 0 0 0 0 rgba(68, 136, 255, 0.7); } |
| 53 70% { box-shadow: 0 0 0 10px rgba(68, 136, 255, 0); } | 53 70% { box-shadow: 0 0 0 10px rgba(68, 136, 255, 0); } |
| 54 100% { box-shadow: 0 0 0 0 rgba(68, 136, 255, 0); } | 54 100% { box-shadow: 0 0 0 0 rgba(68, 136, 255, 0); } |
| 55 } | 55 } |
| 56 | |
| 57 /* Mobile responsive */ | |
| 58 @media (max-width: 720px) { | |
| 59 .title { | |
| 60 font-size: 2rem; | |
| 61 } | |
| 62 | |
| 63 .nav-list a { | |
| 64 font-size: 1.1rem; | |
| 65 line-height: 1.6; | |
| 66 } | |
| 67 | |
| 68 .nav-list li { | |
| 69 margin-bottom: 1.5em; | |
| 70 padding: 0.5em 0; | |
| 71 } | |
| 72 | |
| 73 .sphere { | |
| 74 width: 14px; | |
| 75 height: 14px; | |
| 76 margin-right: 12px; | |
| 77 } | |
| 78 } |