KSS Style Guide

2.1 #Child Width - ch0 .vwc[mx,mn]-ch0

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

Examples

Default styling

A div

B div

.vwc-ch0

Sets width of immediate children to ch0

A div

B div

.vwcmn-ch0

Sets min-width of immediate children to ch0

A div

B div

.vwcmx-ch0

Sets max-width of immediate children to ch0

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 12619

2.1.1 #Child Width - ch0 - sm .vwc[mn,mx]-sm-ch0

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

Examples

Default styling

A div

B div

.vwc-sm-ch0

Sets width of immediate children to ch0 on sm

A div

B div

.vwcmn-sm-ch0

Sets min-width of immediate children to ch0 on sm

A div

B div

.vwcmx-sm-ch0

Sets max-width of immediate children to ch0 on sm

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 13781

2.2 #Child Width - ch1 .vwc[mx,mn]-ch1

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

Examples

Default styling

A div

B div

.vwc-ch1

Sets width of immediate children to ch1

A div

B div

.vwcmn-ch1

Sets min-width of immediate children to ch1

A div

B div

.vwcmx-ch1

Sets max-width of immediate children to ch1

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 12662

2.2.1 #Child Width - ch1 - sm .vwc[mn,mx]-sm-ch1

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

Examples

Default styling

A div

B div

.vwc-sm-ch1

Sets width of immediate children to ch1 on sm

A div

B div

.vwcmn-sm-ch1

Sets min-width of immediate children to ch1 on sm

A div

B div

.vwcmx-sm-ch1

Sets max-width of immediate children to ch1 on sm

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 13824

2.3 #Child Width - ch2 .vwc[mx,mn]-ch2

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

Examples

Default styling

A div

B div

.vwc-ch2

Sets width of immediate children to ch2

A div

B div

.vwcmn-ch2

Sets min-width of immediate children to ch2

A div

B div

.vwcmx-ch2

Sets max-width of immediate children to ch2

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 12705

2.3.1 #Child Width - ch2 - sm .vwc[mn,mx]-sm-ch2

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

Examples

Default styling

A div

B div

.vwc-sm-ch2

Sets width of immediate children to ch2 on sm

A div

B div

.vwcmn-sm-ch2

Sets min-width of immediate children to ch2 on sm

A div

B div

.vwcmx-sm-ch2

Sets max-width of immediate children to ch2 on sm

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 13867

2.4 #Child Width - ch3 .vwc[mx,mn]-ch3

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

Examples

Default styling

A div

B div

.vwc-ch3

Sets width of immediate children to ch3

A div

B div

.vwcmn-ch3

Sets min-width of immediate children to ch3

A div

B div

.vwcmx-ch3

Sets max-width of immediate children to ch3

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 12748

2.4.1 #Child Width - ch3 - sm .vwc[mn,mx]-sm-ch3

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

Examples

Default styling

A div

B div

.vwc-sm-ch3

Sets width of immediate children to ch3 on sm

A div

B div

.vwcmn-sm-ch3

Sets min-width of immediate children to ch3 on sm

A div

B div

.vwcmx-sm-ch3

Sets max-width of immediate children to ch3 on sm

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 13910

2.5 #Child Width - ch4 .vwc[mx,mn]-ch4

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

Examples

Default styling

A div

B div

.vwc-ch4

Sets width of immediate children to ch4

A div

B div

.vwcmn-ch4

Sets min-width of immediate children to ch4

A div

B div

.vwcmx-ch4

Sets max-width of immediate children to ch4

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 12791

2.5.1 #Child Width - ch4 - sm .vwc[mn,mx]-sm-ch4

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

Examples

Default styling

A div

B div

.vwc-sm-ch4

Sets width of immediate children to ch4 on sm

A div

B div

.vwcmn-sm-ch4

Sets min-width of immediate children to ch4 on sm

A div

B div

.vwcmx-sm-ch4

Sets max-width of immediate children to ch4 on sm

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 13953

2.6 #Child Width - em0 .vwc[mx,mn]-em0

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

