scss/cards: add support for flexbox alert
This commit is contained in:
parent
5f80fac9fc
commit
d94f93cf8e
2 changed files with 14 additions and 0 deletions
|
@ -185,6 +185,14 @@ a.list-group-item:hover {
|
||||||
@include border-radius();
|
@include border-radius();
|
||||||
color:rgba(0, 0, 0, 0.7);
|
color:rgba(0, 0, 0, 0.7);
|
||||||
box-shadow: $large-shadow;
|
box-shadow: $large-shadow;
|
||||||
|
&-flex {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
& > p {
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.alert {
|
.alert {
|
||||||
|
|
|
@ -794,6 +794,12 @@ a.list-group-item:hover {
|
||||||
border-radius: 0px 0px 0px 0px;
|
border-radius: 0px 0px 0px 0px;
|
||||||
color: rgba(0, 0, 0, 0.7);
|
color: rgba(0, 0, 0, 0.7);
|
||||||
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0); }
|
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0); }
|
||||||
|
.alert-flex {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between; }
|
||||||
|
.alert-flex > p {
|
||||||
|
padding-bottom: 0; }
|
||||||
|
|
||||||
.alert-blue {
|
.alert-blue {
|
||||||
background-color: #d7dcf3;
|
background-color: #d7dcf3;
|
||||||
|
|
Reference in a new issue