Source:

https://html.ildar-meyker.ru/html-kgeu/components.html?tab=tab-buttons

Демо:

Плагины:

Подключение:

//

Разметка:

//

<a href="#" class="btn-tag">Институт теплоэнергетики</a>

Стили:

//

.btn-tag {
    @extend .reset-btn;
    background: rgba(#fff, 0.15);
    border-radius: 65px;
    padding: calc(12 / 13) + em calc(16 / 13) + em;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: calc(16 / 13);
    color: #fff;

    &:hover {
        background: rgba(#fff, 0.2);
    }
}

@media (max-width: 999.98px) {
    .btn-tag {
        font-size: 1.2rem;
    }
}

Инициализация:

//
Рубрики: модуль

0 комментариев

Добавить комментарий

Avatar placeholder

Ваш адрес email не будет опубликован. Обязательные поля помечены *