- Май
- 161
- 28
Пользователь
By registering with us, you'll be able to discuss, share and private message with other members of our community.
SignUp Now!extra.less.label
{
&:before
{
.m-faBase('Pro', @faWeight-regular);
margin-right: 4px;
}
&.label--orange:before
{
.m-faContent(@fa-var-globe, 1em);
}
&.label--red:before
{
.m-faContent(@fa-var-exclamation-circle, 1em);
}
&.label--lightGreen:before
{
.m-faContent(@fa-var-info-circle, 1em);
}
&.label--skyBlue:before
{
.m-faContent(@fa-var-book-alt, 1em);
}
&.label--accent:before
{
.m-faContent(@fa-var-lock-open, 1em);
}
&.label--yellow:before
{
.m-faContent(@fa-var-search, 1em);
}
&.label--green:before
{...
extra.less.label
{
&:before
{
.m-faBase('Pro', @faWeight-regular);
margin-right: 4px;
}
&.label--orange:before
{
.m-faContent(@fa-var-globe, 1em);
}
&.label--red:before
{
.m-faContent(@fa-var-exclamation-circle, 1em);
}
&.label--lightGreen:before
{
.m-faContent(@fa-var-info-circle, 1em);
}
&.label--skyBlue:before
{
.m-faContent(@fa-var-book-alt, 1em);
}
&.label--accent:before
{
.m-faContent(@fa-var-lock-open, 1em);
}
&.label--yellow:before
{
.m-faContent(@fa-var-search, 1em);
}
&.label--green:before
{
.m-faContent(@fa-var-check-circle, 1em);
}
&.fa, &.far, &.fal, &.fas, &.fab, &.fad, &.fa-solid, &.fa-regular, &.fa-brands, &.fa-light, &.fa-thin, &.fa-duotone
{
font-family: inherit;
width: auto;
font-weight: 600;
position: relative;
text-indent: 0;
}
&:not(.menuPrefix)
{
padding: 2px 5px;
border-radius: 12px;
font-size: .82em;
line-height: 1.3;
font-weight: 500;
}
}
Они используют префиксы из коробки. Код в шаблонextra.less
Less:.label { &:before { .m-faBase('Pro', @faWeight-regular); margin-right: 4px; } &.label--orange:before { .m-faContent(@fa-var-globe, 1em); } &.label--red:before { .m-faContent(@fa-var-exclamation-circle, 1em); } &.label--lightGreen:before { .m-faContent(@fa-var-info-circle, 1em); } &.label--skyBlue:before { .m-faContent(@fa-var-book-alt, 1em); } &.label--accent:before { .m-faContent(@fa-var-lock-open, 1em); } &.label--yellow:before { .m-faContent(@fa-var-search, 1em); } &.label--green:before { .m-faContent(@fa-var-check-circle, 1em); } &.fa, &.far, &.fal, &.fas, &.fab, &.fad, &.fa-solid, &.fa-regular, &.fa-brands, &.fa-light, &.fa-thin, &.fa-duotone { font-family: inherit; width: auto; font-weight: 600; position: relative; text-indent: 0; } &:not(.menuPrefix) { padding: 2px 5px; border-radius: 12px; font-size: .82em; line-height: 1.3; font-weight: 500; } }
условно label label--orange