{"action":"opened","issue":{"url":"https://api.github.com/repos/jgthms/bulma/issues/1811","repository_url":"https://api.github.com/repos/jgthms/bulma","labels_url":"https://api.github.com/repos/jgthms/bulma/issues/1811/labels{/name}","comments_url":"https://api.github.com/repos/jgthms/bulma/issues/1811/comments","events_url":"https://api.github.com/repos/jgthms/bulma/issues/1811/events","html_url":"https://github.com/jgthms/bulma/issues/1811","id":316190957,"number":1811,"title":"SASS FEATURE REQUEST : Possibility to load components variables standalone","user":{"login":"darkylmnx","id":1426357,"avatar_url":"https://avatars2.githubusercontent.com/u/1426357?v=4","gravatar_id":"","url":"https://api.github.com/users/darkylmnx","html_url":"https://github.com/darkylmnx","followers_url":"https://api.github.com/users/darkylmnx/followers","following_url":"https://api.github.com/users/darkylmnx/following{/other_user}","gists_url":"https://api.github.com/users/darkylmnx/gists{/gist_id}","starred_url":"https://api.github.com/users/darkylmnx/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/darkylmnx/subscriptions","organizations_url":"https://api.github.com/users/darkylmnx/orgs","repos_url":"https://api.github.com/users/darkylmnx/repos","events_url":"https://api.github.com/users/darkylmnx/events{/privacy}","received_events_url":"https://api.github.com/users/darkylmnx/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-04-20T09:17:01Z","updated_at":"2018-04-20T09:17:01Z","closed_at":null,"author_association":"NONE","body":"This is about **Bulma**.\r\n\r\n### Overview of the problem\r\n\r\nThis is about the Bulma **CSS framework**\r\nI'm using Bulma **0.7.0** \r\n\r\n### Description\r\n\r\nSo today bulma givexs possibility to customize it with variables in utilities, BUT, it's impossible today to use existing variables in components (navbar... with webpack sass loader) because it means also loading the css classes which may have already been loaded elsewhere.\r\n\r\nThis is mostly because webpack with sass-loader doesn't share variables accross **.vue** files BUT, if components variables where loadable independently it would fix this issue as many people using bulma use webpack and Vue too.\r\n\r\n### Steps to Reproduce\r\n- Create a simple projet with Vue-cli\r\n- Load bulma in main.js or in an index.scss that you load in main.js\r\n- Try to use **$navbar-dropdown-z** in a component\r\n\r\n### Expected behavior\r\nI expect the variable to be usable.\r\n\r\n### Actual behavior\r\nYou'll see that this throws an error saying \"undefined variable\", that's because of how sass-loader and vue-loader handles it and there not going to change that anytime I think.\r\n\r\nBUT, if each component had it's own variables file like : \r\n`bulma\\sass\\components\\navbar-vars.sass` \r\nwhich would be loaded in :\r\n`bulma\\sass\\components\\navbar.sass`\r\nIt would make those variables easily re-usable (for each component btw).\r\n\r\nToday i had to tweek this and copy each variable from bulma to my own scss files which is not really maintainable if i upgrade my bulma version.\r\n\r\nWhat do you think ? Any othr suggestion ?\r\n\r\n"}}
{"actor":{"display_login":"darkylmnx"}}