search

picocss / pico

Minimal CSS Framework for semantic HTML
https://picocss.com
MIT License
13.82k stars 406 forks source link

[Feature Request] Support classless version in module format #362

Closed Amerr closed 9 months ago

Amerr commented 1 year ago

Please search for duplicate or closed issues first.

Describe the issue

Current installation via `yarn`or `npm` doesn't support classless feature, It would be good to have a support

Current Behavior

@import "@picocss/pico"; which is default

Expected Behavior

`@import "@picocss/pico-classless";

nakibrayan3 commented 1 year ago

to configure pico v2 you have to use the @use keyword inside a scss file

Here is an example to use the classless version:

@use "node_modules/@picocss/pico/scss/pico" with (
  $enable-semantic-container: true,
  $enable-classes: false
);

checkout the full tutorial in pico v2 docs: https://v2.picocss.com/docs/sass

Amerr commented 1 year ago

@nakibrayan3 I need to import in a regular CSS file.

nakibrayan3 commented 1 year ago

to import pico from a CSS file, you have to download a files from here https://github.com/picocss/pico/tree/master/css , and then link to it from your html files.

lucaslarroche commented 9 months ago

I am closing this issue because it's possible to import the classless version with CSS or SCSS. Thanks @nakibrayan3