mirror of
https://github.com/gwenhael-le-moine/ledgerrb.git
synced 2025-01-29 08:34:30 +01:00
75 lines
2 KiB
CSS
75 lines
2 KiB
CSS
/*!
|
|
* Angular Material Design
|
|
* https://github.com/angular/material
|
|
* @license MIT
|
|
* v0.7.1
|
|
*/
|
|
.md-dialog-container {
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-justify-content: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
-webkit-align-items: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 80; }
|
|
|
|
md-dialog {
|
|
opacity: 0;
|
|
min-width: 240px;
|
|
max-width: 80%;
|
|
max-height: 80%;
|
|
position: relative;
|
|
overflow: hidden;
|
|
box-shadow: 0px 27px 24px 0 rgba(0, 0, 0, 0.2);
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column; }
|
|
md-dialog.transition-in {
|
|
opacity: 1;
|
|
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
-webkit-transform: translate3d(0, 0, 0) scale(1);
|
|
transform: translate3d(0, 0, 0) scale(1); }
|
|
md-dialog.transition-out {
|
|
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
-webkit-transform: translate3d(0, 100%, 0) scale(0.2);
|
|
transform: translate3d(0, 100%, 0) scale(0.2); }
|
|
md-dialog md-content {
|
|
-webkit-order: 1;
|
|
-ms-flex-order: 1;
|
|
order: 1;
|
|
padding: 24px;
|
|
overflow: auto;
|
|
-webkit-overflow-scrolling: touch; }
|
|
md-dialog md-content:not([layout=row]) > *:first-child {
|
|
margin-top: 0px; }
|
|
md-dialog .md-actions {
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-order: 2;
|
|
-ms-flex-order: 2;
|
|
order: 2;
|
|
box-sizing: border-box;
|
|
-webkit-align-items: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-justify-content: flex-end;
|
|
-ms-flex-pack: end;
|
|
justify-content: flex-end;
|
|
padding: 16px 16px;
|
|
min-height: 40px; }
|
|
md-dialog .md-actions > * {
|
|
margin-left: 8px; }
|
|
md-dialog.md-content-overflow .md-actions {
|
|
border-top: 1px solid; }
|