Forked from A Non Ymous's Pen ulbaA.
A Pen by JeongInyoung on CodePen.
| # Compass 프로젝트 생성 | |
| compass create 프로젝트폴더이름 | |
| # Compass 클린(불필요한 내용 지우기, 캐시, stylesheets 내부 모든 파일 제거)파일 | |
| compass clean | |
| # sass 폴더 내부의 모든 *.scss 파일을 제거 | |
| rm sass/*.scss | |
| # stylesheets 폴더 제거 |
| source 'http://rubygems.org' | |
| gem 'compass', '~>1.0.0.alpha.13' | |
| gem 'breakpoint', '~>2.4.2' | |
| gem 'singularitygs', '~>1.2.0.rc.6' | |
| gem 'singularity-extras', '~>1.0.0.alpha.3' | |
| gem 'toolkit', '~>2.0.0.alpha.7' | |
| gem 'susy', :git => 'git://github.com/ericam/susy.git', :tag => 'v1.0.rc.1' |
| @mixin generate-960gs ( | |
| $grid_count: 12 | |
| ) { | |
| @if($grid_count != 12 or $grid_count != 16 or $grid_count != 24) { | |
| @warn "960 그리드 시스템에 해당하는 숫자 값이 아닙니다."; | |
| @debug "입력하신 전달인자 $grid_count 값은 #{$grid_count}(#{type-of($grid_count)}) 입니다."; | |
| } | |
| // ======================================= | |
| // Grid Options | |
| // ======================================= |
| <div class="container"> | |
| <div class="one"></div> | |
| <div class="two"></div> | |
| <div class="three"></div> | |
| </div> |
| <!DOCTYPE html> | |
| <html lang="ko-KR"> | |
| <head> | |
| <meta http-equiv="X-UA-Compatible" content="IE=Edge"> | |
| <meta charset="UTF-8"> | |
| <title>삼각형 만들기</title> | |
| <style> | |
| .triangle-top { | |
| width: 0px; | |
| height: 0px; |
| <div class="foo">foo</div> | |
| <div class="bar">bar</div> | |
| <div class="baz">baz</div> | |
| <div class="gar"> | |
| Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod | |
| tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, |
| <div class="container"> | |
| <div class="one"></div> | |
| <div class="two"></div> | |
| <div class="three"></div> | |
| </div> |
Forked from A Non Ymous's Pen ulbaA.
A Pen by JeongInyoung on CodePen.
| // ---- | |
| // Sass (v3.3.14) | |
| // Compass (v1.0.0.rc.0) | |
| // Breakpoint (v2.4.6) | |
| // ---- | |
| @import "breakpoint"; | |
| body { | |
| background: url(bg.png); |
| // ---- | |
| // Sass (v3.4.1) | |
| // Compass (v1.0.1) | |
| // Breakpoint (v2.5.0) | |
| // Singularity Extras (v1.0.0) | |
| // Singularity.gs (v1.4.0) | |
| // ---- | |
| @import "compass"; | |
| @import "breakpoint"; |