Current Path : /var/www/www-root/data/www/info.monolith-realty.ru/bitrix/js/ui/section/dist/ |
Current File : /var/www/www-root/data/www/info.monolith-realty.ru/bitrix/js/ui/section/dist/section.bundle.css |
.ui-section__wrapper, .ui-section__wrapper.--tool-selector { border-radius: var(--ui-border-radius-md); } .ui-section__wrapper { background-color: var(--ui-color-background-primary); padding: 0; margin-bottom: 12px; } .ui-section__wrapper.--danger { background: var(--ui-field-color-danger); } .ui-section__wrapper.--founded-item { background-color: var(--ui-color-palette-green-10); } .ui-section__wrapper.--after-founded-item { background-color: var(--ui-color-background-primary); -webkit-transition: background-color 5s ease-in-out; -o-transition: background-color 5s ease-in-out; transition: background-color 5s ease-in-out; } .ui-section__wrapper.--body-active { padding-bottom: 0; } .ui-section__wrapper.--tool-selector { padding: 0; margin: 0; } .ui-section__tools-description-link { cursor: pointer; border-bottom: 1px solid var(--ui-color-palette-gray-40); -webkit-transition: .2s linear; -o-transition: .2s linear; transition: .2s linear; font-size: var(--ui-font-size-md); color: var(--ui-color-palette-gray-40); } .ui-section__header { padding: 20px; margin-inline: 0; font-size: var(--ui-font-size-2xl); font-weight: var(--ui-font-weight-regular); color: var(--ui-color-base-solid); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; } .ui-section__wrapper:hover:not(.--body-active) .ui-section__header { border-radius: var(--ui-border-radius-md); background-color: var(--ui-color-base-02); } .ui-section__header-left-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ui-section__wrapper.--tool-selector .ui-section__header, .ui-section__wrapper.--tool-selector.--checked .ui-section__header { padding: 14px 16px; margin-inline: 0; border: 1px solid var(--ui-color-base-10); border-radius: var(--ui-border-radius-md); } .ui-section__wrapper.--tool-selector .ui-section__header:has(.ui-section__dragdrop-icon-wrapper) { padding: 16px 14px 14px 2px; } .ui-section__wrapper.--tool-selector.--checked .ui-section__header { border: 1px solid var(--ui-color-primary); } .ui-section__wrapper.--tool-selector .ui-section__header:hover { background-color: var(--ui-color-background-transparent); } .ui-section__separator { height: 1px; width: calc(100% + 20px); background-color: var(--ui-color-base-90); opacity: 0.08; margin-bottom: 18px; } .ui-section__wrapper .ui-section__separator { margin: 0; height: 0; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; visibility: hidden; opacity: 0; } .ui-section__wrapper.--body-active .ui-section__separator { margin-left: 20px; height: 1px; opacity: .08; visibility: unset; } .ui-section__wrapper.--danger .ui-section__separator { background-color: var(--ui-color-on-primary); opacity: var(--ui-opacity-20); } .ui-section__header .ui-section__collapse-icon { margin-left: auto; cursor: pointer; } .ui-section__header .ui-section__collapse-icon.--tool-selector-icon { margin-left: 3px; --ui-icon-set__icon-size: 17px; } .ui-section__collapse-icon.clickable.ui-icon-set.--chevron-up, .ui-section__collapse-icon.clickable.ui-icon-set.--chevron-down, .ui-section__collapse-icon.clickable.ui-icon-set.--chevron-right { --ui-icon-set__icon-size: 18px; } .ui-section__header .ui-section__collapse-icon.--tool-selector-icon, .ui-section__collapse-icon.clickable.ui-icon-set.--chevron-up, .ui-section__collapse-icon.clickable.ui-icon-set.--chevron-down, .ui-section__collapse-icon.clickable.ui-icon-set.--chevron-right, .ui-section__title-icon { --ui-icon-set__icon-color: var(--ui-color-base-60); } .ui-section__wrapper.--danger .ui-section__header .ui-section__title-icon, .ui-section__wrapper.--danger .ui-section__header .ui-section__collapse-icon { --ui-icon-set__icon-color: var(--ui-color-on-primary); opacity: var(--ui-opacity-60); } .ui-section__wrapper.clickable .ui-section__header { cursor: pointer; } .ui-section__header .ui-section__title { margin-left: 10px; font-size: var(--ui-font-size-2xl); color: var(--ui-color-text-primary); } .ui-section__wrapper.--danger .ui-section__header .ui-section__title { color: var(--ui-color-on-primary); } .ui-section__header .ui-section__title.clickable { font-size: var(--ui-font-size-2xl); color: var(--ui-color-text-primary); } .ui-section__wrapper.--tool-selector.--body-active .ui-section__header .ui-section__title { color: var(--ui-color-text-primary); } .ui-section__content .ui-section__row-tool-selector, .ui-section__wrapper.--tool-selector.--checked .ui-section__row-tool-selector { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 16px; padding: 10px 18px; } .ui-section__content .ui-section__row-tool-selector { border-bottom: 1px solid var(--ui-color-base-10); border-left: 1px solid var(--ui-color-base-10); border-right: 1px solid var(--ui-color-base-10); } .ui-section__wrapper.--tool-selector.--checked .ui-section__row-tool-selector { border-bottom: 1px solid var(--ui-color-primary); border-left: 1px solid var(--ui-color-primary); border-right: 1px solid var(--ui-color-primary); } .ui-section__row-tool-selector.--active { background-color: var(--ui-color-palette-blue-10); } .ui-section__content .ui-section__row-tool-selector:last-child { border-radius: 0 0 15px 15px; } .ui-section__wrapper.--tool-selector.--checked .ui-section__header-link { display: block; } .ui-section__header-link { display: none; } .ui-section__value { margin-bottom: 2px; } .ui-section__value.--color-blue { font-size: var(--ui-font-size-xs); color: var(--ui-color-link-primary-base); } .ui-section__section-body_inner { display: grid; grid-template-rows: 0fr; } .ui-section__section-body_inner.ui-section__section-toggle-animation { -webkit-transition: grid-template-rows 0.4s ease-out; -o-transition: grid-template-rows 0.4s ease-out; transition: grid-template-rows 0.4s ease-out; transition: grid-template-rows 0.4s ease-out, -ms-grid-rows 0.4s ease-out; } .ui-section__section-body_inner > * { overflow: hidden; } .ui-section__wrapper.--body-active > .ui-section__section-body_inner { grid-template-rows: 1fr; } .ui-section__wrapper.--body-active > .ui-section__section-body_inner { overflow: unset; } .ui-section__field-selector.--no-margin .ui-section__field { margin: 0; } .ui-section__field-selector.--no-margin .ui-section__field .ui-section__field-inner, .ui-section__field-selector.--no-margin .ui-section__field-container .ui-section__field-inner { margin: 0; padding: 0; } .ui-section__field-selector.--align-center .ui-section__field { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ui-section__title-icon.ui-icon-set.--lock { margin: 4px 0 0 4px; --ui-icon-set__icon-color: var(--ui-color-base-60); --ui-icon-set__icon-size: 17px; } .ui-section__mt-16 { margin-top: 16px; } .ui-section__field-switcher { margin-top: 0; } .ui-section__switcher .ui-switcher.ui-switcher-size-xs { margin-left: 2px; } .ui-section__tools-subgroup_left-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ui-section__content .ui-section__row-tool-selector_title { margin-left: 10px; font-size: var(--ui-font-size-xl); } .ui-section__dragdrop-icon { width: 10px; height: 24px; cursor: pointer; background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%226%22%20height%3D%2214%22%20viewBox%3D%220%200%206%2014%22%3E%0A%20%20%3Cg%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20opacity%3D%221%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%200L2%200%202%202%200%202%200%200zM0%204L2%204%202%206%200%206%200%204zM0%208L2%208%202%2010%200%2010%200%208zM0%2012L2%2012%202%2014%200%2014%200%2012zM4%200L6%200%206%202%204%202%204%200zM4%204L6%204%206%206%204%206%204%204zM4%208L6%208%206%2010%204%2010%204%208zM4%2012L6%2012%206%2014%204%2014%204%2012z%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A); } .ui-section__dragdrop-icon-wrapper { padding: 0 14px; } .ui-section__row.--founded-item { background-color: var(--ui-color-palette-green-10); border-radius: var(--ui-border-radius-md); } .ui-section__row.--after-founded-item { -webkit-transition: 5s ease-in-out; -o-transition: 5s ease-in-out; transition: 5s ease-in-out; border-radius: var(--ui-border-radius-md); }