Raindrops 1.457 更新概要
Raindrops1.457では、文字列省略クラスが追加されました。
class trancate 及び data-rows 属性が、P要素やh*要素に追加された場合、ブラウザの幅が小さいなどで、指定した行数で表示できない場合は、文字列を省略して表示するようになります。また、CSSを適切に設定する事で、全文を表示する「read more」的なものを表示することが出来ます。
下のサンプルは、ブラウザ幅を小さくして、全文が表示できなくなると、read moreが追加されて、クリックすると全文が表示されます。
ブラウザ幅を、狭くしたら、リロードしてみてください
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
詳細は、Raindrops1.457で改修予定のCSSクラスをご覧ください
その他、1.456似て、スタイルが想定以外の部分にも適用されているバグが見つかりましたので修正しました。
version: 1.457 Overview of Changes
Fixed Scope of too wide style
index article margin-bottom,
.postmetadata,.entry-meta margin,
ul.archive > li,ul.index li, margin,
ul.archive > li > div, -ul.index > li > div margin
Added New Class .trancate and data-rows attribute
<p class="trancate" data-rows="5">lorem....</p>
multiline clipping class
for like text-overflow , -webkit-line-clamp, -o-ellipsis-lastline presentation
@see example http://tenman.info/labo/css/?p=5574
Modified rd-square, rd-round, centered classes