mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 19:57:22 +08:00
43 lines
839 B
SCSS
43 lines
839 B
SCSS
|
|
// Alert
|
|
// --------------------------------------------------
|
|
|
|
$alert-width: 40% !default;
|
|
$alert-min-width: 270px !default;
|
|
$alert-max-width: 460px !default;
|
|
$alert-content-margin: 24px !default;
|
|
|
|
|
|
.alert .overlay-container {
|
|
@include flex-display();
|
|
@include flex-justify-content(center);
|
|
@include flex-align-items(center);
|
|
}
|
|
|
|
.alert-container {
|
|
z-index: $z-index-alert;
|
|
display: block;
|
|
|
|
width: $alert-width;
|
|
min-width: $alert-min-width;
|
|
max-width: $alert-max-width;
|
|
margin-bottom: 60px;
|
|
|
|
background: white;
|
|
}
|
|
|
|
.alert-header {
|
|
margin: $alert-content-margin;
|
|
font-size: 2rem;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.alert-content {
|
|
margin: $alert-content-margin;
|
|
}
|
|
|
|
.alert-actions {
|
|
@include flex-display();
|
|
@include flex-justify-content(flex-end);
|
|
}
|