Sass使っている人に質問です。コーディングしていくと似たような箇所が増えるのですが、どこまでmixinやplaceholderにしますか？
例えばこのW3Qの投稿画面を以下のようにコーディングしているとします。
.
/* 質問する */
.question-entry {
　@include box;
　marign-bottom:20px;
　&-title{
　　@extend %title;
　}
　&-body{
　　margin-bottom:10px;
　}
　&-form {
　　@include form;
　}
　&-bottom {
　　text-align:right;
　　&-button {
　　　@include button;
　　}
　}
}
.
/* 機能紹介 */
.function-info {
　@include box;
　&__body {
　　&__list {
　　　@extend %list;
　　}
　}
}
.
ボーダー入りのボックスにタイトルがあってフォームがあってボタンがあってというスタイルは、コメント投稿箇所にも使えそうです。そして「機能紹介」の箇所も似たような構成になっているので、「question-entry」をmixinにして「.function-info」にincludeすればいいのか？と感じます。
.
ですが、そのままincludeすると「-form」や「-bottom」など、不要な箇所もincludeしてしまう事になります。
.
だったらやっぱり上のようなコードの方が良いのかな？とも思いますが、悩みます。皆さんならどうしますか？Sassを使ったコーディングが得意な人がいましたら教えて下さい。