- commit
- 5aa71722eb4432fb419e0cb2de63193a2e7728c5
- parent
- 934d0b53beead12c44f0b6bc0758a091108a8187
- author
- Dami <dami.etoile@gmail.com>
| M | style.css | 12 | ++++++------ |
@@ -67,17 +67,17 @@ h1, h2, h3, p { margin: 0; }
6767 .tool-card {6868 position: relative;6969 background: var(--surface);70- border-radius: 18px;71- min-height: 190px;70+ border-radius: 20px;71+ aspect-ratio: 1;7272 transition: transform .12s, background .12s;7373 }7474 .tool-card:active { transform: scale(.97); background: var(--surface-2); }75-.tool-link { display: block; color: inherit; padding: 14px 14px 16px; min-height: 190px; border-radius: 18px; }75+.tool-link { display: flex; flex-direction: column; justify-content: space-between; height: 100%; color: inherit; padding: 18px; border-radius: 20px; }7676 .tool-info { position: absolute; top: 6px; right: 6px; width: 40px; height: 40px; display: grid; place-items: center; color: var(--label-2); border-radius: 50%; }7777 .tool-info:active { color: var(--label); }78-.tool-glyph { display: block; color: var(--tint); margin-bottom: 18px; }79-.tool-glyph svg { width: 48px; height: 48px; }80-.tool-card h2 { font-size: 17px; font-weight: 600; }78+.tool-glyph { display: block; color: var(--tint); }79+.tool-glyph svg { width: 56px; height: 56px; }80+.tool-card h2 { font-size: 20px; font-weight: 600; letter-spacing: -.2px; }8181 #tool-text p { font-size: 15px; line-height: 1.5; color: var(--label-2); margin-top: 12px; }8282 .tool-card p { font-size: 13px; color: var(--label-2); margin-top: 3px; }8383