February 2013
Intermediate to advanced
380 pages
7h 45m
Japanese
Content preview from Nodeクックブック
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
189
レシピ 6.5 CSS プリプロセッサを使う（Stylus）
ミニレシピ
6.5.1
Stylus
：
mixin
のネストと
rest
パラメータ
Stylus
では、設定した
mixin
を他の
mixin
で呼び出して使用することができます。また、
rest
パラメータシンタックスをサポートしています（後に続くすべてのパラメータが、配列に格納され
ます）。
レシピ
6.5
で作成したテーブルの見た目をさらにやわらかくするために、
td
要素の角を丸くし
ます。角丸の半径は、
#profiles
テーブルの角丸の半径と呼応した大きさにします
†
。
要素の任意の角に対して角丸の半径を設定できる必要があります。角の指定については、各ブラ
ウザで違ったアプローチがとられており、実装方法にばらつきがあります。
FireFox
ではダッシュ
なしで以下のように設定します。
-moz-border-radius-topleft: 9px;
WebKit
は、プレフィックスを除くと標準に準拠した形で実装しています。
-webkit-border-top-left-radius: 9px;
これらの違いを吸収する
mixin
を作ってみます。
views/stylesheets/style.styl
// borderIt
の前に追加
rndCorner(rad, sides...)
if length(sides) is 2
-moz-border-radius-{sides[0]}{sides[1]} rad
-webkit-border-{sides[0]}-{sides[1]}-radius ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.