Current Path : /var/www/www-root/data/www/monolith-realty.ru/bitrix/js/landing/features-popup/src/css/ |
Current File : /var/www/www-root/data/www/monolith-realty.ru/bitrix/js/landing/features-popup/src/css/style.css |
.landing-features-popup { background: #E9EAED; box-shadow: 0 12px 27px 0 rgb(0 0 0 / 14%); border-radius: 24px; min-height: 100px; } .landing-features-popup-content { padding: 13px 13px 13px; } .landing-features-popup-content-row { display: flex; } .landing-features-popup-content-row + .landing-features-popup-content-row { margin-top: 12px; } .landing-features-popup-content-block { background: #ffffff; display: flex; align-items: center; box-shadow: 0 1px 3px 0 rgb(0 0 0 / 9%); padding: 15px 12px; border-radius: 12px; position: relative; transition: 190ms linear all; } .landing-features-popup-content-block:first-child { flex-grow: 1; } .landing-features-popup-content-block + .landing-features-popup-content-block { margin-left: 10px; } .landing-features-popup-content-block-clickable { cursor: pointer; transition: all 200ms linear; } .landing-features-popup-content-block-clickable:hover { transform: translate(0, -1px) translateZ(0); box-shadow: 0 2px 5px 0 rgb(0 0 0 / 13%); } .landing-features-popup-content-block-icon { margin-right: 7px; } .landing-features-popup-content-block-icon .ui-icon { display: block; } .landing-features-popup-content-block-icon:last-child { margin-right: 0; } .landing-features-popup-content-block-text { flex-grow: 1; margin-right: 10px; } .landing-features-popup-content-block-text-title { font: 13px/15px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-semi-bold, 600); color: #333; } .landing-features-popup-content-block-text-link { display: inline; font: 11px/15px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-regular, 400); color: #525c69; opacity: .66; border-bottom: 1px dashed; cursor: pointer; transition: 200ms ease opacity; } .landing-features-popup-content-block-text-link:hover { color: #333; opacity: .9; } .landing-features-popup-content-block-action .ui-btn { --ui-btn-padding: 0 11px; --ui-btn-font-size: 11px; --ui-btn-color: #525c69; --ui-btn-color-hover: #535c69; --ui-btn-color-active: #535c69; --ui-btn-background: #fff; --ui-btn-background-hover: #e5f9ff; --ui-btn-background-active: #e5f9ff; --ui-btn-border-color: rgba(31, 130, 232, 0.3); --ui-btn-border-color-hover: #2fc6f6; --ui-btn-border-color-active: #2fc6f6; } .landing-features-popup-content-block-theme-highlight { background-color: #7B61FF; } .landing-features-popup-content-block-theme-highlight .landing-features-popup-content-block-text-title, .landing-features-popup-content-block-theme-highlight .landing-features-popup-content-block-text-link { color: #ffffff; } .landing-features-popup-content-block-theme-highlight .landing-features-popup-content-block-action .ui-btn { border: none; }