Catpow SCSS

background image

fill_4_values

値が４つ未満のリストをmarginやpaddingの値の補完と同様のルールで４つの値をもつリストに補完します。
scss
@import 'catpow';

.box{
	margin:fill_4_values(1rem);
	padding:fill_4_values(1rem 2rem);
	border-width:fill_4_values(1rem 2rem 3rem);
}
css
.box {
  margin: 1rem, 1rem, 1rem, 1rem;
  padding: 1rem, 2rem, 1rem, 2rem;
  border-width: 1rem, 2rem, 3rem, 2rem;
}