SASS에서 다른 그림자 그림자 크기를 만드는 방법은 무엇입니까?

실용적인 방법으로 사용하지 않을 것이지만 어떻게 그림자 그림자 크기를 만들겠습니까?SASS에서 다른 그림자 그림자 크기를 만드는 방법은 무엇입니까?

.item-title a { 
    display: inline-block; 
    color: $some_lovely_button; 
    box-shadow: $some_boxshadow_love px; 
}

실제로 변수 뒤에 공백을 넣을 수 있습니까? 예를 들어 내가 파싱하면 지금 읽을 수 있습니까? 변수에 5를 넣으면 5 px가됩니다. 분명히, 내가 $ some_boxshadow_lovepx를 넣으면 그것은 완전히 다른 변수이다. 나는 내가 원하는 것을 바란다 : D 고마워!

출처

2017-01-18 Thorben Lüpkes

연결 또는 보간 방법을 사용할 수 있습니다.

.item-title a { 
    display: inline-block; 
    color: $some_lovely_button; 
    box-shadow: #{$some_boxshadow_love} px; 
    box-shadow: {$some_boxshadow_love} + px; 
    }

출처

2017-01-18 13:03:32

오류가 –

@ ThorbenLüpkes와 같이 내 숭고한 텍스트에서 px로 잘못 표시되었습니다. 변수 이름 앞에 #를 추가 했습니까? 편집 됨 –

매력으로 일했습니다. 그냥 값 (px/vh 또는 기타)을 중괄호에 다음과 같이 덧붙여 야합니다. \t \t font-size : # {$ some_border_love} vw; –

그냥 당신이 그것을 사용할 때 믹스 인

=shadow($pixel, $pixel2, $pixel3, $color) 
    box-shadow: $pixel, $pixel2, $pixel3, $color

를 사용

+shadow(2px, 2px, 0, green)

또는

+shadow(5px, 3px, 5px, red)

어디서든 원하는 입력 어떤 크기 또는 사용자가 만들 수있는 그런 식으로. BTW 나는 scss가 아닌 sass를 사용 중입니다

출처

2017-01-19 19:25:10 Brad

SASS에서 다른 그림자 그림자 크기를 만드는 방법은 무엇입니까?

답변

관련 문제