u-width-(percentage)
幅を親要素を基準とした割合に変更する。
u-width-20
u-width-25
u-width-33
u-width-50
u-width-66
u-width-75
u-width-100
<div class="u-width-20" style="margin-bottom: 1rem; padding: .5rem; background-color: #ffddaa; text-align: center;"> u-width-20 </div>
<div class="u-width-25" style="margin-bottom: 1rem; padding: .5rem; background-color: #ffddaa; text-align: center;"> u-width-25 </div> <div class="u-width-33" style="margin-bottom: 1rem; padding: .5rem; background-color: #ffddaa; text-align: center;"> u-width-33 </div> <div class="u-width-50" style="margin-bottom: 1rem; padding: .5rem; background-color: #ffddaa; text-align: center;"> u-width-50 </div> <div class="u-width-66" style="margin-bottom: 1rem; padding: .5rem; background-color: #ffddaa; text-align: center;"> u-width-66 </div> <div class="u-width-75" style="margin-bottom: 1rem; padding: .5rem; background-color: #ffddaa; text-align: center;"> u-width-75 </div> <div class="u-width-100" style="margin-bottom: 1rem; padding: .5rem; background-color: #ffddaa; text-align: center;"> u-width-100 </div>