making system status notifications flexible based on content

This commit is contained in:
Brian Talbot
2014-06-09 14:08:20 -04:00
parent b33a511172
commit 1209daa7f3

View File

@@ -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;
}