CSS
absoluteで横位置を中央にする
.logo { position: absolute; left: 50%; margin-left: -15px; //幅の半分のサイズをマイナスする }
Sass：extendでtransition設定を共用
Sassのextendを使って、transition設定を使いまわしましょう。 Sass .transition3 { @include transition(.3s); } a { @extend .transitio…Sass：extendでCSSグラデーションを共用
Sassのextendを使って、グラデーション設定を使いまわしましょう。 Sass $experimental-support-for-svg: true; .gradient { @include background…Sass：extendでellipsisを共用
Sassのextendを使って、サイト内でellipsisを使いまわしましょう。 Sass .ellipsis { @include ellipsis; } .box1 { @extend .ellipsis; widt…Sass：extendでborder-radiusを共用
Sassのextendを使って、サイト内でborder-radiusを統一してしまいましょう。 Sass .border-radius-s { @include border-radius(3px); } .border…Sass：extendでbox-sizingを共用
Sassのextendを使って、何度も同じ記述をするのを削減しましょう。 Sass .border-box { @include box-sizing(border-box); } .box1 { @extend .bo…検索ボックスにフォーカスしたら括っているDIVの枠線の色を変える
<div class="search"> <form> <input type="text" class="searchText"…