#SASS中的mixin過濾器與計算功能
在SASS中，mixin提供了一個強大的工具，讓我們能夠創建可以重複使用的樣式邏輯，這使得代碼更加乾淨且容易維護。今天，我們將探討如何利用mixin來實現過濾器和計算功能。
1.過濾器的使用
過濾器可以幫助我們自定義某些樣式效果，例如應用陰影、模糊效果等。透過mixin，我們可以將這些樣式封裝起來，並根據需求動態調整。

@mixin apply-filter($filter-type, $value) {
    filter: #{$filter-type}($value);
}

.image-blur {
    @include apply-filter('blur', '5px');
}

.image-brightness {
    @include apply-filter('brightness', '150%');
}

在這個範例中，apply-filter mixin可以接受兩個參數：$filter-type和$value，我們可以靈活地調整需要應用的濾鏡效果。例如，將image-blur應用模糊濾鏡，將image-brightness應用亮度調整。

2. 計算功能
   SASS的強大之一在於它提供了數學運算功能，我們可以使用mixin來執行計算並自動生成對應的樣式，這非常適合需要計算寬度、間距或字體大小的場景。

@mixin calc-padding($padding, $factor) {
    padding: $padding * $factor;
}

.container-small {
    @include calc-padding(10px, 1);
}

.container-large {
    @include calc-padding(10px, 2);
}

在這個範例中，calc-padding mixin可以接收一個初始的padding值以及一個乘數factor，根據這兩個參數自動計算出最終的padding值，並應用於不同的元素。

這是今天關於SASS中mixin的過濾器與計算功能的介紹，歡迎指正！
加油！！！