[HTML/CSS] 3-6. Sass @function & 3-7. 마무리

@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);
}

 

 

---

참고 링크

 

• https://sass-lang.com/documentation

Sass: Documentation

 

• https://www.w3schools.com/sass/ 

Sass Tutorial

 

• https://poiemaweb.com/sass-basics 

Sass - Basics | PoiemaWeb

 

 

 

---