|
|
| Řádek 1: |
Řádek 1: |
| /* ================================
| | <div class="manta-alert manta-alert--warning"> |
| MANTA ALERT BOXES
| | <div class="manta-alert__icon">⚠️</div> |
| ================================ */
| | <div class="manta-alert__content">{{{1|}}}</div> |
| | | </div> |
| .manta-alert {
| |
| display: flex;
| |
| gap: 12px;
| |
| align-items: flex-start;
| |
| padding: 12px 14px;
| |
| border: 1px solid #a2a9b1;
| |
| border-left-width: 6px;
| |
| border-radius: 8px;
| |
| margin: 12px 0;
| |
| background: #f8f9fa;
| |
| }
| |
| | |
| .manta-alert-icon {
| |
| font-size: 20px;
| |
| line-height: 1; | |
| }
| |
| | |
| .manta-alert-body {
| |
| flex: 1; | |
| }
| |
| | |
| .manta-alert-title {
| |
| font-weight: 700;
| |
| margin-bottom: 4px;
| |
| }
| |
| | |
| /* BARVY */
| |
| | |
| .manta-info {
| |
| border-left-color: #2563eb;
| |
| background: #eef4ff;
| |
| } | |
| | |
| .manta-warning {
| |
| border-left-color: #f59e0b;
| |
| background: #fff7e6;
| |
| } | |
| | |
| .manta-error {
| |
| border-left-color: #dc2626;
| |
| background: #ffeaea;
| |
| } | |
| | |
| .manta-success {
| |
| border-left-color: #16a34a;
| |
| background: #ecfdf3;
| |
| }
| |