배경에 적합한 믹스 인을 만드는 법을 모르겠다.

Question

내 웹 사이트에 Scss를 사용하고 있습니다. 내 배경 속성에 대한 믹스 인을 만들려고 내 코드를 더 쉽게 읽으려고합니다. 믹스 인을 사용하지 않았습니다. 전에 .. 다음 속성을 사용하여 믹스 인을 만들고 싶습니다. background : # 6441A5; 배경 : -webkit-linear-gradient (왼쪽, # 6441A5, # 2a0845); 배경 : 선형 그래디언트 (왼쪽, # 6441A5, # 2a0845);

어떻게해야합니까?

Answer 1

당신이 필요로하는 코드는 다음과 같습니다

@mixin background_mixin($bg) { 
    background: $bg 
} 

그리고 당신은 할 필요가있을 때 배경 예 # 6441A5 :

@include background_mixin(#6441A5); 

믹스 인 함수처럼 (우리의 경우 이름 background_mixin에서) 당신은 줄 매개 변수 (우리의 경우 $ bg로 명명 됨). 그런 다음 코드 블록에서 mixin의 이름과 매개 변수로 가져올 값을 @include로 사용하고 싶습니다. 여기

더 많은 정보 :

• http://sass-lang.com/guide
• https://www.sitepoint.com/sass-basics-the-mixin-directive/