pure

css-framework responsive layout

Pure는 웹 프로젝트를 시작하기 위해 사용할 수 있는 매우 작은 크기의 CSS 라이브러리입니다. 이 라이브러리는 모듈화 되어 있으며, 필요한 CSS만을 로드하여 사용할 수 있습니다, 빠르고 효율적인 디자인을 가능하게 합니다.

Latest Ver 3.0.0

Homepage

Github

23,711

📢 Pure는 간단하고 빠르게 웹 프로젝트를 구축할 수 있는 CSS 라이브러리입니다.

CDN 다운로드

License: BSD

Asset Type :

전체 버전 보기

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/base-context-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/base-context-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/base-context.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/base-context.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/base-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/base-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/base.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/base.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/buttons-core-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/buttons-core-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/buttons-core.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/buttons-core.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/buttons-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/buttons-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/buttons.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/buttons.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/forms-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/forms-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/forms-nr-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/forms-nr-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/forms-nr.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/forms-nr.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/forms.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/forms.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids-core-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids-core-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids-core.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids-core.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids-responsive-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids-responsive-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids-responsive.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids-responsive.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids-units-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids-units-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids-units.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids-units.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-core-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-core-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-core.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-core.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-dropdown-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-dropdown-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-dropdown.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-dropdown.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-horizontal-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-horizontal-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-horizontal.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-horizontal.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-scrollable-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-scrollable-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-scrollable.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-scrollable.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-skin-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-skin-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-skin.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-skin.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/pure-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/pure-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/pure-nr-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/pure-nr-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/pure-nr.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/pure-nr.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/pure.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/pure.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/tables-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/tables-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/tables.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/tables.min.css

Sample Code

⚠️ import 문을 포함한 일부 코드는 jsFiddle에서 정상 실행되지 않을 수 있습니다. 실행 오류가 발생할 경우 코드 복사 후 직접 실행해보세요.

📄 HTML
<div class="pure-g"><div class="pure-u-1-3"><p>This is a third of the width.</p></div><div class="pure-u-2-3"><p>This is two thirds of the width.</p></div></div>

🎨 External CSS
<link href="https://cdnjs.cloudflare.com/ajax/libs/pure/2.0.3/pure-min.css" rel="stylesheet">