Sass&Compassでつくられたボタンライブラリ「Buttons」

Pocket

Sass&Compassでつくられたボタンスタイルライブラリ「Buttons」の使い勝手がなかなか良さそうです。

どんなライブラリなの?

まず定番のフラットボタンはおさえつつ、

Cursor_と_Buttons_-_A_button_library_built_with_Sass_and_Compass 2

何種類かボタンのバリエーションデザインがあります。

Cursor_と_Buttons_-_A_button_library_built_with_Sass_and_Compass 3

ボタンのサイズもCSSのクラス指定で変更できます。

Cursor_と_Buttons_-_A_button_library_built_with_Sass_and_Compass 4

もちろんボタンがdisabledのときのスタイルにも対応しています。

Cursor_と_Buttons_-_A_button_library_built_with_Sass_and_Compass 5

どう使うの?

サイトからCSSをダウンロードする方法と、Bowerを使ってプロジェクトに取り込んで、Sassのimportで使う方法の2つの選択肢があります。

実際に使うときはCSSファイルはひとまとめにしたいと思うので、Bowerを使ってプロジェクトに取り込んで、Sassのimportで使う方法が良いと思われます。

詳しくはGithubのREADMEをご覧ください。

Buttons