Lines Matching refs:modal
5 // .modal-open - body class for killing the scroll
6 // .modal - container to scroll within
7 // .modal-dialog - positioning shell for the actual modal
8 // .modal-content - actual modal w/ bg and corners and shit
11 .modal-open {
15 // Container that the modal scrolls within
16 .modal {
24 z-index: @zindex-modal;
31 // When fading in the modal, animate it to slide down
32 &.fade .modal-dialog {
36 &.in .modal-dialog { .translate(0, 0) }
38 .modal-open .modal {
43 // Shell div to position the modal with bottom padding
44 .modal-dialog {
50 // Actual modal
51 .modal-content {
53 background-color: @modal-content-bg;
54 border: 1px solid @modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
55 border: 1px solid @modal-content-border-color;
59 // Remove focus outline from opened modal
64 .modal-backdrop {
70 z-index: @zindex-modal-background;
71 background-color: @modal-backdrop-bg;
74 &.in { .opacity(@modal-backdrop-opacity); }
78 // Top section of the modal w/ title and dismiss
79 .modal-header {
80 padding: @modal-title-padding;
81 border-bottom: 1px solid @modal-header-border-color;
82 min-height: (@modal-title-padding + @modal-title-line-height);
85 .modal-header .close {
90 .modal-title {
92 line-height: @modal-title-line-height;
96 // Where all modal content resides (sibling of .modal-header and .modal-footer)
97 .modal-body {
99 padding: @modal-inner-padding;
103 .modal-footer {
104 padding: @modal-inner-padding;
106 border-top: 1px solid @modal-footer-border-color;
124 // Measure scrollbar width for padding body during modal show/hide
125 .modal-scrollbar-measure {
133 // Scale up the modal
135 // Automatically set modal's width for larger viewports
136 .modal-dialog {
137 width: @modal-md;
140 .modal-content {
145 .modal-sm { width: @modal-sm; }
149 .modal-lg { width: @modal-lg; }