LESSCSS

연산자

수나 색상, 변수를 연산할 수 있습니다. 몇 가지 예를 살펴 보시죠:

@base: 5%;
@filler: @base * 2;
@other: @base + @filler;
color: #888 / 4;
background-color: @base-color + #111;
height: 100% / 2 + @filler;

이렇게 연산한 결과는 여러분이 기대하는 것과 매우 비슷할 겁니다. LESS에서는 16진수 색상값(color)과 단위를 서로 다르게 인식합니다. 단위를 연산하는 경우에 :

@var: 1px + 5;

LESS는 단위를 인식해서 결과에 반영합니다. 이번 예에서는 6px이 되고요.
Brackets are also authorized in operations:

width: (@var + 5) * 2;

And are required in compound values:

border: (@width * 2) solid black;

댓글

댓글 본문
작성자
비밀번호
  1. 김정환
    다시 말해서 less를 사용하여 연산을 할 수 있고,

    연산을 할 때 단위가 있다면 단위를 자동으로 인식해서 맞춰줄 수도 있다.
  2. engfordev
    요기 달린 댓글 함 읽어보세요~
    http://www.facebook.com/groups...
    대화보기
    • Jae Sung So
      위 내용은 한 방에 깨우침을 얻지 못했습니다. ㅎ
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기