DINH DUONG

@Content Trong Scss

Jun 8, 2018 - 1 minutes read

Table of content

Định nghĩa

Which allows us to pass a content block into a mixin

Sử dụng khi chúng ta muốn đưa tất các định nghĩa trong 1 content vào một mixin nào đó.

@mixin apply-to-ie6-only {
  * html {
    @content
  }
}

@include apply-to-ie6-only {
  #logo {
    background-image: url(/logo.gif);
  }
}

Ở đây chúng ta sẽ đưa content vào mixin có tên apply-to-ie6-only. Nó sẽ được biên dịch và nằm hết trong tag html.

Sau khi complie:

* html #logo {
  background-image: url(/logo.gif);
}

Back to posts

scss css design
github twitter codfee email email