Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Решено Обводка префикса

Статус
В этой теме нельзя размещать новые ответы.
Май
644
134
Активный
использую код для префиксов
Код:
.turquoisePrefix:before {
.m-faContent(@fa-var-star);
}

.label {
    display: inline-flex;
    font-size: 80%;
    letter-spacing: .025em;
    padding: .125rem .5rem;
    border: 0;
    border-radius: 0.25rem;
    margin-right: 0.25rem;
    position: relative;
    overflow: hidden
}

.label:before {
    display: inline-block;
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400 !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 0.25rem
}

.label:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: currentColor
}

.turquoisePrefix:before {
    content: '\f132'
}

.turquoisePrefix {
    font-weight: 600 !important;
    text-transform: capitalize;
    Color: #00FFFF;
    background: var(--emudevs__color-orange-fade-5-light)
}


Как сделать эту полосу вокруг всего префикса?
 

Вложения

  • IMG_20260219_134119.jpg
    IMG_20260219_134119.jpg
    20 KB · Просмотры: 27
Статус
В этой теме нельзя размещать новые ответы.
Сверху