Skip to content

[Bug]: Unable to let Dart Sass compile "dist/css/tom-select.css" #897

@sato11

Description

@sato11

Bug description

I found it unexpected that sass panics when referencing dist/css/tom-select.css:

% sass --version
1.83.4
% sass dist/css/tom-select.css > /dev/null    
Error: 6px and 0 are incompatible.
   ╷
29 │   padding: calc(8px - 2px - 0) 8px calc(8px - 2px - 3px - 0);
   │                 ^^^^^^^^^^^^^
   ╵
  dist/css/tom-select.css 29:17  root stylesheet

On the other hand, using dist/css/tom-select.min.css seems alright:

% sass dist/css/tom-select.min.css > /dev/null 
# OK!

In other words, I can simply ignore it and work around by sticking to dist/css/tom-select.min.css. Just thought it'd be nicer if a set of minor trouble and its fix becomes visible in case someone comes across the same trouble.

Expected behavior

Using dist/css/tom-select.css causes no trouble, hopefully.

sass dist/css/tom-select.css > /dev/null    

I am not quite familiar with today's front-end technologies and the subtlety was hard to conceive when the behaviors differed between "*.min.css" and "*.css".

Or if there is something like a well known reason behind it, let me know and I'm happy to learn from it.

Steps to reproduce

This should reproduce it. Thanks!

git clone [email protected]:orchidjs/tom-select.git
npm install
npm run build
sass dist/css/tom-select.css > /dev/null    

Additional context

  • OS: macOS Sonoma 14.6
  • Browser: N/A
  • Version: reproduces on the master branch
  • Device: N/A

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions