픽셀 단위로 스팬을 반환 할 수 있습니까?

나는 사기 멍청이야. 그래서 사기스러운 질문이라면 ... 사과.픽셀 단위로 스팬을 반환 할 수 있습니까?

나는 서리 격자 내에서 반응성 패딩을 계산 중이다.

평소 계산은 물론 : (target/context) x 100입니다.

'context' 예를 들어 "span(2)"을 픽셀 단위로 반환 할 수 있으므로 계산을 SASS 파일에 추가 할 수 있습니까? 아니면 완전히 빠졌습니까?

2015-01-20 Captain flapjack

아래 답변은 Susy에서'px' 출력을 얻는 한 가지 방법입니다. 그러나이 백분율 계산에서 사용하려면 Susy의 요점을 놓치고 있습니다. * Susy가 존재하는 유일한 이유는 정확한 계산을하는 것입니다. 당신의 설정을 넣고'span (2 of 12)'(예를 들면), Susy는 당신에게 백분율 출력을줍니다. '2'와'12'는 컬럼으로 추상화 된'target'과'context'입니다. –

당신이 수학 "을 지정하면 Susy는 비율에 기본적으로 스팬을 계산하지만 것입니다. 당신의 설정에서 '정적, 모든 출력은 주어진 설정에있을 것입니다

의 당신이 있다고 가정 해 봅시다

$susy: { 
    container: auto, 
    columns: 12, 
    column-width: 60px; 
    gutters: 1/4, 
    math: static, 
}

은 그럼 당신은

컬럼의 열 또는 그룹의 폭을 얻을 수있는 기능의 범위를()를 사용할 수 있습니다 그리고 당신은 당신의 SCS들 말할 수있다 :

.myclass { 
    width: span(2); 
}

위의 예에서 width : 135px;

예 here.

출처

2015-01-20 21:34:53 yivi

답장을 보내 주셔서 감사합니다. 저는 수학에 대해 알고있었습니다 : 정적이고 회고 적으로, 저는 확실히 %와 px가 susy 내에서 상호 배제라는 것을 알고 있습니다. 그래서 나는 후에 가능하다고 생각하지 않습니다. 그러나 여러분의 대답은 정확합니다. 사기, 그래서 녹색 진드기에 px를 사용하여 :) –

픽셀 단위로 스팬을 반환 할 수 있습니까?

답변

관련 문제