Skip to content
This repository has been archived by the owner on Sep 27, 2019. It is now read-only.

Vue component support for SASS/SCSS is flaky #14

Open
cfv1984 opened this issue Jan 30, 2017 · 2 comments
Open

Vue component support for SASS/SCSS is flaky #14

cfv1984 opened this issue Jan 30, 2017 · 2 comments

Comments

@cfv1984
Copy link

cfv1984 commented Jan 30, 2017

The stylesheets seem confused about by using mixins, imports, and I get all kinds of wrong hints like "} expected" when using @imports.

Can anyone please point me in the right direction of how to help fixing this?

@romangit
Copy link

HI, @cfv1984
You can use workaround rel="stylesheet/scss" in your .vue components . Example

<style lang="scss" rel="stylesheet/scss">
	@import 'reset';

	body {
	  font: 100% Helvetica, sans-serif;
	  background-color: #efefef;
	}
</style>

@melanholly
Copy link
Contributor

melanholly commented Feb 27, 2017

@romangit This workaround should be added to the documentation or the Readme because it a real saver

Edit: Added Pull request with the updated info

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants