bourbon

0열

1답변

버번 깔끔한 격자를 테스트하고 실제로 모바일 첫 번째 접근 그리드를 시도합니다. 같은 내 구조의 모양을 #general #header .headHaut .headBas #content-global #left-content #content-inner #right-content

8열

3답변

Bourbon 깔끔한 프레임 워크로 모바일을 처음 수행하는 방법

나는 잘 작동하는 데스크톱 첫 레이아웃을 수행하기 위해 버번을 깔끔하게 사용 해왔다. 그러나 모바일로 시작하여 내 방식대로 작동하는 모바일 버전을 만들고 싶습니다. 기본 그리드 12 열 및 모바일 일반적으로 4 눈금을 사용합니다. 내 눈금을 4 changeline 시도하고 최대 12 스케일링하지만이 작동하지 않았다. 표준 데스크톱 레이아웃을 만드는 것보다

13열

1답변

SCSS 상자 그림자는 사용되지 않으며 제거됩니다 - 주변

나는 내 style.scss 파일에 포함 다음 사용하는 것을 시도하고 작동 방법 : : @include box-shadow(red 2px 2px 10px); 그러나 난의 오류가 경고 : 상자 그림자는 사용되지 않으며 나는이 구글하려고했습니다 다음 주요 버전 릴리스에서 제거 될 것입니다,하지만 난 확실하지 않다 내가 대신 수동으로 만들거나 사용할 수있는

4열

1답변

노드 버번과 함께 grunt-contrib-sass 설정

grunt-contrib-sass이 사용되는 프로젝트에 버본을 의존성으로 추가하려고합니다. node-bourbon은 툴툴 거리는 소리와 말대꾸 통합에 대해 할 말이 다음과 같습니다 그러나 grunt.initConfig({ sass: { dist: { options: { // THIS IS THE LINE I ADDED

0열

1답변

CSS, Rails, Bourbon 및 Neat으로 슬라이드 탐색

첫 번째 Rails 프로젝트에서 작업 중이며 Bourbon/Neat을 사용하는 슬라이딩 메뉴를 얻으려고 애 쓰고 있습니다. 가장 최근의 시도는 CSS : target과 Shift() 믹스 인을 Neat으로 사용하려는 시도를 중심으로 진행되었습니다. 내가 분해 할 곳은 mixin을 포함하는 곳과 방법, 실제 교대를 어디서/어떻게 구체화 할 것인가이다. 바로

4열

2답변

그리드 외부 컨테이너에 패딩 추가

그리드에 영향을주지 않고 .container에 패딩을 추가하려고합니다. 내가 생각할 수있는 가장 좋은 예는 컨텐트가 .container의 측면에 부딪치지 않게하려는 것입니다. 왜냐하면 디자인에 파란색 배경이 있고 .container가 흰색이라면 왼쪽과 오른쪽에 패딩이 있기를 원하기 때문입니다. . 나는 문제를 풀기 위해 example page here을 빨

1열

1답변

버번 방사형 그래디언트 대체 색상을 사용하지 않도록 설정 하시겠습니까?

Bourbon의 방사형 그래디언트 믹스 인을 사용하는 동안 폴백이 적용되지 않았 으면합니다. 설명서에는 선택 사항이 있지만 무엇이든 기본 색상이 항상 적용됩니다 (나는 fallback으로 false, null 또는 none을 입력하려고했습니다). 어떤 팁이 대단히 감사하겠습니다. 감사!

0열

1답변

.scss, media quires, @content 및 bourbon 깔끔함

저는 Bourbon Neat을 사용하고 있습니다.하지만 컴파일 된 CSS가 각 요소에 대한 미디어 쿼리를 반복하지 않고 먼저 모바일 순서로 컴파일해야합니다. 내 SCS들 내가 청소기 CSS를 컴파일 체계화 된 달성 할 수있는 방법이 #logo { @include span-columns(3); @include media($mobile)

2열

1답변

버번 스트레이트 수평 정렬 DIV

I 가진 풀 사이즈 레이아웃의 3 개 요소 (12 컬럼 그리드)를 가진 헤더 : 왼쪽 = 로고 (3 열), 중간 = NAV (6 열), 오른쪽 = 소셜 미디어 (3 열) "소셜 미디어"를 표시하도록 설정 한 적은 크기 (4 열 그리드)에서 "로고"와 "탐색"은 모두 두 개의 열입니다. 그것들은 가로로 정렬되지 않습니다. 두 번째 요소는 첫 번째 열과 두 번

0열

1답변

마지막 아이 로직은

나는 마지막 자식에 0 마진이 올 것으로 예상되는 방법 궁금하네요 내가 가진했습니다. body { @include outer-container; .content-main.with-sidebar { @include span-columns(8);} aside { @include span-columns(4); } } 바디와 중심 최