이 스타일의 CSS를 덜 사용하는 방법은 무엇입니까?

나는 약간의 CSS 프레임 워크를 사용하고 싶지만 그 unsemanticness를 싫어. 그래서 나는 덜 사용하고 싶다. 기본 아이디어는 프레임 워크의 CSS를 자신의 클래스에 혼합하는 것입니다. 하지만 덜 느껴지는 시나리오가 있습니다. = {...} 또는 이 * HTML .span-1 = {...}이 스타일의 CSS를 덜 사용하는 방법은 무엇입니까?

LESS 믹스 인이하지 않는 것

div.prepand : 예를 들어, 일부 클래스는 프레임 워크에 정의되어있다 위의 상황을 지원합니다. 어떤 생각?

출처

2011-04-13 Georgie Porgie

어떤 프레임 워크는 "일부 클래스는 프레임 워크에서 다음과 같이 정의됩니다."라고 말한 것이 확실하지 않습니다.

Less에서는 믹스 인을 보여준 것처럼 선언하지 않습니다. 당신은 너무처럼 수행

.my_mixin { ... }

그리고 당신은 (재) 할 수있는 파일에 아래는과 같이 사용 :보다

div.content { 
    .my_mixin; 
}

다른, 나는 당신의 질문을 이해하지 않습니다. 프레임 워크의 CSS를 자신의 클래스에 혼합하고 싶습니까? 그게 무슨 뜻 이죠? Less에서 CSS를 작성하거나하지 마십시오 ...

출처

2011-05-06 13:01:35 bzx

내 문제는 mixin과 청사진 CSS 같은 기존 프레임 워크입니다. 청사진에있는 스타일의 경우 span-x와 같은 CSS는 mixins와 호환되므로 찾기가 쉽습니다. 하지만 청사진의 해킹 파일에는 html body span-x {...}와 같은 스타일 정의가 있습니다. 이러한 정의는 믹스 인으로 사용할 수 없습니다. –

나는 청사진의 핵 파일을 가져 와서 Less에서 쓰고 필요에 따라 믹스 인을 써야한다고 생각해. 너무 복잡해서는 안된다. 그런 다음 프로젝트에 포함시키고 믹스 인을 사용하십시오. 잠시 청사진을 사용하지는 않았습니다. 얼마나 복잡한지를 기억하지 못하지만, Less에서 작성 될 수있을 것이라고 확신합니다. – bzx

동의합니다. 재 작성 만이 유일한 해결책입니다. 사실, 즉 해킹 파일 만 엉덩이에 약간의 고통입니다. 그러니까 청사진이나 그 이하는 아니지. –

난 그냥 here에서 blueprint.css의 그리드 부분을 합친 것입니다. 당신은 열 및 제본 용 여백 폭을 설정할 수 있습니다, 다음과 같이 유지 mixin을 사용

내가 예를 몇 가지를 추가했습니다

#header { 
    .span(20); 
    .prepend(2); 
}

가 반응 레이아웃을 가능하게뿐만 아니라 쿼리를 @media.

다른 사람에게 유용 할 수 있기를 바랍니다.

출처

2012-06-13 12:34:17 davidpmccormick

여기 링크에서 코드를 더 복사하십시오. – nalply

이 스타일의 CSS를 덜 사용하는 방법은 무엇입니까?

답변

관련 문제