Tobbyum
Участники
- Сообщения
- 47
- Реакции
- 1
- Баллы
- 65
Нашел я стили css а когда пишу названия стиля он весь не работает что делать?
пишу в поле Другое label А он весь не работает нужно писать addLabel а т.к css большой вписать все названия я не могу там огр,. стоят на количество символов
пишу в поле Другое label А он весь не работает нужно писать addLabel а т.к css большой вписать все названия я не могу там огр,. стоят на количество символов
.label{
border-radius: 0px;
display: inline-block;
position: relative;
cursor: pointer;
font-weight: bold;
min-width: 65px;
text-align: center;
&:before{
position: absolute;
border-top-right-radius: 40px;
border-right: 2px solid rgba(0,0,0,0.1);
top: 0;
bottom: 0;
left: 0;
padding: 1px 4px 0 3px;
width: 20px;
text-align: center;
}
}
.addLabel(@name_nof, @color, @fa-uid:"none") when (iscolor(@color)){
@name: e(%('label--%s', @name_nof));
.@{name}{
background-color: @color !important;
border-color: shade(@color, 20%) !important;
&when (lightness(@color) < 50%) {color: hardlight(@color, #cccccc) !important;}
&when (lightness(@color) >= 50%) {color: hardlight(@color, #0a0a0a) !important;}
&when (iskeyword(@fa-uid)){
padding: 0 5px 0 32px;
&:before {
background-color: rgba(0,0,0,0.2)!important;
content: "\@{fa-uid}";
font-family: FontAwesome;
}
}
&when (isurl(@fa-uid)){
padding: 0 5px 0 32px;
&:before {
background-color: rgba(0,0,0,0.2)!important;
content: " ";
background: @fa-uid no-repeat;
background-size: contain;
background-position: center
}
}
&:hover{
background-color: darken(@color, 4%) !important;
}
}
}
border-radius: 0px;
display: inline-block;
position: relative;
cursor: pointer;
font-weight: bold;
min-width: 65px;
text-align: center;
&:before{
position: absolute;
border-top-right-radius: 40px;
border-right: 2px solid rgba(0,0,0,0.1);
top: 0;
bottom: 0;
left: 0;
padding: 1px 4px 0 3px;
width: 20px;
text-align: center;
}
}
.addLabel(@name_nof, @color, @fa-uid:"none") when (iscolor(@color)){
@name: e(%('label--%s', @name_nof));
.@{name}{
background-color: @color !important;
border-color: shade(@color, 20%) !important;
&when (lightness(@color) < 50%) {color: hardlight(@color, #cccccc) !important;}
&when (lightness(@color) >= 50%) {color: hardlight(@color, #0a0a0a) !important;}
&when (iskeyword(@fa-uid)){
padding: 0 5px 0 32px;
&:before {
background-color: rgba(0,0,0,0.2)!important;
content: "\@{fa-uid}";
font-family: FontAwesome;
}
}
&when (isurl(@fa-uid)){
padding: 0 5px 0 32px;
&:before {
background-color: rgba(0,0,0,0.2)!important;
content: " ";
background: @fa-uid no-repeat;
background-size: contain;
background-position: center
}
}
&:hover{
background-color: darken(@color, 4%) !important;
}
}
}