2013-10-25 11:17:11 -04:00
|
|
|
@import "foundation/variables";
|
|
|
|
@import "foundation/mixins";
|
2013-09-05 15:37:07 -04:00
|
|
|
|
|
|
|
.popup-tip {
|
|
|
|
position: absolute;
|
|
|
|
display: block;
|
|
|
|
padding: 5px 10px;
|
|
|
|
z-index: 101;
|
|
|
|
&.bad {
|
2014-08-06 09:31:13 -04:00
|
|
|
background: dark-light-diff($danger, $secondary, 20%, -40%);
|
2013-09-05 15:37:07 -04:00
|
|
|
color: white;
|
2014-08-06 09:31:13 -04:00
|
|
|
box-shadow: 1px 1px 5px rgba(0,0,0, .7);
|
2013-09-05 15:37:07 -04:00
|
|
|
}
|
|
|
|
&.hide, &.good {
|
|
|
|
display: none;
|
|
|
|
}
|
2013-10-25 11:17:11 -04:00
|
|
|
.close {
|
2013-09-05 15:37:07 -04:00
|
|
|
float: right;
|
2014-05-06 01:50:51 -04:00
|
|
|
color: $primary;
|
2013-09-05 15:37:07 -04:00
|
|
|
opacity: 0.5;
|
2014-12-15 22:12:56 -05:00
|
|
|
font-size: 1.071em;
|
2014-08-01 15:11:55 -04:00
|
|
|
margin: 0 0 0 4px;
|
2013-10-25 11:17:11 -04:00
|
|
|
cursor: pointer;
|
2013-09-05 15:37:07 -04:00
|
|
|
}
|
2013-10-25 11:17:11 -04:00
|
|
|
.close:hover {
|
2013-09-05 15:37:07 -04:00
|
|
|
opacity: 1.0;
|
|
|
|
}
|
2014-03-08 08:25:03 -05:00
|
|
|
}
|