.mx_UserSettingsDialog_header { font-size: 24px; display: block; text-align: center; color: $dialog-title-fg-color; margin-top: 23px; margin-bottom: 32px; padding: 0; } .mx_UserSettingsDialog_close { position: absolute; top: 23px; right: 25px; } .mx_UserSettingsDialog_closeIcon { width: 14px; height: 14px; display: inline-block; } .mx_UserSettingsDialog_closeIcon:before { // TODO: Use real icon mask: url('$(res)/img/feather-icons/video.svg'); background-color: $dialog-close-fg-color; mask-repeat: no-repeat; mask-size: 14px; mask-position: center; content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } // ICONS // ========================================================== .mx_UserSettingsDialog_settingsIcon:before { mask: url('$(res)/img/feather-icons/settings.svg'); } .mx_UserSettingsDialog_voiceIcon:before { mask: url('$(res)/img/feather-icons/phone.svg'); } .mx_UserSettingsDialog_bellIcon:before { mask: url('$(res)/img/feather-icons/notifications.svg'); } .mx_UserSettingsDialog_preferencesIcon:before { // TODO: Use real icon mask: url('$(res)/img/feather-icons/paperclip.svg'); } .mx_UserSettingsDialog_securityIcon:before { // TODO: Use real icon mask: url('$(res)/img/feather-icons/life-buoy.svg'); } .mx_UserSettingsDialog_helpIcon:before { // TODO: Use real icon mask: url('$(res)/img/feather-icons/share.svg'); }