Examples

Default styling

A div

B div

.vwc-em0

Sets width of immediate children to em0

A div

B div

.vwcmn-em0

Sets min-width of immediate children to em0

A div

B div

.vwcmx-em0

Sets max-width of immediate children to em0

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 13006

2.6.1 #Child Width - em0 - sm .vwc[mn,mx]-sm-em0

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

Examples

Default styling

A div

B div

.vwc-sm-em0

Sets width of immediate children to em0 on sm

A div

B div

.vwcmn-sm-em0

Sets min-width of immediate children to em0 on sm

A div

B div

.vwcmx-sm-em0

Sets max-width of immediate children to em0 on sm

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 14168

2.7 #Child Width - em1 .vwc[mx,mn]-em1

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

Examples

Default styling

A div

B div

.vwc-em1

Sets width of immediate children to em1

A div

B div

.vwcmn-em1

Sets min-width of immediate children to em1

A div

B div

.vwcmx-em1

Sets max-width of immediate children to em1

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 13049

2.7.1 #Child Width - em1 - sm .vwc[mn,mx]-sm-em1

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

Examples

Default styling

A div

B div

.vwc-sm-em1

Sets width of immediate children to em1 on sm

A div

B div

.vwcmn-sm-em1

Sets min-width of immediate children to em1 on sm

A div

B div

.vwcmx-sm-em1

Sets max-width of immediate children to em1 on sm

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 14211

2.8 #Child Width - em2 .vwc[mx,mn]-em2

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

Examples

Default styling

A div

B div

.vwc-em2

Sets width of immediate children to em2

A div

B div

.vwcmn-em2

Sets min-width of immediate children to em2

A div

B div

.vwcmx-em2

Sets max-width of immediate children to em2

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 13092

2.8.1 #Child Width - em2 - sm .vwc[mn,mx]-sm-em2

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

Examples

Default styling

A div

B div

.vwc-sm-em2

Sets width of immediate children to em2 on sm

A div

B div

.vwcmn-sm-em2

Sets min-width of immediate children to em2 on sm

A div

B div

.vwcmx-sm-em2

Sets max-width of immediate children to em2 on sm

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 14254

2.9 #Child Width - p10 .vwc[mx,mn]-p10

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

Examples

Default styling

A div

B div

.vwc-p10

Sets width of immediate children to p10

A div

B div

.vwcmn-p10

Sets min-width of immediate children to p10

A div

B div

.vwcmx-p10

Sets max-width of immediate children to p10

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 12103

2.9.1 #Child Width - p10 - sm .vwc[mn,mx]-sm-p10

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

Examples

Default styling

A div

B div

.vwc-sm-p10

Sets width of immediate children to p10 on sm

A div

B div

.vwcmn-sm-p10

Sets min-width of immediate children to p10 on sm

A div

B div

.vwcmx-sm-p10

Sets max-width of immediate children to p10 on sm

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 13265

2.10 #Child Width - p100 .vwc[mx,mn]-p100

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

Examples

Default styling

A div

B div

.vwc-p100

Sets width of immediate children to p100

A div

B div

.vwcmn-p100

Sets min-width of immediate children to p100

A div

B div

.vwcmx-p100

Sets max-width of immediate children to p100

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 12576

2.10.1 #Child Width - p100 - sm .vwc[mn,mx]-sm-p100

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

Examples

Default styling

A div

B div

.vwc-sm-p100

Sets width of immediate children to p100 on sm

A div

B div

.vwcmn-sm-p100

Sets min-width of immediate children to p100 on sm

A div

B div

.vwcmx-sm-p100

Sets max-width of immediate children to p100 on sm

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 13738

2.11 #Child Width - p20 .vwc[mx,mn]-p20

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

Examples

Default styling

A div

B div

.vwc-p20

Sets width of immediate children to p20

A div

B div

.vwcmn-p20

Sets min-width of immediate children to p20

A div

B div

.vwcmx-p20

Sets max-width of immediate children to p20

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 12146

