|
|
|
16-06-03
|
조회 3,035
|
|
|
|
15-07-30
|
조회 3,420
|
|
|
|
15-06-08
|
조회 5,563
|
|
|
|
15-05-27
|
조회 4,420
|
|
|
|
15-01-08
|
조회 6,722
|
|
|
|
14-12-30
|
조회 5,451
|
|
|
|
14-10-10
|
조회 5,444
|
|
|
|
14-08-13
|
조회 6,358
|
|
|
|
14-08-11
|
조회 5,215
|
|
|
|
14-08-06
|
조회 6,549
|
|
|
|
14-03-19
|
조회 7,443
|
|
|
|
13-04-26
|
조회 9,598
|
|
|
|
12-12-15
|
조회 5,122
|
|
|
|
12-12-15
|
조회 7,358
|
|
|
|
12-12-11
|
조회 5,503
|
|
|
|
12-11-21
|
조회 6,030
|
|
|
|
12-10-11
|
조회 5,107
|
|
|
|
12-10-03
|
조회 4,801
|
|
|
|
12-09-20
|
조회 6,099
|
|
|
|
12-09-02
|
조회 4,275
|
|
|
 byfun
|
12-08-29
|
조회 5,288
|
|
|
|
12-08-29
|
조회 4,166
|
|
|
|
12-08-24
|
조회 4,270
|
|
|
|
12-08-18
|
조회 4,487
|
|
|
|
12-08-17
|
조회 4,529
|
|
|
|
12-08-16
|
조회 3,787
|
|
|
|
12-08-06
|
조회 5,563
|
|
|
|
12-08-05
|
조회 4,849
|
|
|
|
12-08-03
|
조회 4,565
|
|
|
|
12-08-03
|
조회 4,717
|
|
|
|
12-07-29
|
조회 3,564
|
|
|
|
12-07-24
|
조회 4,155
|
|
|
|
12-07-22
|
조회 3,621
|
|
|
|
12-07-20
|
조회 4,383
|
|
|
|
12-07-19
|
조회 4,724
|
|
|
|
12-07-19
|
조회 3,953
|
|
|
|
12-07-19
|
조회 3,899
|
|
|
|
12-07-19
|
조회 5,564
|
|
|
|
12-07-19
|
조회 3,508
|
|
|
|
12-07-18
|
조회 5,201
|
|
|
|
12-07-15
|
조회 4,178
|
|
|
|
12-07-14
|
조회 3,847
|
|
|
|
12-07-12
|
조회 4,519
|
|
|
|
12-07-11
|
조회 3,792
|
|
|
|
12-07-11
|
조회 3,512
|
|
|
|
12-07-11
|
조회 3,489
|
|
|
|
12-07-10
|
조회 4,678
|
|
|
|
12-07-09
|
조회 3,425
|
|
|
|
12-07-09
|
조회 4,242
|
|
|
|
12-07-09
|
조회 4,662
|
|
|
|
12-07-08
|
조회 4,577
|
|
|
|
12-07-07
|
조회 5,500
|
|
|
|
12-07-06
|
조회 4,754
|
|
|
|
12-07-06
|
조회 4,023
|
|
|
|
12-07-06
|
조회 3,907
|
|
|
|
12-07-06
|
조회 3,848
|
|
|
|
12-07-02
|
조회 5,523
|
|
|
|
12-07-02
|
조회 4,220
|
|
|
|
12-06-29
|
조회 3,749
|
|
|
|
12-06-28
|
조회 4,366
|
|
|
|
12-06-26
|
조회 3,863
|
|
|
|
12-06-26
|
조회 4,983
|
|
|
|
12-06-21
|
조회 3,960
|
|
|
|
12-06-20
|
조회 4,660
|
|
|
|
12-06-20
|
조회 4,297
|
|
|
|
12-06-15
|
조회 4,651
|
|
|
|
12-06-15
|
조회 4,388
|
|
|
|
12-06-13
|
조회 7,404
|
|
|
|
12-06-05
|
조회 7,378
|
|
|
|
12-06-04
|
조회 3,954
|
|
|
|
12-06-03
|
조회 3,803
|
|
|
|
12-05-31
|
조회 3,798
|
|
|
|
12-05-28
|
조회 6,646
|
|
|
|
12-05-27
|
조회 3,878
|
|
|
|
12-05-25
|
조회 4,015
|
|
|
|
12-05-23
|
조회 4,423
|
|
|
|
12-05-21
|
조회 5,134
|
|
|
|
12-05-17
|
조회 4,066
|
|
|
|
12-05-17
|
조회 3,984
|
|
|
|
12-05-09
|
조회 4,061
|
|
|
|
12-05-07
|
조회 4,319
|
|
|
|
12-05-02
|
조회 4,503
|
|
|
|
12-05-01
|
조회 4,680
|
|
|
|
12-04-30
|
조회 3,430
|
|
|
|
12-04-30
|
조회 4,373
|
|
|
|
12-04-25
|
조회 4,463
|
|
|
|
12-04-25
|
조회 4,885
|
|
|
|
12-04-24
|
조회 3,849
|
|
|
|
12-04-24
|
조회 4,624
|
|
|
|
12-04-23
|
조회 3,612
|
|
|
|
12-04-20
|
조회 3,273
|
|
|
|
12-04-17
|
조회 5,457
|
|
|
|
12-04-16
|
조회 4,394
|
|
|
|
12-04-14
|
조회 3,673
|
|
|
|
12-04-14
|
조회 3,709
|
|
|
|
12-04-14
|
조회 3,756
|
|
|
|
12-04-13
|
조회 3,377
|
|
|
|
12-04-13
|
조회 4,564
|
|
|
|
12-04-13
|
조회 6,204
|
|
|
|
12-04-12
|
조회 3,369
|
댓글 18개
lessphp (https://github.com/leafo/lessphp/) 를 사용하신다면,
컴파일 포맷을 조정할 수 있는것 같아요. http://leafo.net/lessphp/docs/#custom_formatter
원하시는 것을 하려면
$formatter->break = " "; 로 하면 될것 같아보여요.. ( https://github.com/leafo/lessphp/blob/master/lessc.inc.php#L3622 )
그런데 less 원본을 포함하여 배포하는게 무난한 아이디어일까요? ^^;;
그래야 less로 개발하신 의미도 더 있고요. ^^
그런데 작업하다 보니 less 사용하시는 분들한텐 미리 원본 파일 제공해드리면 더 편하실 것 같단 생각이 들어서인데, 실효성이 있을까 싶었었거든요. ^^
html { overflow-y:scroll } 식으로 되는데... 저 한칸의 여백마저 없으면 더 좋겠다는 생각을.. ㅠㅠ
감사합니다!!! 전진님 덕분에 g5 에 less 원본을 포함할 수 있게 됐습니다.
직접 css 화일을 less 화일로 변환 하셨나요?
몇가지 툴이 있던것 같기는 하던데, 아마 nesting 정도 해주지 않을지..
변수라던가 mixin? 같은 것은 아마 직접 하셔야 겠죠? ^^
일단은 자주 사용되는 요소 위주로 묶어주는 작업부터 하려구요.
본의 아니게 코드 리뷰를 수행하고 있네요. ^^;;
public $openSingle = " { ";
public $closeSingle = " }";
을
public $openSingle = " {";
public $closeSingle = "}";
로... ㅎㅎㅎ
For more information about what can be configured with the formatter consult the source code.
이 안내 문구가 참 재밌네요. 보통은 formatter 를 쫙 나열해서 안내했을텐데 말이죠.
뭔가 개발자다운 느낌이 든달까요? ^^
역시 소스코드를 직접 수정하심이 어떨지 ^o^
그런데 이 lessphp 개발자가 주석에 대해 생각하는게 남다른 거 같아요.
그런 부분 때문에 fix 가 안 되는 것 같기도 하고... 암튼 재미있습니다. ㅎㅎㅎ
http://leafo.net/lessphp/docs/#preserving_comments
게다가 css 로 컴파일할때, 일부 주석은 어느위치로 가져가야 할지 명확하지 않을수도 있겠네요..
---
```
<div id="content">
<div id="left">
</div>
</div>
<div id="left">
</div>
```
기존 css 발식
---
```
#content {
min-width: 500px;
max-width: 1024px;
}
#content > #left {
background-color:#000;
foat:left;
width:300px;
}
```
less 방식
---
```
#content {
min-width: 500px;
max-width: 1024px;
#left {
background-color:#000;
foat:left;
width:300px;
}
}
```