search

mattlewis92 / angular-calendar

A flexible calendar component for angular 15.0+ that can display events on a month, week or day view.
https://mattlewis92.github.io/angular-calendar/
MIT License
2.72k stars 864 forks source link

Can't import angular-calendar SASS files in an Angular project. #1596

Closed santam85 closed 2 years ago

santam85 commented 2 years ago

Describe the bug

Can't import library SASS files in an Angular project. Getting the following error:

SassError: Can't find stylesheet to import.
   ╷
12 │ @import "~angular-calendar/scss/angular-calendar";
   │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
  src/styles.scss 12:9  root stylesheet

Minimal reproduction of the problem with instructions

Create an empty Angular project that imports the SASS file in the app styles.scss by using:

@import "~angular-calendar/scss/angular-calendar";

Versions

matts-bot[bot] commented 2 years ago

Thanks so much for opening an issue! If you'd like me to give priority to answering your issue or would just like to support this project, then please consider sponsoring me

dereekb commented 2 years ago

This is good. I ended up running into this about a week or two ago and ended up copying over the sass stylings to my project . I ended up modifying them a bit more to fit the angular/material mixin style presented.

The one thing I felt I needed to change was the fact that some of the styling classes are defined at the top level instead of within a mixin.

You might want to consider enhancing the SASS files a bit more for customization later. I meant to make a feature request/offer about it. I'd also be opening to copying over a more compatible version of my changes eventually back to this library if that's something desirable. I think I ended up putting more angular material theming adjustments into it that may not all be necessary or need adjustments.