Pureは、Yahoo!が開発したCSSフレームワークです。
シンプルで軽量なのが一番の魅力です！
私は自分用に作ったのフレームワークを、必要な部分のみ使用していましたが、こういったものも便利ですね。
Pure を利用した時のよく使うclassの設定方法についての備忘録です。
グリッド
pure-u-sm-1-2 pure-u-sm-1-3 pure-u-sm-2-3
等といった感じで書くと、幅が1/2 1/3 2/3 という意味になるが、
pure-u-sm で記載すると、スクリーンの幅が568pxより大きい場合に適用される。
pure-u-md-1-2 pure-u-md-1-3 pure-u-md-2-3
の場合、スクリーンの幅が768pxより大きい場合に、そのクラスで囲まれたコンテンツの幅が1/2 1/3 2/3 と適用される。
