_modals.scss 1.1 KB
Newer Older
C
codecalm 已提交
1
.modal-content {
C
codecalm 已提交
2
  .btn-close {
C
codecalm 已提交
3 4 5 6 7 8 9 10 11 12 13
    position: absolute;
    top: 0;
    right: 0;
    width: $modal-header-height;
    height: $modal-header-height;
    margin: 0;
    padding: 0;
    z-index: 10;
  }
}

C
codecalm 已提交
14
.modal-body {
C
modals  
codecalm 已提交
15 16 17 18 19 20 21
  @include scrollbar;

  .modal-title {
    margin-bottom: 1rem;
  }

  & + & {
C
codecalm 已提交
22
    border-top: 1px solid $border-color;
C
modals  
codecalm 已提交
23
  }
C
chomik 已提交
24 25
}

C
codecalm 已提交
26 27 28 29 30 31 32 33 34 35
.modal-status {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: $modal-status-size;
  background: $text-muted;
  border-radius: $modal-content-border-radius $modal-content-border-radius 0 0;
}

C
codecalm 已提交
36
.modal-header {
C
modals  
codecalm 已提交
37 38 39
  align-items: center;
  min-height: $modal-header-height;
  background: $modal-header-bg;
C
codecalm 已提交
40
  padding: 0 $modal-header-height 0 $modal-inner-padding;
C
codecalm 已提交
41 42 43 44 45 46
}

.modal-title {
  font-size: $h3-font-size;
  font-weight: $headings-font-weight;
  color: $headings-color;
47
  line-height: $line-height-base;
C
codecalm 已提交
48 49 50
}

.modal-footer {
C
modals  
codecalm 已提交
51 52 53 54 55
  @if $modal-footer-border-width == 0 {
    padding-top: 0;
  } @else {
    padding-top: .75rem;
  }
C
codecalm 已提交
56

C
modals  
codecalm 已提交
57
  padding-bottom: .75rem;
C
codecalm 已提交
58 59 60 61
}

.modal-blur {
  backdrop-filter: blur($modal-backdrop-blur);
C
chomik 已提交
62
}
C
modals  
codecalm 已提交
63 64 65 66 67

.modal-full-width {
  max-width: none;
  margin: 0 $modal-dialog-margin;
}