基金會SASS/SCSS變量

Question

我想從Bootstrap移到Zurb基金會。

引導程序使用* -color表示文本顏色，* -bg表示背景顏色。

我有點困惑與基金會的命名方案：

是什麼$topbar-link-bg-hover和$topbar-link-bg-color-hover之間的區別？

他們的名字都表明他們改變了頂欄中鏈接的背景顏色，兩者都被賦予了顏色。

Answer 1

基金會的結構有很多細節，如果你在基金會搜索這些變量，你可以在_top-bar.scss文件中找到它們。看着它，如何使用這些變量：

// Apply the hover link color when it has that class 
&:hover:not(.has-form) > a { 
    background-color: $topbar-link-bg-color-hover; 

    @if ($topbar-link-bg-hover) { 
     background: $topbar-link-bg-hover; 
    } 
} 

$topbar-link-bg-color-hover值可以用顏色相同的，因爲使用了background-color和$topbar-link-bg-hover值可以用圖像或其他任何東西（CSS背景值）相等。