presentation/styles/page.fragment.style.css

presentation/styles/page.fragment.style.css is a file in Bane's Lab Site. 144 lines of code and 0 definitions.

.site-footer {
    border-top: var(--border-s) solid var(--white-alpha-border);
    display: flex;
    flex-direction: column;
    gap: var(--home-gap);
    margin: 0 var(--space-lg);
    padding: var(--home-gap) 0 var(--space-lg);
}

.site-closing {
    display: grid;
    gap: var(--space-lg) var(--home-gap);
    grid-template-columns: minmax(0, 1fr);
}

.site-closing h3 {
    color: var(--banes-lab-accent);
    font-family: var(--font-family-heading);
    font-size: var(--font-lg);
    font-weight: var(--font-weight-medium);
    margin: 0 0 var(--space-sm);
    padding-bottom: var(--space-xs);
    position: relative;
    width: fit-content;
}

.site-closing h3::after {
    background-image: var(--home-rule-start);
    bottom: 0;
    content: "";
    height: var(--border-s);
    left: 0;
    position: absolute;
    right: 0;
}

.site-closing h3 i {
    color: var(--accent-half);
    margin-right: var(--home-go-gap);
}

.site-closing p {
    color: var(--white-alpha-muted);
    font-family: var(--font-family-mono);
    font-size: var(--font-md);
    letter-spacing: var(--home-letter-chip);
    line-height: var(--line-height-loose);
    margin: 0;
}

.site-closing code {
    color: var(--white-alpha-secondary);
    font-size: var(--font-sm);
}

.closing-note {
    margin-bottom: var(--space-sm);
}

.closing-route,
.closing-route code {
    color: var(--banes-lab-accent);
    transition: color var(--transition-slow);
}

.closing-route:hover,
.closing-route:hover code {
    color: var(--accent-hover);
    text-decoration: underline;
}

.closing-stack {
    color: var(--white-alpha-muted);
    display: grid;
    font-family: var(--font-family-mono);
    font-size: var(--font-sm);
    gap: var(--space-xxs);
    letter-spacing: var(--home-letter-chip);
}

.closing-line {
    line-height: var(--line-height-normal);
}

.footer-link {
    color: var(--banes-lab-accent);
    font-weight: var(--font-weight-semibold);
    transition: color var(--transition-slow);
}

.footer-link:hover {
    color: var(--accent-hover);
    text-decoration: underline;
}

.site-closing .site-license {
    font-size: var(--font-sm);
    margin-top: var(--space-md);
}

.site-closing .link-row {
    font-size: var(--font-sm);
    margin: var(--space-xs) 0;
}

.site-closing .profile-link i {
    margin-right: var(--space-xs);
}

.license-badges {
    display: inline-flex;
    gap: var(--space-xs);
    margin-left: var(--space-xs);
    vertical-align: middle;
}

.license-badge {
    display: inline-block;
    height: var(--size-icon-inline);
    vertical-align: middle;
    width: var(--size-icon-inline);
}

.site-copyright {
    backdrop-filter: var(--blur-soft);
    background: var(--card-bg);
    border-top: var(--border-s) solid var(--white-alpha-border);
    color: var(--text-mid-gray);
    flex: none;
    font-size: var(--font-xs);
    padding: var(--space-xs) var(--space-lg);
    text-align: center;
    width: var(--percent-full);
    z-index: var(--z-sticky);
}

@media (width >= 40rem) {
    .site-footer {
        margin: 0 var(--space-xl);
    }
}

@media (width >= 56.25rem) {
    .site-closing {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .site-closing > :nth-child(2) {
        text-align: center;
    }

    .site-closing > :nth-child(2) h3 {
        margin-inline: auto;
    }

    .site-closing > :nth-child(2) h3::after {
        background-image: var(--home-rule-center);
    }

    .site-closing > :last-child {
        text-align: right;
    }

    .site-closing > :last-child h3 {
        margin-left: auto;
    }

    .site-closing > :last-child h3::after {
        background-image: var(--home-rule-end);
    }
}