SasS 3

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

how to use SASS

how to install SASS 0. http://sass-lang.com/tutorial.html 에서 SASS를 설치하기 위해 RUBY installer 페이지로 이동한다. 1. http://rubyinstaller.org/ RUBY 최신버전을 설치. 2. http://sass-lang.com/tutorial.html 로 돌아가. cmd 창을 열고. 3. gem install sass 명령어 입력 4. To translate this Sass file into a CSS file, run sass --watch style.scss:style.css 입력 또는 when you have several Sass files sass --watch stylesheets/sass:stylesheets/com..

wEb 2013.04.02