You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository was archived by the owner on Dec 15, 2022. It is now read-only.
Checked that there is not already an Atom package that provides the described functionality: https://atom.io/packages
Description
The syntax highlighting for the keyframes at-rule is not applied correctly if there are vendor prefixes. e.g. @keyframes produces the correct syntax highlighting, but @-moz-keyframes, @-o-keyframes, @-webkit-keyframes and @-ms-keyframes do not.
Steps to Reproduce
Two ways to reproduce.
First way:
Create a new file with a .css extension
Paste the following text into this file:
@keyframes fadein {
from { opacity:0; }
to { opacity:1; }
}
/* Syntax highlighting incorrect for vendor prefixes/* Firefox < 16 */@-moz-keyframes fadein {
from { opacity:0; }
to { opacity:1; }
}
/* Safari, Chrome and Opera > 12.1 */@-webkit-keyframes fadein {
from { opacity:0; }
to { opacity:1; }
}
/* Internet Explorer */@-ms-keyframes fadein {
from { opacity:0; }
to { opacity:1; }
}
/* Opera < 12.1 */@-o-keyframes fadein {
from { opacity:0; }
to { opacity:1; }
}
Open the file in Atom
Second way:
Open a blank file (File > New File)
Paste the above text into this blank file
Switch the syntax to CSS
Expected behavior:
The following behavior for -webkit-keyframes, -o-keyframes, -moz-keyframes, and -ms-keyframes
Actual behavior:
Reproduces how often: 100%
Versions
Atom : 1.15.0
Electron: 1.3.13
Chrome : 52.0.2743.82
Node : 6.5.0
OS : MacOS Sierra 10.12.3
Additional Information
Tested with Seti and Atom Light syntax themes. Seems reproducible on multiple syntax themes.