-
聲明map之后必須在結尾加上;，否則無法通過編譯
查看全部 -
命令提示符中操作
nth((1px solid #ccc) 20px 5em 6% 3in scaleX(1.5), 6)
輸出結果
scaleX(1.5)
查看全部 -
示例代碼需要在終端中操作
cmd sass -i length(20px 4em)
>> 2
查看全部 -
應用:
用戶在調用混合宏時，使用unitless()判斷用戶有沒有給參數值加上單位，如果沒有,再加入單位。
查看全部 -
從測試的效果中可以看出，unquote( ) 函數只能刪除字符串最前和最后的引號（雙引號或單引號），而無法刪除字符串中間的引號。如果字符沒有帶引號，返回的將是字符串本身
查看全部 -
在使用 @media 時，還可以使用插件#{}:
$media:?screen; $feature:?-webkit-min-device-pixel-ratio; $value:?1.5; @media?#{$media}?and?($feature:?$value)?{ ??.sidebar?{ ????width:?500px; ??} }編譯出來的 CSS：
@media?screen?and?(-webkit-min-device-pixel-ratio:?1.5)?{ ??.sidebar?{ ????width:?500px;?}?}查看全部 -
這樣做的好處是，修改一個變量，就能實現另外一套色卡。
查看全部 -
zip()函數將多個列表值轉成一個多維的列表：
>>?zip(1px?2px?3px,solid?dashed?dotted,green?blue?red) ((1px?"solid"?#008000),?(2px?"dashed"?#0000ff),?(3px?"dotted"?#ff0000))
在使用zip()函數時，每個單一的列表個數值必須是相同的：
>>?zip(1px?2px?3px,?solid?,?green?blue?red) NoMethodError:?undefined?method?`options='?for?nil:NilClass ??Use?--trace?for?backtrace.
否則將會出錯。
查看全部 -
>>?round(3px?/?2em) 2px/em
在round() 函數中可以攜帶單位的任何數值。
查看全部 -
nth() 標簽從1開始
查看全部 -
percentage : 參數是不帶單位的數值
查看全部 -
to-upper-case : 字符串轉大寫
to-lower-case : 字符串轉小寫
查看全部 -
quote() 只能添加雙引號，如果字符串本身由引號括起，則只把引號變成雙引號，并不再添加引號。如果字符串中間有特殊符號，空格，引號等，需要用引號括起。
查看全部 -
upquote() : 給字符串刪除引號
quote() : 給字符串添加引號
查看全部 -
應用場景： 用 map 可以很容易收集鍵的值和動態插入。如果哪一天，你需要新增加顏色變量值，在 map 中可以非常隨意的添加。查看全部
舉報
0/150
提交
取消