4. LESS Framework
Dynamic Stylesheet Language
CSS LESS
Cascading Style Sheet CSS + Dynamic Language
5. LESS Framework
Dynamic Stylesheet Language
The dynamic stylesheet language.
LESS extends CSS with dynamic behavior such as variables, mixins, operations and functions.
LESS란? CSS에 Script의 능력을 덧붙여 확장한 언어입니다.
변수, 함수, 연산, 중첩, 스코프 등등
6. LESS Framework Dynamic Stylesheet Language
The dynamic stylesheet language.
LESS runs on both the client-side (IE6+, Chrome, Safari, Firefox) and server-side, with Node.js and Rhino.
LESS는 클라이언트 또는 서버 환경 모두에서 실행됩니다.
node.js
50. Nested Rules
LESS Overview
// 변경된 CSS
body {
! font: 12px/1.5 나눔 고딕;
! color: #2e2d2c;
}
.article {
! font-size: 14.4px;
! border: 1px solid #bebdbc;
}
51. Function LESS Overview
// LESS
@base-font-size: 12px;
@base-font-color: #2e2d2c;
body {
! font: @base-font-size/1.5 나눔 고딕;
! color: @base-font-color;
}
Function
LESS
85. LESS Problem
Dynamic Stylesheet Language
LESS. js 활용은 자바스크립트 미지원시 참담한 결과를 초래합니다.
CSS3를 좀 더 효율적으로 사용할 수 있도록 도와주는 매우 유용한
도구지만, 자바스크립트가 지원되지 않는 환경에서는 제 기능을 발휘하지 못합니다.
그렇다면 이 문제를 어떻게 해결해야 할까요?