StyleSheet/Susy 검색 결과

해당 글 3건

Susy Settings 기본 설정 #2

Susy Settings(gutters, Column-width, debug, etc..) 이전 포스팅 다음으로 계속 Susy Settings 에 대해 살펴보겠습니다. Column Width column-width [@type setting] column-width 는 명시적인 컬럼의 넓이를 지정할 수 있습니다. ㆍ key : column-width ㆍ Scope : global, local ㆍ Options : | false / null ㆍ Default : false 는 유효한 unit(단위)를 사용하여 컬럼의 너비를 지정하고 일반적으로 정적(고정) 레이아웃에서 모든 그리드의 너비를 계산하기 위해 사용할 수 있습니다. 또한, 유동(fluid) 레이아웃에서도 컨테이너의 outer 최대 넓이를 계산하기 ..
StyleSheet/Susy 2016. 2. 10. 09:23

Susy Settings 기본 설정 #1

Susy2 기본 구성하기 Susy2를 사용하려면 Global Settings(전역 설정)는 거의 필수적이라고 할 수 있습니다. Susy2를 import 하여 사용자 전역설정 없이 Susy2의 내장되어 있는 기본값 전역설정을 그대로 사용하면 제어하는데에 약간(?)의 어려움이 있을 수 있습니다. UI개발자가 크로스 브라우징을 하기 위해서 모든 브라우저의 스타일을 초기화하는 것과 비슷한 맥락입니다. 지금부터 전반적인 Susy2의 기본 구성 설정에 대해 알아보도록 하겠습니다. Settings Susy2 는 Sass의 map 타입 또는 Shorthand Syntax(단축 구문) 과 같은 문법을 사용하여 settings(설정값)을 정의할 수 있습니다. 아래의 두 설정값은 서로 바꿔서 사용할 수 있습니다.(호환성) ..
StyleSheet/Susy 2015. 12. 18. 17:12

Susy Framwork Overview (Susy 둘러보기)

Susy Overview Sass 로 구축할 수 있는 프레임워크 중에 아름다운 그리드 시스템 레이아웃을 보다 쉽게 제공,지원해주는 Susy 프레임워크에 대해서 알아보도록 하겠습니다. 만약 누군가가 "그리드 시스템이 뭐지?!" 라고 한다면 먼저 그리드 시스템에 대한 내용을 살펴보시기 바랍니다. Sass, Compass 를 한 번쯤 다루어 본 사람이라면 Sass 홈페이지에서 사스의 프레임워크로 Compass, bourbon 그리고 Susy 정도를 보았을 것입니다. Susy[soo-zee] 는 다른 그리드시스템에 비해 상당히 쉬운 그리드시스템으로 정평이 나 있습니다. Susy 를 사용하면 보다 쉽고 간결하게 웹사이트 레이아웃을 디자인(설계)할 수 있으며 더 나아가 반응형 웹 디자인 레이아웃도 스마트하게 구현할..
StyleSheet/Susy 2015. 12. 18. 08:11