잃어버린 소스에서 그리드 믹스를 다시 만듭니다.

Question

이전 사이트에서는 그리드를 생성하기위한 믹스 인을 잃었습니다. 나는 그것이 사시 또는 singularitygs를 사용하고 있는지 잘 모르겠다. 그러나 그 두 가지 중 하나, 나는 추측한다.

프런트 엔드에서 렌더링 된 값을 검색 할 수있었습니다. 그것은 논리가 간단합니다 ... 누군가가 믹스 인을 생성 할 수 있습니다 그들을 생성하기 위해?

다음은 내가 찾은 데이터 중 일부입니다. 그것은 36 열 레이아웃을 사용하지만, 나는 배수관 크기가 무엇인지 잘 모르겠다. 내가 스팬이 설치

@mixin push1() { 
    margin-left: 2.8125%; 
} 
@mixin pull1() { 
    margin-left: -2.8125%; 
} 
@mixin span36() { 
    width: 100%; 
    float: left; 
    margin-left: 0; 
    margin-right: 0; 
} 

@mixin span34() { 
    width: 94.375%; 
    float: left; 
    margin-right: 1.25%; 
} 
@mixin span27() { 
    width: 74.6875%; 
    float: left; 
    margin-right: 1.25%; 
} 
@mixin span26() { 
    width: 72%; // this i guessed 
    float: left; 
    margin-right: 1.25%; 
} 
@mixin span25() { 
    width: 69.0625%; 
    float: left; 
    margin-right: 1.25%; 
} 
@mixin span24() { 
    width: 66.25%; 
    float: left; 
    margin-right: 1.25%; 
} 
@mixin span22() { 
    width: 60.625%; 
    float: left; 
    margin-right: 1.25%; 
} 
@mixin span18() { 
    width: 49.375%; 
    float: left; 
    margin-right: 1.25%; 
} 

@mixin span17() { 
    width: 46.5625%; 
    float: left; 
    margin-right: 1.25%; 
} 
@mixin span15() { 
    width: 40.9375%; 
    float: left; 
    margin-right: 1.25%; 
} 
@mixin span12() { 
    width: 32.5%; 
    float: left; 
    margin-right: 1.25%; 
} 

@mixin span11() { 
    width: 29.6875%; 
    float: left; 
    margin-right: 1.25%; 
} 

@mixin span9() { 
    width: 24.0625%; 
    float: left; 
    margin-right: 1.25%; 
} 

@mixin span6() { 
    width: 15.625%; 
    float: left; 
    margin-right: 1.25%; 
} 

Answer 1

에 사용되는 일반적인 간단한 푸시(), 당기() 및 스팬(), 같은 방법과 수치를 찾고 있어요

은 분명히 36 열이 및 1.25 배수관; 마지막 열을 제외하고 열을 가로 지르는 틈을 균등하게 나누고 나머지 열을 열로 나눕니다. 당신이 거기 1.11764705882 배수구있어 - - 그래서

spanX = (100 - (36/x-1)*1.25)/(36/x) 

걸릴 span17는

span17 = 100 - (36/17-1)*1.25)/(36/17) = 46.5625 

내가 그 심지어 그리드에서 의미가 이유를 잘 모릅니다 먹으 렴하지만 숫자가 무슨 말을 이잖아.

하나의 열을 밀거나 당기는 경우 열을 밀기 만하면되지만 열에도 여백이 추가됩니다. so

pushX = 100/x+1.25/x