@atlassian/aui
Version:
Atlassian User Interface Framework
50 lines (47 loc) • 1.21 kB
CSS
/*!!
* @atlassian/aui - Atlassian User Interface Framework
* @version v8.0.0-alpha.1
* @link https://aui.atlassian.com
* @license SEE LICENSE IN LICENSE.md
* @author Atlassian Pty Ltd.
*/
#aui-flag-container {
pointer-events: none;
position: fixed;
top: 70px;
right: 30px;
z-index: 4000;
}
.aui-flag {
left: 0;
max-height: 300px;
opacity: 0;
position: relative;
top: -10px;
transition: opacity 0.2s, top 0.5s;
}
.aui-flag[aria-hidden="true"] {
left: 300px;
max-height: 0;
opacity: 0;
overflow: hidden;
top: 0;
transition: max-height 0.5s 0.5s, margin-bottom 0.5s 0.5s, opacity 0.8s, left 1s;
}
.aui-flag[aria-hidden="false"] {
margin-bottom: 20px;
opacity: 1;
top: 0;
left: 0;
}
.aui-flag .aui-message {
box-shadow: 0 20px 32px -8px rgba(9, 30, 66, 0.25), 0 0 1px rgba(9, 30, 66, 0.31);
pointer-events: auto;
border-width: 0;
width: 300px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.aui-flag .aui-message {
box-shadow: 0 20px 32px -8px rgba(9, 30, 66, 0.25), 0 0 1px rgba(9, 30, 66, 0.13), 1px 0 1px rgba(9, 30, 66, 0.13), -1px 0 1px rgba(9, 30, 66, 0.13), 0 -1px 1px rgba(9, 30, 66, 0.13);
}
}