2.11.1 #Child Width - p20 - sm .vwc[mn,mx]-sm-p20

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

Examples

Default styling

A div

B div

.vwc-sm-p20

Sets width of immediate children to p20 on sm

A div

B div

.vwcmn-sm-p20

Sets min-width of immediate children to p20 on sm

A div

B div

.vwcmx-sm-p20

Sets max-width of immediate children to p20 on sm

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 13308

2.12 #Child Width - p25 .vwc[mx,mn]-p25

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

Examples

Default styling

A div

B div

.vwc-p25

Sets width of immediate children to p25

A div

B div

.vwcmn-p25

Sets min-width of immediate children to p25

A div

B div

.vwcmx-p25

Sets max-width of immediate children to p25

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 12189

2.12.1 #Child Width - p25 - sm .vwc[mn,mx]-sm-p25

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

Examples

Default styling

A div

B div

.vwc-sm-p25

Sets width of immediate children to p25 on sm

A div

B div

.vwcmn-sm-p25

Sets min-width of immediate children to p25 on sm

A div

B div

.vwcmx-sm-p25

Sets max-width of immediate children to p25 on sm

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 13351

2.13 #Child Width - p30 .vwc[mx,mn]-p30

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

Examples

Default styling

A div

B div

.vwc-p30

Sets width of immediate children to p30

A div

B div

.vwcmn-p30

Sets min-width of immediate children to p30

A div

B div

.vwcmx-p30

Sets max-width of immediate children to p30

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 12232

2.13.1 #Child Width - p30 - sm .vwc[mn,mx]-sm-p30

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

Examples

Default styling

A div

B div

.vwc-sm-p30

Sets width of immediate children to p30 on sm

A div

B div

.vwcmn-sm-p30

Sets min-width of immediate children to p30 on sm

A div

B div

.vwcmx-sm-p30

Sets max-width of immediate children to p30 on sm

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 13394

2.14 #Child Width - p40 .vwc[mx,mn]-p40

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

Examples

Default styling

A div

B div

.vwc-p40

Sets width of immediate children to p40

A div

B div

.vwcmn-p40

Sets min-width of immediate children to p40

A div

B div

.vwcmx-p40

Sets max-width of immediate children to p40

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 12275

2.14.1 #Child Width - p40 - sm .vwc[mn,mx]-sm-p40

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

Examples

Default styling

A div

B div

.vwc-sm-p40

Sets width of immediate children to p40 on sm

A div

B div

.vwcmn-sm-p40

Sets min-width of immediate children to p40 on sm

A div

B div

.vwcmx-sm-p40

Sets max-width of immediate children to p40 on sm

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 13437

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

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

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

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

Examples

Default styling

A div

B div

.vwc-sm-p50

Sets width of immediate children to p50 on sm

A div

B div

.vwcmn-sm-p50

Sets min-width of immediate children to p50 on sm

A div

B div

.vwcmx-sm-p50

Sets max-width of immediate children to p50 on sm

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 13480

2.16 #Child Width - p60 .vwc[mx,mn]-p60

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

Examples

Default styling

A div

B div

.vwc-p60

Sets width of immediate children to p60

A div

B div

.vwcmn-p60

Sets min-width of immediate children to p60

A div

B div

.vwcmx-p60

Sets max-width of immediate children to p60

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 12361

2.16.1 #Child Width - p60 - sm .vwc[mn,mx]-sm-p60

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

Examples

Default styling

A div

B div

.vwc-sm-p60

Sets width of immediate children to p60 on sm

A div

B div

.vwcmn-sm-p60

Sets min-width of immediate children to p60 on sm

A div

B div

.vwcmx-sm-p60

Sets max-width of immediate children to p60 on sm

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 13523

2.17 #Child Width - p70 .vwc[mx,mn]-p70

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

Examples

Default styling

A div

B div

.vwc-p70

Sets width of immediate children to p70

A div

B div

.vwcmn-p70

Sets min-width of immediate children to p70

A div

B div

.vwcmx-p70

