| Server IP : 80.87.202.40 / Your IP : 216.73.216.169 Web Server : Apache System : Linux rospirotorg.ru 5.14.0-539.el9.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Dec 5 22:26:13 UTC 2024 x86_64 User : bitrix ( 600) PHP Version : 8.2.27 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/bitrix/ext_www/rospirotorg.ru/bitrix/js/ui/icon-set/ |
Upload File : |
.ui-icon-set__scope {
--ui-icon-set__icon-base-size: 24px;
--ui-icon-set__icon-base-color: var(--ui-color-base-90);
--ui-icon-set__icon-path: url('');
}
.ui-icon-set {
--ui-icon-set__icon-base-size: 24px;
--ui-icon-set__icon-base-color: var(--ui-color-base-90);
--ui-icon-set__icon-path: url('');
display: inline-block;
width: var(--ui-icon-set__icon-size, var(--ui-icon-set__icon-base-size));
height: var(--ui-icon-set__icon-size, var(--ui-icon-set__icon-base-size));
flex-shrink: 0;
-webkit-mask-image: var(--ui-icon-set__icon-path);
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: contain;
background: var(--ui-icon-set__icon-color, var(--ui-icon-set__icon-base-color));
transition: 150ms ease-in-out background;
}
.ui-icon-set:hover {
transition-duration: 0s;
}
.ui-icon-set.--hoverable-default:hover {
background: color-mix(in srgb, var(--ui-icon-set__icon-color, var(--ui-icon-set__icon-base-color)) 100%, var(--ui-color-bg-state-hover-default-overlay-hex) var(--ui-color-bg-state-hover-default-overlay-opacity));
}
.ui-icon-set.--hoverable-default:active {
background: color-mix(in srgb, var(--ui-icon-set__icon-color, var(--ui-icon-set__icon-base-color)) 100%, var(--ui-color-bg-state-click-default-overlay-hex) var(--ui-color-bg-state-click-default-overlay-opacity));
}
.ui-icon-set.--hoverable-alt:hover {
background: color-mix(in srgb, var(--ui-icon-set__icon-color, var(--ui-icon-set__icon-base-color)) 100%, var(--ui-color-bg-state-hover-alt-overlay-hex) var(--ui-color-bg-state-hover-alt-overlay-opacity));
}
.ui-icon-set.--hoverable-alt:active {
background: color-mix(in srgb, var(--ui-icon-set__icon-color, var(--ui-icon-set__icon-base-color)) 100%, var(--ui-color-bg-state-click-alt-overlay-hex) var(--ui-color-bg-state-click-alt-overlay-opacity));
}