Skip to content
This repository was archived by the owner on Jul 24, 2024. It is now read-only.
This repository was archived by the owner on Jul 24, 2024. It is now read-only.

Support CSS env() function #2602

@robvdl

Description

@robvdl

I don't know if this is a libsass feature or a node-sass feature.

Basically I am trying to import a CSS file into my project using @import('~@fancyapps/fancybox/dist/jquery.fancybox.min') without the .css extension this should work according to docs I've been reading, however since the CSS file contains the new env() function node-sass doesn't seem to like it.

https://developer.mozilla.org/en-US/docs/Web/CSS/env

{
  "status": 1,
  "file": "/code/frontend/node_modules/@fancyapps/fancybox/dist/jquery.fancybox.min.css",
  "line": 1,
  "column": 6916,
  "message": "\"env(safe-area-inset-right)\" is not a number for `max'",
  "formatted": "Error: \"env(safe-area-inset-right)\" is not a number for `max'\n        on line 1 of node_modules/@fancyapps/fancybox/dist/jquery.fancybox.min.css, in function `max`\n        from line 1 of node_modules/@fancyapps/fancybox/dist/jquery.fancybox.min.css\n        from line 4 of scss/infoplus.scss\n>> :max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right\n   ------------------------------------------^\n"
}

Any ideas if this can be fixed, in the mean time I am not compiling the fancybox css in, but it would be nice to be able to do this.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions