mirror of
https://github.com/discourse/discourse.git
synced 2025-02-26 01:51:12 +08:00
d88ee33eb6
Stylelint is a css linter: https://stylelint.io/ As part of this change we have added two javascript scripts: ``` pnpm lint:css pnpm lint:css:fix ``` Look at `.vscode/settings.json.sample` and `.vscode/extensions.json` for configuration in VSCode. --------- Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
46 lines
666 B
SCSS
46 lines
666 B
SCSS
@keyframes slidein {
|
|
0% {
|
|
transform: translateX(0);
|
|
}
|
|
|
|
50% {
|
|
transform: translateX(5px);
|
|
}
|
|
|
|
100% {
|
|
transform: translateX(0);
|
|
}
|
|
}
|
|
|
|
.popup-tip {
|
|
@include form-item-sizing;
|
|
position: absolute;
|
|
left: 0;
|
|
z-index: z("composer", "dropdown") + 1;
|
|
cursor: pointer;
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
animation: 0.15s slidein 3;
|
|
}
|
|
|
|
&.bad {
|
|
background: var(--danger-medium);
|
|
color: white;
|
|
box-shadow: var(--shadow-dropdown);
|
|
}
|
|
|
|
&.hide,
|
|
&.good {
|
|
display: none;
|
|
}
|
|
|
|
.d-icon {
|
|
color: var(--primary);
|
|
opacity: 0.5;
|
|
font-size: var(--font-0);
|
|
|
|
&:hover {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|