scss buttons_05.scss

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss buttons_05.scss相关的知识,希望对你有一定的参考价值。

:root {
    --btn-font-size: 1em;
    --btn-sm: calc(var(--btn-font-size) - 0.2em);
    --btn-md: calc(var(--btn-font-size) + 0.2em);
    --btn-lg: calc(var(--btn-font-size) + 0.4em);

    --btn-radius: var(--radius);
}

/* button size */
.btn--sm {
    font-size: var(--btn-sm);
}

.btn--md {
    font-size: var(--btn-md);
}

.btn--lg {
    font-size: var(--btn-lg);
}

.btn--full-width {
    display: flex;
    width: 100%;
    justify-content: center;
}

以上是关于scss buttons_05.scss的主要内容,如果未能解决你的问题,请参考以下文章

scss colors_05.scss

scss 柔性alignment_05.scss

scss typography_05.scss

scss buttons_09.scss

scss buttons_08.scss

scss buttons_07.scss