2 * Angular Material Design
3 * https://github.com/angular/material
7 /* mixin definition ; sets LTR and RTL within the same style call */
8 .md-dialog-is-showing {
11 .md-dialog-container {
12 display: -webkit-flex;
15 -webkit-justify-content: center;
16 -ms-flex-pack: center;
17 justify-content: center;
18 -webkit-align-items: center;
19 -ms-flex-align: center;
35 box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.14), 0px 16px 24px 2px rgba(0, 0, 0, 0.098), 0px 6px 30px 5px rgba(0, 0, 0, 0.084);
36 display: -webkit-flex;
39 -webkit-flex-direction: column;
40 -ms-flex-direction: column;
41 flex-direction: column; }
42 md-dialog.transition-in {
44 transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
45 -webkit-transform: translate3d(0, 0, 0) scale(1);
46 transform: translate3d(0, 0, 0) scale(1); }
47 md-dialog.transition-out {
48 transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
49 -webkit-transform: translate3d(0, 100%, 0) scale(0.2);
50 transform: translate3d(0, 100%, 0) scale(0.2); }
52 display: -webkit-flex;
55 -webkit-flex-direction: column;
56 -ms-flex-direction: column;
57 flex-direction: column;
59 md-dialog md-dialog-content {
63 -webkit-flex-direction: column;
64 -ms-flex-direction: column;
65 flex-direction: column;
68 -webkit-overflow-scrolling: touch; }
69 md-dialog md-dialog-content:not([layout=row]) > *:first-child:not(.md-subheader) {
71 md-dialog md-dialog-content:focus {
73 md-dialog md-dialog-content .md-subheader {
75 md-dialog md-dialog-content .md-subheader.sticky-clone {
76 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); }
77 md-dialog md-dialog-content.sticky-container {
79 md-dialog md-dialog-content.sticky-container > div {
82 md-dialog .md-actions {
83 display: -webkit-flex;
89 box-sizing: border-box;
90 -webkit-align-items: center;
91 -ms-flex-align: center;
93 -webkit-justify-content: flex-end;
95 justify-content: flex-end;
100 md-dialog .md-actions .md-button {
105 md-dialog.md-content-overflow .md-actions {
106 border-top-width: 1px;
107 border-top-style: solid; }
109 @media screen and (-ms-high-contrast: active) {
111 border: 1px solid #fff; } }