@yandex/ui/Button/_view/Button_view_link.css

Yandex UI components

/* common */
.Button2_view_link {
        color: var(--button-view-link-typo-color-base);

        transition: transform .1s ease-out, color .15s linear;
        transform: scale(1);
    }
.Button2_view_link::before {
        border: var(--button-border-width) solid var(--button-view-link-border-color-base);
        background-color: var(--button-view-link-fill-color-base);

        transition: background-color .15s linear;
    }
/* press */
.Button2_view_link.Button2_pressed {
        transition: none;
        transform: scale(.96);
    }
/* 1.042 ≈ 1/0.96 */
.Button2_view_link.Button2_pressed::after {
        transform: scale(1.042);
    }
/* disable */
.Button2_view_link[aria-disabled='true'] {
        color: var(--button-view-link-typo-color-disabled);
    }
.Button2_view_link[aria-disabled='true']::before {
        /* uses --color-transparent token for correct handling of specificity in postcss-theme-fold */
        border-color: var(--color-transparent);
        background-color: var(--button-view-link-fill-color-disabled);
    }
/* check */
.Button2_view_link.Button2_checked {
        color: var(--button-view-link-typo-color-checked-base);
    }
.Button2_view_link.Button2_checked::before {
        /* uses --color-transparent token for correct handling of specificity in postcss-theme-fold */
        border-color: var(--color-transparent);
        background-color: var(--button-view-link-fill-color-checked-base);
    }