scss 4

압타나에서 보다 편하게 보기 위해 정렬된 사스(SASS)형태로 포맷을 바꾸자~!

aptana : changing content types .scss format to .css format 압타나에서 .scss 파일을 열어 보면 문단정렬이 되지 않는다~ 억.들여쓰기도. 탭도. 이상하게 작동.. 이런 경우 툴바의 window > preferences 에 들어가서 .scss 의 file associations을 수정해준다. file types 에서 .scss를 선택 후associated editors에 css source editor을 추가하고, 이 값을 default 로 지정해주면 정렬된 .scss의 포맷을 볼 수 있다. (정렬이 안되었다면. 창을 닫았다가 다시 열어보자.) Part 1 - Associate the .scss file type with the native Eclipse ..

wEb 2013.10.08

aptana에서 .scss 확장자 인식

aptana에서 .scss 확장자 인식 aptana에서 .scss를 처음 사용할 때 aptana에서는 .scss를 제대로 인식하지 못해서 코딩할 때 element들의 색구분과 탭들여쓰기, 코드어시스턴트가 제대로 되지 않는다. 이 때 preferences > Editors > File Associations에서 .scss 확장자를 선택하여 .css확장자 contents type으로 설정해주면 코드어시스턴트와 element의 색구분, 탭들여쓰기가 css확장자를 가진것처럼 됨. | 제대로 인식되지 않은 .scss의 코딩. elements의 스타일링구분과 code assistant가 동작하지 않는다. | preferences > Editors > File Associations 1. Preferences > E..

wEb 2013.05.07

SCSS/SASS mixin으로 간편하게 CSS 스타일링을!@

SCSS/SASS mixin SCSS/SASS mixin은 CSS3 스타일링을 간편하게 할 수 있도록 쓰이는데. @import 명령구를 이용해서 스타일시트를 꾸밀 수 있음. 아래는 scss/sass에서 사용되는 mixin 방법들~! /***** SCSS CSS 3 Property Maxin v 0.1 by Dele O *******/ @mixin rounded($radius: 10px) { border-radius: $radius; -moz-border-radius: $radius; -webkit-border-radius: $radius; } @mixin roundedSides($topLeft, $topRight, $bottomRight, $bottomLeft) { -moz-border-radius-to..

wEb 2013.05.07