[BUG] Only .scss files work.

elkowar / eww

ElKowars wacky widgets

https://elkowar.github.io/eww

MIT License

9.15k stars 380 forks source link

[BUG] Only .scss files work. #825

Open Oglo12 opened 1 year ago

Oglo12 commented 1 year ago

Checklist before submitting an issue

[X] I have searched through the existing closed and open issues for eww and made sure this is not a duplicate
[X] I have specifically verified that this bug is not a common user error
[X] I am providing as much relevant information as I am able to in this bug report (Minimal config to reproduce the issue for example, if applicable)

Description of the bug

I read the docs, and it says I can use either an eww.scss file, or an eww.css file. Yet, when I try to use a .css file, it is completely ignored!

Reproducing the issue

Just use a CSS file instead of a SCSS file.

Expected behaviour

I want the CSS file to actually get read!

Additional context

I use eww-wayland if that helps.

sxreyna commented 1 year ago

First of all, scss is much better than css, and all css code is compatible with scss so I dont know why you'd wanna use a css file. for example -

.nowplaying {
  color: rgb(77, 158, 118);
  font-style: italic;
  font-weight: 600;

  border: 1px solid rgba(40, 172, 91, 0.034);
  border-radius: 6px;
  margin: 0px 5px;
  padding: 2px 20px;
  background-color: rgba(17, 16, 16, 0.363);

  /* &-icon means .nowplaying-icon */
  &-icon {
    margin-right: 14px;
    padding-right: 17px;
    border-right: 2px solid rgba(76, 80, 78, 0.096);
    opacity: 1;

   /* &-playing means .nowplaying-icon-playing */
   &-playing {
      color: rgb(95, 199, 95);
    }

    &-paused {
      color: rgba(72, 131, 207, 0.651);
    }
  }
}

Now as a temporary workaround try doing ln -s eww.css eww.scss

sxreyna commented 1 year ago

hmm seems like I have the issue as well, the logs are telling something..

Action failed with error: Given SCSS-file doesn't exist! /home/amal/.config/eww/eww.scss

Caused by: No such file or directory (os error 2) Given SCSS-file doesn't exist! /home/amal/.config/eww/eww.scss

Caused by: No such file or directory (os error 2)

sxreyna commented 1 year ago

I just tried and doing ln -s eww.css eww.scss does work, but the config does not reload automatically, I have to close and open again

Oglo12 commented 1 year ago

First of all, scss is much better than css, and all css code is compatible with scss so I dont know why you'd wanna use a css file. for example -

.nowplaying {
  color: rgb(77, 158, 118);
  font-style: italic;
  font-weight: 600;

  border: 1px solid rgba(40, 172, 91, 0.034);
  border-radius: 6px;
  margin: 0px 5px;
  padding: 2px 20px;
  background-color: rgba(17, 16, 16, 0.363);

  /* &-icon means .nowplaying-icon */
  &-icon {
    margin-right: 14px;
    padding-right: 17px;
    border-right: 2px solid rgba(76, 80, 78, 0.096);
    opacity: 1;

   /* &-playing means .nowplaying-icon-playing */
   &-playing {
      color: rgb(95, 199, 95);
    }

    &-paused {
      color: rgba(72, 131, 207, 0.651);
    }
  }
}

Now as a temporary workaround try doing ln -s eww.css eww.scss

I don't like SCSS, it also does not do variables the same way CSS does, thus my theming system doesn't work with Eww. Do you think the linking solution will work with a Git repo?

elkowar commented 1 year ago

CSS files should work, as far as I'm aware, are you on a relatively recent version of eww? try updating... otherwise I'll look into this again