paddingは10%以上にできないのですね？

質問

バリデートで下記エラーが出るのですがpaddingは10%以上にできないのですね？

.u-ptb-10percent 次のプロパティが正しくありません : padding-top 値が多すぎるか、もしくは値が解析できません : 10% 0

回答No.2

bya00417 · ベストアンサー

＞　ただ下記の10%のどこに全角などありますか？
＞　サブライム場にもなんのエラーも出ません。

「0」と「!important」の間にスペースが無いのが問題じゃないですか。

お礼

ところが10と15以外の11などはエラーが出ないのです。謎です。

回答No.1

bya00417

paddingは10%以上にできますよ。

ここで言う 10% は親要素の横幅の10%と言う解釈になりますので、親要素がどのような指定になっているかや、他のスタイル指定との兼ね合い等で不正な値になってしまっているか、若しくは単に誤記（全角文字が混じってるとか）の可能性が考えられますね。

お礼

ありがとうございます。確かに記載しなおしたら出なくなりました。
ただ下記の10%のどこに全角などありますか？
サブライム場にもなんのエラーも出ません。

.u-ptb-10percent{
padding-top: 10% 0!important;
}

.u-ptb-11percent{
padding: 11% 0!important;
}

.u-ptb-12percent{
padding: 12% 0!important;
}

.u-ptb-13percent{
padding: 13% 0!important;
}

.u-ptb-14percent{
padding: 14% 0!important;
}

.u-ptb-15percent{
padding-top: 15% 0!important;
}