mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-24 11:01:41 +01:00
f46dda0195
All stylelint rules that can be automatically fixed have been uncommented. The rules are: * `at-rule-empty-line-before` * `block-closing-brace-empty-line-before` * `block-closing-brace-newline-before` * `block-opening-brace-space-before` * `color-hex-case` * `color-hex-length` * `comment-empty-line-before` * `declaration-block-semicolon-newline-after` * `declaration-block-semicolon-space-after` * `declaration-block-trailing-semicolon` * `declaration-colon-space-after` * `declaration-empty-line-before` * `function-comma-space-after` * `function-comma-space-before` * `indentation` * `length-zero-no-unit` * `no-eol-whitespace` * `no-missing-end-of-source-newline` * `number-leading-zero` * `number-no-trailing-zeros` * `rule-empty-line-before` * `selector-list-comma-newline-after` * `selector-pseudo-element-colon-notation`
58 lines
741 B
SCSS
58 lines
741 B
SCSS
.global-alert {
|
|
position: relative;
|
|
width: 100%;
|
|
background-color: #33a4e7;
|
|
|
|
.msg {
|
|
width: 100%;
|
|
display: block;
|
|
color: white;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
.global-alert.hidden {
|
|
animation: alertHidden 0.5s ease forwards;
|
|
}
|
|
|
|
.global-alert.visible {
|
|
animation: alert 0.5s ease forwards;
|
|
}
|
|
|
|
/* Animation */
|
|
@keyframes alert {
|
|
0% {
|
|
opacity: 0;
|
|
top: -50px;
|
|
padding: 0;
|
|
line-height: 12px;
|
|
}
|
|
|
|
50% {
|
|
opacity: 1;
|
|
}
|
|
|
|
100% {
|
|
top: 0;
|
|
padding: 8px;
|
|
line-height: 12px;
|
|
}
|
|
}
|
|
|
|
@keyframes alertHidden {
|
|
0% {
|
|
top: 0;
|
|
opacity: 1;
|
|
padding: 8px;
|
|
line-height: 12px;
|
|
}
|
|
|
|
100% {
|
|
opacity: 0;
|
|
top: -50px;
|
|
padding: 0;
|
|
line-height: 0;
|
|
}
|
|
}
|