-
floor只舍不入查看全部
-
ceil只入不舍查看全部
-
如果您轉換的值是一個帶有單位的值,那么在編譯的時候會報錯誤查看全部
-
#context a%extreme { color: blue; font-weight: bold; font-size: 2em; } 這段代碼在不調用之前不產生任何代碼,只有能過@extend調用之后才生成代碼: .notice { @extend %extreme; } 編譯出來的CSS #context a.notice { color: blue; font-weight: bold; font-size: 2em; }查看全部
-
Map嵌套 $theme-color: ( default: ( bgcolor: #fff, text-color: #444, link-color: #39f ), primary:( bgcolor: #000, text-color:#fff, link-color: #93f ), negative: ( bgcolor: #f36, text-color: #fefefe, link-color: #d4e ) );查看全部
-
列寬= 單列寬度 * 列數 + 列間距 *(列數-1)查看全部
-
@for $i from <start> through <end> @for $i from <start> to <end> $i 表示變量 start 表示起始值 end 表示結束值 這兩個的區別是關鍵字 through 表示包括 end 這個數,而 to 則不包括 end 這個數。查看全部
-
type-of()的用法 content:type-of(); numeber 為數值型; string 為字符串型; bool 為布爾型; color 為顏色型 li{ content:type-of(100); content:type-of('sss'); content:type-of(true); content:type-of(#fff); }查看全部
-
列表函數查看全部
-
函數簡介查看全部
-
$color: #f36; .body { @if red($color) > 50 { color: #fff; } @else if red($color) < 50 { color:#000; } }查看全部
-
@debug,和@warn都是在控制臺輸出的哦。查看全部
-
@at-root 從字面上解釋就是跳出根元素。當你選擇器嵌套多層之后,想讓某個選擇器跳出,此時就可以使用 @at-root查看全部
-
這個函數會顏色的飽和度值直接調至 0%,所以此函數與 desaturate($color,100%) 所起的功能是一樣的。一般這個函數能將彩色顏色轉換成不同程度的灰色查看全部
-
$bgcolor: #f46; .btn{ background-color: $bgcolor; border-color:adjust-hue($bgcolor,30deg); }查看全部
舉報
0/150
提交
取消