-
Sass 中的數字函數提要針對數字方面提供一系列的函數功能： percentage($value)：將一個不帶單位的數轉換成百分比值； round($value)：將數值四舍五入，轉換成一個最接近的整數； ceil($value)：將大于自己的小數轉換成下一位整數； floor($value)：將一個數去除他的小數部分； abs($value)：返回一個數的絕對值； min($numbers…)：找出幾個數值之間的最小值； max($numbers…)：找出幾個數值之間的最大值； random(): 獲取隨機數查看全部
-
字符串函數-To-upper-case()、To-lower-case() 1、To-upper-case() To-upper-case() 函數將字符串小寫字母轉換成大寫字母 2、To-lower-case() To-lower-case() 函數 與 To-upper-case() 剛好相反，將字符串轉換成小寫字母查看全部
-
字符串函數-quote()函數 使用 quote() 函數只能給字符串增加雙引號，而且字符串中間有單引號或者空格時，需要用單引號或雙引號括起，否則編譯的時候將會報錯。 同時 quote() 碰到特殊符號，比如： !、?、> 等，除中折號 - 和 下劃線_ 都需要使用雙引號括起，否則編譯器在進行編譯的時候同樣會報錯查看全部
-
unquote( ) 函數只能刪除字符串最前和最后的引號（雙引號或單引號），而無法刪除字符串中間的引號。如果字符沒有帶引號，返回的將是字符串本身查看全部
-
在 Sass 的 @for 循環中有兩種方式： @for $i from <start> through <end> @for $i from <start> to <end> 這兩個的區別是關鍵字 through 表示包括 end 這個數，而 to 則不包括 end 這個數。查看全部
-
//隨機數 .main{ width:random(); } //找最大 找最小 $a:1; $b:2; $c:3; .main{ width: max($a,$b,$c); width: min($a,$b,$c); } //取絕對值 $x:-10em; $y:15px; .abs{ width: abs($x); height: abs($y); } //四舍五入取整數、取整進一法、取整退一法、 $o:3.49px; $p:4.5px; .round{ width: round($o); height: round($p); font-size: ceil($o); line-height:floor($o); }查看全部
-
To-upper-case(); //轉換成大寫字母 To-lower-case(); //轉換成小寫字母查看全部
-
列寬= 單列寬度 * 列數 + 列間距 *(列數-1)查看全部
-
through 包含end to 不包含end查看全部
-
將引入 rounded-corners 和 text-shadow 兩個文件。 如果你有一個 SCSS 或 Sass 文件需要引入， 但是你又不希望它被編譯為一個 CSS 文件， 這時，你就可以在文件名前面加一個下劃線，就能避免被編譯。 這將告訴 Sass 不要把它編譯成 CSS 文件。 然后，你就可以像往常一樣引入這個文件了，而且還可以省略掉文件名前面的下劃線。 例如，你有一個文件叫做 _colors.scss。 這樣就不會生成 _colors.css 文件了， 而且你還可以這樣做： @import "colors";//不用加下劃線 來引入 _colors.scss 文件。查看全部
-
@function colors($color){ $names: map-keys($social-colors); @if not index($names,$color){ @warn "Waring: `#{$color} is not a valid color name.`"; } @return map-get($social-colors,$color); }查看全部
-
$social-colors: ( dribble: #ea4c89, facebook: #3b5998, github: #171515, google: #db4437, twitter: #55acee ); @function colors($color){ @if not map-has-key($social-colors,$color){ @warn "No color found for `#{$color}` in $social-colors map. Property omitted."; } @return map-get($social-colors,$color); } .btn-dribble { color: colors(dribble); }查看全部
-
map-has-key($map,$key) 函數將返回一個布爾值。當 $map 中有這個 $key，則函數返回 true，否則返回 false?？梢杂脕磔o助map-key來寫函數，診斷錯誤。查看全部
-
如果 $key 不在 $map 中不會編譯出 css,同時也不會產生報警難以排錯。需要的話可能自己寫一個函數查看全部
-
map-get($map,$key)：根據給定的 key 值，返回 map 中相關的值。 map-merge($map1,$map2)：將兩個 map 合并成一個新的 map。 map-remove($map,$key)：從 map 中刪除一個 key，返回一個新 map。 map-keys($map)：返回 map 中所有的 key。 map-values($map)：返回 map 中所有的 value。 map-has-key($map,$key)：根據給定的 key 值判斷 map 是否有對應的 value 值，如果有返回 true，否則返回 false。 keywords($args)：返回一個函數的參數，這個參數可以動態的設置 key 和 value。查看全部
舉報
0/150
提交
取消