making system status notifications flexible based on content
This commit is contained in:
@@ -323,8 +323,8 @@
|
||||
// shorter/status notifications
|
||||
&.wrapper-notification-status {
|
||||
@include border-top-radius(3px);
|
||||
width: ($baseline*8);
|
||||
right: ($baseline);
|
||||
width: auto;
|
||||
border: 4px solid $black;
|
||||
border-bottom: none;
|
||||
padding: ($baseline/2) $baseline;
|
||||
@@ -345,7 +345,7 @@
|
||||
[class^="icon"] {
|
||||
width: $baseline;
|
||||
height: ($baseline*1.25);
|
||||
margin-right: ($baseline*0.75);
|
||||
margin-right: ($baseline/4);
|
||||
line-height: 3rem;
|
||||
}
|
||||
|
||||
@@ -477,6 +477,9 @@
|
||||
}
|
||||
|
||||
&.mini {
|
||||
width: auto;
|
||||
max-width: none;
|
||||
min-width: 0;
|
||||
|
||||
[class^="icon"] {
|
||||
@include animation(rotateCW $tmg-s3 linear infinite);
|
||||
@@ -485,6 +488,14 @@
|
||||
@include transform-origin(52% 60%);
|
||||
}
|
||||
|
||||
.copy {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.title {
|
||||
@extend %cont-truncated;
|
||||
}
|
||||
|
||||
.copy p {
|
||||
@extend %cont-text-sr;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user