I'm trying to add Zurb Foundation framework to my theme library file. However, when I add the following code to my library, the java script file load without any probleme or difficulty but css files only can not be load.
I would be grateful to hear what is the problem with the code and what is the right way to load a css of the library?
This is my theme folder structure (Zurb Foundation folder location):
|-Theme Name
| |-includes
| | |-foundation
| | | |-css
| | | |-js
Library file:
foundation:
version: 6.x
css:
includes/foundation/css/app.css: {}
includes/foundation/css/foundation.css: {}
includes/foundation/css/foundation.min.css: {}
js:
includes/foundation/js/app.js: {}
includes/foundation/js/foundation.js: {}
includes/foundation/js/foundation.min.js: {}
includes/foundation/js/jquery.js: {}
includes/foundation/js/what-input.js: {}
dependencies:
- core/drupal
- core/jquery
- core/jquery.once
[theme_name].info.yml file:
name: Theme Name
type: theme
core: 8.x
base theme: classy
libraries:
- Theme Name/foundation
- Theme Name/global
And finally, I uncheckmark Aggregate CSS and Aggregate JavaScript files boxes in performance, flush caches and clear my browser cache.
screenshot of Source page:
As you can see the javascript files load witout any problem.