반응형
@function 예제 (1)
@function half-opacity($color) {
$color: rgba($color, .5);
@return $color;
}
h1 {
font-size: 10em;
text-align: center;
color: half-opacity(red);
}
@function 예제 (2)
@function half-opacity($color, $opacity) {
$color: rgba($color, $opacity);
@return $color;
}
h1 {
font-size: 10em;
text-align: center;
color: half-opacity(blue, 0.3);
}
참고 링크
반응형
'cs > html-css-basic' 카테고리의 다른 글
[HTML/CSS] 3-5. Sass @mixin (0) | 2022.03.12 |
---|---|
[HTML/CSS] 3-4. Sass Variables (0) | 2022.03.12 |
[HTML/CSS] 3-3. Sass @import (0) | 2022.03.12 |
[HTML/CSS] 3-2. Sass 7-1 패턴 (0) | 2022.03.12 |
[HTML/CSS] 3-1. Sass란? (0) | 2022.03.12 |