redemption/source/css/pages/layout/_footer.scss

// 页脚
@import "../../base/variables";

footer {
    .copyright {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 0.8rem;

        a {
            color: #bfbfbf;

            &:hover {
                color: #262626;
            }

        }
    }

    // 深色
    @include darkmode {
        .copyright> {
            >a {
                color: #262626;

                &:hover {
                    color: #bfbfbf;
                }
            }
        }
    }

    // 320px 设备
    @media (max-width: 320px) {
        padding: 5% 0;
    }
    
    // 768px 设备
    @media (min-width: 320px) and (max-width: 768px) {
        padding: 5% 0;
    }

    // 2048px 设备
    @media (min-width: 768px) and (max-width: 2048px) {
        padding: 2rem 0;
    }

    
}