[問題] SCSS 變數問題

[nonebelieve (天)]

各位好~

我是SCSS新手

最近開發遇到一點問題


我寫了一個切換class就能更改theme的網頁

有全域變數 $title-color

有些#test2 是依照title-color顏色去微調

我希望在套用theme時，能一併更改title-color顏色

因此在 @minxin 內加了 $title-color: $color;

但實際上這行是無效的

結果還是會以原本的全域變數為主

如果加上!global，則會造成即使未套用theme，也會以!global為主



測試網頁如下

https://codepen.io/skytien/pen/jxQvxy


請問該怎麼做才能只在套用theme時update全域變數呢?

或是有沒有什麼更好的做法?



我原本是希望可以依照狀況直接套用不同CSS檔

但找不到比較好的範例


麻煩大家回答了M(_ _)M

謝謝各位~~





--
推 filexchang:請善用gogle通訊錄:)
→ filexchang:    o
→ filexchang:       o
→ filexchang:          o
→ filexchang:不補了(／‵Д′)／~ ╧╧
→ filexchang:拜託不要拿我當簽名檔...
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 122.116.187.90
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1526734631.A.4B6.html
→ djshen: compile出來的是CSS 當然沒有SCSS的variable
→ miau: 可以參考這篇的寫法：https://bit.ly/2Gw8okd
推 ymcheung: 離個題，你想要的效果 CSS4 Variable 好像可行
推 despair96: 直接用body下不同theme class name 然後用sass map去規
→ despair96: 劃sass結構比較好。https://wcc723.github.io/css/2016
→ despair96: /12/25/sass-map/