mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +08:00
43 lines
948 B
SCSS
43 lines
948 B
SCSS
|
|
// Material Design Alert
|
|
// --------------------------------------------------
|
|
|
|
$alert-material-content-margin: 24px !default;
|
|
$alert-material-background-color: #fff !default;
|
|
$alert-material-border-radius: 4px !default;
|
|
$alert-material-box-shadow: 0px 27px 24px 0 rgba(0, 0, 0, 0.2) !default;
|
|
|
|
|
|
.alert[mode="md"] {
|
|
|
|
.alert-container {
|
|
box-shadow: $alert-material-box-shadow;
|
|
border-radius: $alert-material-border-radius;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.alert-header {
|
|
margin: $alert-material-content-margin;
|
|
font-size: 2rem;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.alert-content {
|
|
position: relative;
|
|
margin: $alert-material-content-margin;
|
|
background: $alert-material-background-color;
|
|
}
|
|
|
|
.alert-actions {
|
|
min-height: 44px;
|
|
background: $alert-material-background-color;
|
|
margin: $alert-material-content-margin;
|
|
|
|
button,
|
|
[button] {
|
|
border: 0;
|
|
}
|
|
}
|
|
|
|
}
|