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">