/
githubmirror
/
tabler
Обзор
Документация
Войти
/
githubmirror
/
tabler
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
core/scss/ui/_modals.scss
80 строк
2 KB
Bartosz-Do
Fix leftover physical CSS properties that break RTL layout (#2846)
11 авг 2026, 22:00
Не верифицирован
11 авг 2026, 22:00
509639c
Код
Авторство
О чём код?
@use '../config' as *; .modal-content, .modal-header { > .btn-close { position: absolute; inset-inline-end: 0; top: 0; z-index: 10; width: $modal-header-height; height: $modal-header-height; padding: 0; margin: 0; } } .modal-body { @include scrollbar(); .modal-title { margin-bottom: var(--modal-body-title-margin-bottom); } & + & { border-top: var(--border-width) var(--border-style) var(--border-color); } } .modal-status { position: absolute; inset-inline-start: 0; inset-inline-end: 0; top: 0; height: $modal-status-size; background: var(--secondary); @include border-radius($modal-content-border-radius $modal-content-border-radius 0 0); } .modal-header { align-items: center; min-height: $modal-header-height; padding-block: 0; padding-inline: $modal-inner-padding $modal-header-height; background: $modal-header-bg; } .modal-title { font-size: $h3-font-size; font-weight: $headings-font-weight; line-height: $line-height-base; color: $headings-color; } .modal-footer { @if $modal-footer-border-width == 0 { padding-top: 0; } @else { padding-top: var(--modal-footer-padding-y); } padding-bottom: var(--modal-footer-padding-y); } .modal-blur { backdrop-filter: blur($modal-backdrop-blur); } .modal-full-width { max-width: none; margin: 0 $modal-dialog-margin; } .modal { --modal-body-title-margin-bottom: #{$modal-body-title-margin-bottom}; --modal-footer-padding-y: #{$modal-footer-padding-y}; @include media-print() { display: none !important; } }