KSS Style Guide

2.15 #Child Width - p50 .vwc[mx,mn]-p50

Toggle example guides Toggle HTML markup

Sets the width, max-width, or min-width of an elements immediate children to css var for p50.

Examples
Default styling
A div
B div
.vwc-p50
Sets width of immediate children to p50
A div
B div
.vwcmn-p50
Sets min-width of immediate children to p50
A div
B div
.vwcmx-p50
Sets max-width of immediate children to p50
A div
B div
Markup
<div class="bwa-1 [modifier class]"><div class="bwa-1">A div</div><div class="bwa-1">B div</div></div>
Source: dist/standard/standard.css, line 12318