{"action":"opened","issue":{"url":"https://api.github.com/repos/Microsoft/vscode/issues/30012","repository_url":"https://api.github.com/repos/Microsoft/vscode","labels_url":"https://api.github.com/repos/Microsoft/vscode/issues/30012/labels{/name}","comments_url":"https://api.github.com/repos/Microsoft/vscode/issues/30012/comments","events_url":"https://api.github.com/repos/Microsoft/vscode/issues/30012/events","html_url":"https://github.com/Microsoft/vscode/issues/30012","id":240008409,"number":30012,"title":"Is there any way to get the CSS Color Icons to work with Sass Variables recursively?","user":{"login":"bgarrant","id":2436728,"avatar_url":"https://avatars1.githubusercontent.com/u/2436728?v=3","gravatar_id":"","url":"https://api.github.com/users/bgarrant","html_url":"https://github.com/bgarrant","followers_url":"https://api.github.com/users/bgarrant/followers","following_url":"https://api.github.com/users/bgarrant/following{/other_user}","gists_url":"https://api.github.com/users/bgarrant/gists{/gist_id}","starred_url":"https://api.github.com/users/bgarrant/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bgarrant/subscriptions","organizations_url":"https://api.github.com/users/bgarrant/orgs","repos_url":"https://api.github.com/users/bgarrant/repos","events_url":"https://api.github.com/users/bgarrant/events{/privacy}","received_events_url":"https://api.github.com/users/bgarrant/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-07-02T12:48:28Z","updated_at":"2017-07-02T12:48:28Z","closed_at":null,"body":"Is there any way to get the css color square icons that represent the hex code colors to work with @import statements across files?  I currently have a \"_colors.scss\" file that I import into my master.scss for compiling.  The _colors.scss files shows all the icon colors as expected next to the hex codes, but in the master.scss if I use a color variable the icon to represent the color is not shown.\r\n\r\nExample in _colors.scss\r\n`$my-purple: (ICON SHOWS HERE) #332D7B;`\r\n\r\n![screen shot 2017-07-02 at 8 47 04 am](https://user-images.githubusercontent.com/2436728/27769916-258a0abe-5f03-11e7-9246-31468ce2ab29.png)\r\n\r\nExample in master.scss\r\n```\r\n@import 'colors';\r\n#hd1 {background: (ICON IS MISSING) $my-purple;}\r\n```\r\n\r\n![screen shot 2017-07-02 at 8 47 29 am](https://user-images.githubusercontent.com/2436728/27769917-323a3428-5f03-11e7-8341-64199e4d5bb9.png)\r\n\r\nAm I missing something or is there no way to display the icons recursively across files with Less/Sass Variables?"}}
{"actor":{"display_login":"bgarrant"}}