new styles for alertify dialogs
This commit is contained in:
@@ -61,10 +61,19 @@
|
||||
}
|
||||
|
||||
.dialog, .alert {
|
||||
.bright {
|
||||
color: @light-base;
|
||||
}
|
||||
|
||||
& > div {
|
||||
background-color: @alertify-dialog-bg;
|
||||
border-radius: 5px;
|
||||
&.half {
|
||||
width: 50%;
|
||||
@media (max-width: @media-medium-screen) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
width: 100%;
|
||||
@@ -138,16 +147,23 @@
|
||||
|
||||
&.safe, &.danger {
|
||||
color: @old-base;
|
||||
white-space: normal;
|
||||
font-weight: bold;
|
||||
}
|
||||
&.danger {
|
||||
background-color: @cp-red;
|
||||
&:hover, &:active {
|
||||
background-color: lighten(@cp-red, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
&.safe {
|
||||
background-color: @cp-green;
|
||||
&:hover, &:active {
|
||||
background-color: lighten(@cp-green, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&:hover, &:active {
|
||||
background-color: @alertify-btn-bg-hover;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user