Sets max-width of immediate children to p70

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 12404

2.17.1 #Child Width - p70 - sm .vwc[mn,mx]-sm-p70

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

Examples

Default styling

A div

B div

.vwc-sm-p70

Sets width of immediate children to p70 on sm

A div

B div

.vwcmn-sm-p70

Sets min-width of immediate children to p70 on sm

A div

B div

.vwcmx-sm-p70

Sets max-width of immediate children to p70 on sm

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 13566

2.18 #Child Width - p75 .vwc[mx,mn]-p75

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

Examples

Default styling

A div

B div

.vwc-p75

Sets width of immediate children to p75

A div

B div

.vwcmn-p75

Sets min-width of immediate children to p75

A div

B div

.vwcmx-p75

Sets max-width of immediate children to p75

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 12447

2.18.1 #Child Width - p75 - sm .vwc[mn,mx]-sm-p75

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

Examples

Default styling

A div

B div

.vwc-sm-p75

Sets width of immediate children to p75 on sm

A div

B div

.vwcmn-sm-p75

Sets min-width of immediate children to p75 on sm

A div

B div

.vwcmx-sm-p75

Sets max-width of immediate children to p75 on sm

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 13609

2.19 #Child Width - p80 .vwc[mx,mn]-p80

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

Examples

Default styling

A div

B div

.vwc-p80

Sets width of immediate children to p80

A div

B div

.vwcmn-p80

Sets min-width of immediate children to p80

A div

B div

.vwcmx-p80

Sets max-width of immediate children to p80

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 12490

2.19.1 #Child Width - p80 - sm .vwc[mn,mx]-sm-p80

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

Examples

Default styling

A div

B div

.vwc-sm-p80

Sets width of immediate children to p80 on sm

A div

B div

.vwcmn-sm-p80

Sets min-width of immediate children to p80 on sm

A div

B div

.vwcmx-sm-p80

Sets max-width of immediate children to p80 on sm

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 13652

2.20 #Child Width - p90 .vwc[mx,mn]-p90

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

Examples

Default styling

A div

B div

.vwc-p90

Sets width of immediate children to p90

A div

B div

.vwcmn-p90

Sets min-width of immediate children to p90

A div

B div

.vwcmx-p90

Sets max-width of immediate children to p90

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 12533

2.20.1 #Child Width - p90 - sm .vwc[mn,mx]-sm-p90

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

Examples

Default styling

A div

B div

.vwc-sm-p90

Sets width of immediate children to p90 on sm

A div

B div

.vwcmn-sm-p90

Sets min-width of immediate children to p90 on sm

A div

B div

.vwcmx-sm-p90

Sets max-width of immediate children to p90 on sm

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 13695

2.21 #Child Width - px0 .vwc[mx,mn]-px0

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

Examples

Default styling

A div

B div

.vwc-px0

Sets width of immediate children to px0

A div

B div

.vwcmn-px0

Sets min-width of immediate children to px0

A div

B div

.vwcmx-px0

Sets max-width of immediate children to px0

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 12834

2.21.1 #Child Width - px0 - sm .vwc[mn,mx]-sm-px0

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

Examples

Default styling

A div

B div

.vwc-sm-px0

Sets width of immediate children to px0 on sm

A div

B div

.vwcmn-sm-px0

Sets min-width of immediate children to px0 on sm

A div

B div

.vwcmx-sm-px0

Sets max-width of immediate children to px0 on sm

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 13996

2.22 #Child Width - px1 .vwc[mx,mn]-px1

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

Examples

Default styling

A div

B div

.vwc-px1

Sets width of immediate children to px1

A div

B div

.vwcmn-px1

Sets min-width of immediate children to px1

A div

B div

.vwcmx-px1

Sets max-width of immediate children to px1

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 12877

2.22.1 #Child Width - px1 - sm .vwc[mn,mx]-sm-px1

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

Examples

Default styling

A div

B div

.vwc-sm-px1

Sets width of immediate children to px1 on sm

A div

B div

.vwcmn-sm-px1

