Semantic-Org / Semantic-UI-CSS

CSS Only distribution
http://www.semantic-ui.com
MIT License
490 stars 359 forks source link

Is this repo realy "CSS only"? #17

Open j0hj0h opened 8 years ago

j0hj0h commented 8 years ago

The Javascript files are in the repo's root as well, but the README sais "CSS only version of Semantic UI" ... I'm confused. I can e.g. initialize a dropdown by adding the class simple, but calling $('.dropdown').dropdown() causes TypeError: $(...).dropdown is not a function

j0hj0h commented 8 years ago

OK, the error is resolved. Was accidentally loading jQuery a second time after semantic. So I'd state that this is not a CSS only version.

henri-hulski commented 8 years ago

It would be nice to have a CSS only package for npm to use it with stardust (official Semantic-UI + React integration) or semantic-react. They both don't need jquery or semantic-ui-js. At least we should make the jquery npm dependency optional or get rid of it, as it's not necessary for this use-case.

joubertredrat commented 6 years ago

I think that is better to call "assets-only" or "static-files-only". What you think?

j0hj0h commented 6 years ago

or just "compiled"?

caguthrie commented 6 years ago

I would like to continue this discussion. An example of why this is a problem is that, for example, in the React Semantic-UI docs, the very first line of the homepage says: jQuery Free

However, in the installation section it suggests using this repo, which imports jQuery as a transitive dependency, into the project. While semantic-ui-react is not using jQuery, your project bundle size has increased by ~100 KB (assuming no tree shaking).

I would suggest a new CSS-Only repo that has literally that: CSS Only.

samthomson commented 5 years ago

So are there any packages that are css only? In my project I would just like to use the semantic-ui css classes, and have no need for the JS. Adding it as a dependency is preferable to adding the raw css (even minified), as it just bloats my repo. Happy to help if I can :upside_down_face: