Reduce footer space while preserving visual balance

This commit is contained in:
Robin
2024-06-04 09:57:16 -04:00
parent 6b6ad16306
commit 0aeb68b445

View File

@@ -54,7 +54,7 @@ limitations under the License.
grid-template-areas: "logo buttons layout";
align-items: center;
gap: var(--cpd-space-3x);
padding-block: var(--cpd-space-2x);
padding-block: var(--cpd-space-4x);
padding-inline: var(--inline-content-inset);
background: linear-gradient(
180deg,
@@ -85,13 +85,13 @@ limitations under the License.
@media (min-height: 400px) {
.footer {
padding-block: var(--cpd-space-1x);
padding-block: var(--cpd-space-8x);
}
}
@media (min-height: 800px) {
.footer {
padding-block: var(--cpd-space-1x);
padding-block: var(--cpd-space-10x);
}
}
@@ -102,8 +102,8 @@ limitations under the License.
}
.footerThin {
padding-top: var(--cpd-space-1x);
padding-bottom: var(--cpd-space-1x);
padding-top: var(--cpd-space-3x);
padding-bottom: var(--cpd-space-5x);
}
.footerHidden {