Sets min-width of immediate children to px1 on sm

A div

B div

.vwcmx-sm-px1

Sets max-width of immediate children to px1 on sm

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 14039

2.23 #Child Width - px2 .vwc[mx,mn]-px2

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

Examples

Default styling

A div

B div

.vwc-px2

Sets width of immediate children to px2

A div

B div

.vwcmn-px2

Sets min-width of immediate children to px2

A div

B div

.vwcmx-px2

Sets max-width of immediate children to px2

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 12920

2.23.1 #Child Width - px2 - sm .vwc[mn,mx]-sm-px2

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

Examples

Default styling

A div

B div

.vwc-sm-px2

Sets width of immediate children to px2 on sm

A div

B div

.vwcmn-sm-px2

Sets min-width of immediate children to px2 on sm

A div

B div

.vwcmx-sm-px2

Sets max-width of immediate children to px2 on sm

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 14082

2.24 #Child Width - px3 .vwc[mx,mn]-px3

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

Examples

Default styling

A div

B div

.vwc-px3

Sets width of immediate children to px3

A div

B div

.vwcmn-px3

Sets min-width of immediate children to px3

A div

B div

.vwcmx-px3

Sets max-width of immediate children to px3

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 12963

2.24.1 #Child Width - px3 - sm .vwc[mn,mx]-sm-px3

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

Examples

Default styling

A div

B div

.vwc-sm-px3

Sets width of immediate children to px3 on sm

A div

B div

.vwcmn-sm-px3

Sets min-width of immediate children to px3 on sm

A div

B div

.vwcmx-sm-px3

Sets max-width of immediate children to px3 on sm

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 14125

2.25 #Child Width - rem0 .vwc[mx,mn]-rem0

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

Examples

Default styling

A div

B div

.vwc-rem0

Sets width of immediate children to rem0

A div

B div

.vwcmn-rem0

Sets min-width of immediate children to rem0

A div

B div

.vwcmx-rem0

Sets max-width of immediate children to rem0

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 13135

2.25.1 #Child Width - rem0 - sm .vwc[mn,mx]-sm-rem0

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

Examples

Default styling

A div

B div

.vwc-sm-rem0

Sets width of immediate children to rem0 on sm

A div

B div

.vwcmn-sm-rem0

Sets min-width of immediate children to rem0 on sm

A div

B div

.vwcmx-sm-rem0

Sets max-width of immediate children to rem0 on sm

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 14297

2.26 #Child Width - rem1 .vwc[mx,mn]-rem1

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

Examples

Default styling

A div

B div

.vwc-rem1

Sets width of immediate children to rem1

A div

B div

.vwcmn-rem1

Sets min-width of immediate children to rem1

A div

B div

.vwcmx-rem1

Sets max-width of immediate children to rem1

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 13178

2.26.1 #Child Width - rem1 - sm .vwc[mn,mx]-sm-rem1

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

Examples

Default styling

A div

B div

.vwc-sm-rem1

Sets width of immediate children to rem1 on sm

A div

B div

.vwcmn-sm-rem1

Sets min-width of immediate children to rem1 on sm

A div

B div

.vwcmx-sm-rem1

Sets max-width of immediate children to rem1 on sm

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 14340

2.27 #Child Width - rem2 .vwc[mx,mn]-rem2

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

Examples

Default styling

A div

B div

.vwc-rem2

Sets width of immediate children to rem2

A div

B div

.vwcmn-rem2

Sets min-width of immediate children to rem2

A div

B div

.vwcmx-rem2

Sets max-width of immediate children to rem2

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 13221

2.27.1 #Child Width - rem2 - sm .vwc[mn,mx]-sm-rem2

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

Examples

Default styling

A div

B div

.vwc-sm-rem2

Sets width of immediate children to rem2 on sm

A div

B div

.vwcmn-sm-rem2

Sets min-width of immediate children to rem2 on sm

A div

B div

.vwcmx-sm-rem2

Sets max-width of immediate children to rem2 on sm

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 14383