search

CroudTech / vue-fullcalendar

FullCalendar Wrapper for vue
MIT License
483 stars 100 forks source link

Bootswatch override global css #194

Open soaresdude opened 5 years ago

soaresdude commented 5 years ago

I have the following style tag:

<style scoped>
  @import '../../assets/bootstrap.min.css';
  @import '~fullcalendar/dist/fullcalendar.min.css';

 ...
</style>

Where the first import is including the Cosmo Bootswatch theme for the fullcalendar. My problem is that this CSS file is overriding my Bulma class, even though is inside style scoped. Anyone knows how to restrict Bootswatch CSS scope to only the calendar?

PS.: Bootswatch is overriding a component that's outside the component I'm working on.

BrockReece commented 5 years ago

Does the following work?

<style scoped src="../../assets/bootstrap.min.css"></style>
<style scoped src="~fullcalendar/dist/fullcalendar.min.css"></style>
soaresdude commented 5 years ago

@BrockReece Just tried and it didn't worked :(

BrockReece commented 5 years ago

Sorry, didn't work in what way?

soaresdude commented 5 years ago

@BrockReece No, neither of them worked the way you wrote here.

BrockReece commented 5 years ago

I was trying to get a better idea of what didn't work with my suggestion so I can better help you. Were the style sheets not included at all? Were they included but still not scoped properly?

soaresdude commented 5 years ago

@BrockReece I didn't mean to be rude, sorry. Yeah, they weren't included using the src property.