Skip to content

Commit 2234dcd

Browse files
committed
Use 1080p as Equinox hub baseline
1 parent bf29122 commit 2234dcd

1 file changed

Lines changed: 15 additions & 67 deletions

File tree

‎src/styles/global.css‎

Lines changed: 15 additions & 67 deletions
Original file line numberDiff line numberDiff line change
@@ -419,101 +419,49 @@ h1 {
419419
font-size: 0.82rem;
420420
}
421421

422-
@media (max-height: 860px) and (min-width: 821px) {
422+
@media (max-height: 760px) and (min-width: 821px) {
423423
.shell {
424-
min-height: calc(100vh - 46px);
425-
padding-top: clamp(1.65rem, 4.2vw, 3.15rem);
426-
padding-bottom: 0.8rem;
424+
min-height: calc(100vh - 36px);
425+
padding-top: clamp(1rem, 3.2vw, 2.4rem);
426+
padding-bottom: 0.6rem;
427427
}
428428

429429
.cards {
430-
gap: 0.62rem;
430+
gap: 0.58rem;
431431
}
432432

433433
.site-card {
434-
min-height: 5.25rem;
435-
padding: 0.72rem 0.88rem 0.72rem 0.92rem;
436-
border-radius: 1.15rem;
434+
min-height: 5.1rem;
435+
padding: 0.68rem 0.86rem 0.68rem 0.9rem;
436+
border-radius: 1.14rem;
437437
}
438438

439439
.site-mark {
440-
width: 2.92rem;
441-
height: 2.92rem;
440+
width: 2.86rem;
441+
height: 2.86rem;
442442
border-radius: 0.82rem;
443443
}
444444

445445
.site-mark svg {
446-
width: 1.34rem;
447-
height: 1.34rem;
446+
width: 1.32rem;
447+
height: 1.32rem;
448448
}
449449

450450
.site-title {
451-
font-size: 1.02rem;
451+
font-size: 1rem;
452452
}
453453

454454
.site-description {
455455
font-size: 0.84rem;
456-
line-height: 1.34;
456+
line-height: 1.32;
457457
}
458458

459459
.site-eyebrow {
460460
font-size: 0.7rem;
461461
}
462462

463463
.footer {
464-
padding-bottom: 0.72rem;
465-
}
466-
}
467-
468-
@media (max-height: 740px) and (min-width: 821px) {
469-
.shell {
470-
min-height: 100vh;
471-
padding-top: 0;
472-
padding-bottom: 0;
473-
gap: clamp(0.8rem, 2vw, 1.6rem);
474-
}
475-
476-
.cards {
477-
gap: 0.46rem;
478-
}
479-
480-
.socials {
481-
margin-top: 1.25rem;
482-
}
483-
484-
.site-card {
485-
min-height: 4.65rem;
486-
padding: 0.5rem 0.74rem 0.5rem 0.78rem;
487-
border-radius: 1rem;
488-
}
489-
490-
.site-mark {
491-
width: 2.64rem;
492-
height: 2.64rem;
493-
}
494-
495-
.site-title {
496-
font-size: 0.96rem;
497-
}
498-
499-
.site-description {
500-
font-size: 0.76rem;
501-
line-height: 1.22;
502-
}
503-
504-
.site-badge {
505-
min-height: 1.08rem;
506-
padding: 0 0.36rem;
507-
font-size: 0.58rem;
508-
}
509-
510-
.footer {
511-
position: fixed;
512-
left: 50%;
513-
bottom: 0.52rem;
514-
transform: translateX(-50%);
515-
padding: 0;
516-
pointer-events: none;
464+
padding-bottom: 0.65rem;
517465
}
518466
}
519467

0 commit comments

Comments
 (0)