芝麻web文件管理V1.00
编辑当前文件:/home2/sdektunc/.trash/templates.4/cassiopeia/scss/vendor/joomla-custom-elements/joomla-alert.scss
@import "../../tools/tools"; @import "../../../../../media/vendor/joomla-custom-elements/css/joomla-alert.css"; // The following is a restyle for the system alerts #system-message-container { &:empty { display: none; margin-top: 0; } } #system-message-container joomla-alert { position: relative; display: flex; width: 100%; min-width: 16rem; padding: 0; margin-bottom: 0; color: var(--gray-dark); background-color: $white; border: 1px solid var(--alert-accent-color, transparent); border-radius: .25rem; transition: opacity .15s linear; + * { margin-top: 1rem; } .alert-heading { display: flex; flex-direction: column; justify-content: center; align-content: center; padding: .8rem; color: var(--alert-heading-text); background: var(--alert-accent-color, transparent); .message::before, .success::before { display: inline-block; width: 1em; height: 1em; content: ""; background-image: url('data:image/svg+xml;utf8,
'); background-size: 100%; } .notice::before, .info::before { display: inline-block; width: 1em; height: 1em; content: ""; background-image: url('data:image/svg+xml;utf8,
'); background-size: 100%; } .warning::before { display: inline-block; width: 1em; height: 1em; content: ""; background-image: url('data:image/svg+xml;utf8,
'); background-size: 100%; } .error::before, .danger::before { display: inline-block; width: 1em; height: 1em; content: ""; background-image: url('data:image/svg+xml;utf8,
'); background-size: 100%; } } .alert-wrapper { width: 100%; } .alert-link { color: var(--success, inherit); } &[type="success"], &[type="message"] { --alert-accent-color: var(--success); --alert-heading-text: hsla(0, 0%, 100%, .95); --alert-close-button: var(--success); background-color: $white; } &[type="info"], &[type="notice"] { --alert-accent-color: var(--info); --alert-heading-text: hsla(0, 0%, 100%, .95); --alert-close-button: var(--info); background-color: $white; } &[type="warning"] { --alert-accent-color: var(--warning); --alert-heading-text: hsla(0, 0%, 100%, .95); --alert-close-button: var(--warning); background-color: $white; } &[type="error"], &[type="danger"] { --alert-accent-color: var(--danger); --alert-heading-text: hsla(0, 0%, 100%, .95); --alert-close-button: var(--danger); background-color: $white; } .joomla-alert--close, .joomla-alert-button--close { position: absolute; top: 0; right: 0; padding: .2rem .8rem; font-size: 2rem; color: var(--alert-close-button); background: none; border: 0; opacity: 1; &:hover, &:focus { text-decoration: none; cursor: pointer; opacity: .75; } [dir=rtl] & { right: auto; left: 0; padding: .2rem .6rem; } } div { font-size: 1rem; .alert-message { padding: .3rem 2rem .3rem .3rem; margin: .5rem; [dir=rtl] & { padding: .3rem .3rem .3rem 2rem; } } .alert-message:not(:first-of-type) { border-top: 1px solid var(--alert-accent-color); } } }