Clevercsss2. 파이썬은 SASS와 같은 CSS 전 처리기에 영감을주었습니다.
지금 다운로드

Clevercsss2. 순위 및 요약

Clevercsss2. 태그

CSS. 마크 업 언어 전 처리기 시달리기 CSS 전 처리기

Clevercsss2. 설명

파이썬은 Sass-Like CSS Preprocessor에 영감을주었습니다 Clevercss2는 깨끗하고 구조화 된 방식으로 스타일 시트를 작성하는 데 사용할 수있는 Python에서 영감을 얻은 CSS의 작은 마크 업 언어입니다. CSS2보다 깨끗하고 강력하고 CSS와 가장 강력한 CSS와 더욱 강력한 차이가 있습니다. 그것은 구문입니다. 그것은 들여 쓰기이며 평평하지 않습니다. 이것은 파이썬 젠 (Python Zen)에 대해 분명히 존재하지만, 그럼에도 불구하고 구조 스타일에 대한 좋은 아이디어입니다 .New 구문 admports` (커밋)`_ 이번은 정상적인 CSS @imports와 같이 작동하지만 CCSS 파일을 기대합니다. (리터럴 CSS) _sometimes Clevercss는 자신의 선을 위해 너무 똑똑하고 CSS에 직접 무언가를 전달하고 싶습니다. 예를 들어, RGB () 또는 URL ()이없는 함수는 이스케이프되어야합니다. 추가 된 간단한 새로운 백틀 릭 - 둘러싸인 문자열 형식은 더 이상의 처리없이 verbatim을 전달합니다. 예 ::. gradient : 배경 :`spritemaps` (commit) CSS에서, 당신은 ' LL은 모든 UI 요소의 이미지를 가지고 있으며 그런 다음 해당 이미지의 일부를 추출하기 위해 배경 위치를 사용합니다. Clevercss는`spritemap (fn)`호출을 통해 이것을 당신에게 돕는다. 예 :: ui = spritemap ( 'ui.sprites') some_button = $ ui.sprite ( 'some_button.png') other_button = $ ui.sprite ( 'other_button.png') div.some_button : 배경 : $ some_button div. other_button : $ ORTER_BUTTON 너비 : $ ORTERING_BUTTON.WIDTH () 높이 : $ ORTERING_BUTTON.HEIGHT () 믹스 - 인! 현재 부분적인 믹스 지원 만 있습니다. - 인수는 아직 구현되지 않습니다. 그러나 그들은 언젠가 곧 될 것입니다. 어쨌든 매크로의 구문은 예쁜 Pythonic :: DEF 매크로 : 색상 : 빨간색 테두리 폭 : 5px - 1px 본문 : $ Macrothis 구문이 변경 될 수 있습니다. CSS "DEF 매크로 {BLAH}"에, 그래서 어떤 일관성없는 마술이 있습니다. Nutshellto는 clevercss가 작동하는 방법에 대한 아이디어를 얻을 수 있습니다. 아래의 작은 예를 볼 수 있습니다. 들여 쓰기 기반 구문과 규칙을 중첩 할 수있는 방법 :: UL # 주석, OL # 주석 : 0 PADDING : 0 LI : 패딩 : 0.4em 마진 : 0.8em 00.8em H3 : 글꼴 크기 : 1.2em P : 패딩 : 0.3em P.Meta : 텍스트 - 정렬 : 오른쪽 색상 : #dddof 과정 CSS에서 매우 똑같을 수 있지만 플랫 자연 때문에 코드가 더 자세하게 보일 것입니다. 다음 코드는 위 파일의 Clevercss 출력입니다 :: UL # 주석, OL # 댓글 {여백 : 0; 패딩 : 0; } UL # 댓글 LI, OL # 댓글 LI {패딩 : 0.4em; 마진 : 0.8em 00.8em; } UL # 댓글 LI H3, OL # 댓글 LI H3 {글꼴 크기 : 1.2em; } UL # 댓글 LI P, OL # 댓글 LI P {PADDING : 0.3em; } UL # 댓글 Li P.Meta, OL # 댓글 Li P.Meta {텍스트 - 정렬 : 오른쪽; 색상 : #dddddd; } 그러나 그것은 당신이 할 수있는 것의 작은 예일뿐입니다. 자세한 내용은 Clevercss의 다음 문서를 살펴보십시오. 요구 사항 : · 파이썬

Clevercsss2. 관련 소프트웨어