KSS Style Guide

28 #Margin Margin

Classes for setting the margin an element.

Source: dist/standard/standard.css, line 7265

28.1 #Margin - Width Margin Width

Classes for setting the margin width of an element.

Source: dist/standard/standard.css, line 7272

28.1.1 #Margin - Width - 0 .mw*-0

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for 0.

Examples
Default styling
A div
.mwa-0
Sets all margins to 0
A div
.mwx-0
Sets left and right margins to 0
A div
.mwy-0
Sets top and bottom margins to 0
A div
.mwt-0
Sets top margin to 0
A div
.mwr-0
Sets right margin to 0
A div
.mwb-0
Sets bottom margin to 0
A div
.mwl-0
Sets left margin to 0
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 7279

28.1.1 #Margin - Width - 0 .mw*r-0

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to the negative value of the css var for 0.

Examples
Default styling
A div
.mwar-0
Sets all margins to m0
A div
.mwxr-0
Sets left and right margins to m0
A div
.mwyr-0
Sets top and bottom margins to m0
A div
.mwtr-0
Sets top margin to m0
A div
.mwrr-0
Sets right margin to m0
A div
.mwbr-0
Sets bottom margin to m0
A div
.mwlr-0
Sets left margin to m0
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 7321

28.1.1 #Margin - Width - 0 .mw*-sm-0

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for 0 on sm.

Examples
Default styling
A div
.mwa-sm-0
Sets all margins to 0 on sm
A div
.mwx-sm-0
Sets left and right margins to 0 on sm
A div
.mwy-sm-0
Sets top and bottom margins to 0 on sm
A div
.mwt-sm-0
Sets top margin to 0 on sm
A div
.mwr-sm-0
Sets right margin to 0 on sm
A div
.mwb-sm-0
Sets bottom margin to 0 on sm
A div
.mwl-sm-0
Sets left margin to 0 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 8960

28.1.2 #Margin - Width - 1 .mw*-1

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for 1.

Examples
Default styling
A div
.mwa-1
Sets all margins to 1
A div
.mwx-1
Sets left and right margins to 1
A div
.mwy-1
Sets top and bottom margins to 1
A div
.mwt-1
Sets top margin to 1
A div
.mwr-1
Sets right margin to 1
A div
.mwb-1
Sets bottom margin to 1
A div
.mwl-1
Sets left margin to 1
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 7363

28.1.2 #Margin - Width - 1 .mw*r-1

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to the negative value of the css var for 1.

Examples
Default styling
A div
.mwar-1
Sets all margins to m1
A div
.mwxr-1
Sets left and right margins to m1
A div
.mwyr-1
Sets top and bottom margins to m1
A div
.mwtr-1
Sets top margin to m1
A div
.mwrr-1
Sets right margin to m1
A div
.mwbr-1
Sets bottom margin to m1
A div
.mwlr-1
Sets left margin to m1
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 7405

28.1.2 #Margin - Width - 1 .mw*-sm-1

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for 1 on sm.

Examples
Default styling
A div
.mwa-sm-1
Sets all margins to 1 on sm
A div
.mwx-sm-1
Sets left and right margins to 1 on sm
A div
.mwy-sm-1
Sets top and bottom margins to 1 on sm
A div
.mwt-sm-1
Sets top margin to 1 on sm
A div
.mwr-sm-1
Sets right margin to 1 on sm
A div
.mwb-sm-1
Sets bottom margin to 1 on sm
A div
.mwl-sm-1
Sets left margin to 1 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 9044

28.1.3 #Margin - Width - 2 .mw*-2

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for 2.

Examples
Default styling
A div
.mwa-2
Sets all margins to 2
A div
.mwx-2
Sets left and right margins to 2
A div
.mwy-2
Sets top and bottom margins to 2
A div
.mwt-2
Sets top margin to 2
A div
.mwr-2
Sets right margin to 2
A div
.mwb-2
Sets bottom margin to 2
A div
.mwl-2
Sets left margin to 2
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 7447

28.1.3 #Margin - Width - 2 .mw*r-2

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to the negative value of the css var for 2.

Examples
Default styling
A div
.mwar-2
Sets all margins to m2
A div
.mwxr-2
Sets left and right margins to m2
A div
.mwyr-2
Sets top and bottom margins to m2
A div
.mwtr-2
Sets top margin to m2
A div
.mwrr-2
Sets right margin to m2
A div
.mwbr-2
Sets bottom margin to m2
A div
.mwlr-2
Sets left margin to m2
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 7489

28.1.3 #Margin - Width - 2 .mw*-sm-2

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for 2 on sm.

Examples
Default styling
A div
.mwa-sm-2
Sets all margins to 2 on sm
A div
.mwx-sm-2
Sets left and right margins to 2 on sm
A div
.mwy-sm-2
Sets top and bottom margins to 2 on sm
A div
.mwt-sm-2
Sets top margin to 2 on sm
A div
.mwr-sm-2
Sets right margin to 2 on sm
A div
.mwb-sm-2
Sets bottom margin to 2 on sm
A div
.mwl-sm-2
Sets left margin to 2 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 9128

28.1.4 #Margin - Width - 3 .mw*-3

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for 3.

Examples
Default styling
A div
.mwa-3
Sets all margins to 3
A div
.mwx-3
Sets left and right margins to 3
A div
.mwy-3
Sets top and bottom margins to 3
A div
.mwt-3
Sets top margin to 3
A div
.mwr-3
Sets right margin to 3
A div
.mwb-3
Sets bottom margin to 3
A div
.mwl-3
Sets left margin to 3
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 7531

28.1.4 #Margin - Width - 3 .mw*r-3

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to the negative value of the css var for 3.

Examples
Default styling
A div
.mwar-3
Sets all margins to m3
A div
.mwxr-3
Sets left and right margins to m3
A div
.mwyr-3
Sets top and bottom margins to m3
A div
.mwtr-3
Sets top margin to m3
A div
.mwrr-3
Sets right margin to m3
A div
.mwbr-3
Sets bottom margin to m3
A div
.mwlr-3
Sets left margin to m3
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 7573

28.1.4 #Margin - Width - 3 .mw*-sm-3

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for 3 on sm.

Examples
Default styling
A div
.mwa-sm-3
Sets all margins to 3 on sm
A div
.mwx-sm-3
Sets left and right margins to 3 on sm
A div
.mwy-sm-3
Sets top and bottom margins to 3 on sm
A div
.mwt-sm-3
Sets top margin to 3 on sm
A div
.mwr-sm-3
Sets right margin to 3 on sm
A div
.mwb-sm-3
Sets bottom margin to 3 on sm
A div
.mwl-sm-3
Sets left margin to 3 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 9212

28.1.5 #Margin - Width - 4 .mw*-4

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for 4.

Examples
Default styling
A div
.mwa-4
Sets all margins to 4
A div
.mwx-4
Sets left and right margins to 4
A div
.mwy-4
Sets top and bottom margins to 4
A div
.mwt-4
Sets top margin to 4
A div
.mwr-4
Sets right margin to 4
A div
.mwb-4
Sets bottom margin to 4
A div
.mwl-4
Sets left margin to 4
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 7615

28.1.5 #Margin - Width - 4 .mw*r-4

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to the negative value of the css var for 4.

Examples
Default styling
A div
.mwar-4
Sets all margins to m4
A div
.mwxr-4
Sets left and right margins to m4
A div
.mwyr-4
Sets top and bottom margins to m4
A div
.mwtr-4
Sets top margin to m4
A div
.mwrr-4
Sets right margin to m4
A div
.mwbr-4
Sets bottom margin to m4
A div
.mwlr-4
Sets left margin to m4
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 7657

28.1.5 #Margin - Width - 4 .mw*-sm-4

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for 4 on sm.

Examples
Default styling
A div
.mwa-sm-4
Sets all margins to 4 on sm
A div
.mwx-sm-4
Sets left and right margins to 4 on sm
A div
.mwy-sm-4
Sets top and bottom margins to 4 on sm
A div
.mwt-sm-4
Sets top margin to 4 on sm
A div
.mwr-sm-4
Sets right margin to 4 on sm
A div
.mwb-sm-4
Sets bottom margin to 4 on sm
A div
.mwl-sm-4
Sets left margin to 4 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 9296

28.1.6 #Margin - Width - 5 .mw*-5

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for 5.

Examples
Default styling
A div
.mwa-5
Sets all margins to 5
A div
.mwx-5
Sets left and right margins to 5
A div
.mwy-5
Sets top and bottom margins to 5
A div
.mwt-5
Sets top margin to 5
A div
.mwr-5
Sets right margin to 5
A div
.mwb-5
Sets bottom margin to 5
A div
.mwl-5
Sets left margin to 5
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 7699

28.1.6 #Margin - Width - 5 .mw*r-5

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to the negative value of the css var for 5.

Examples
Default styling
A div
.mwar-5
Sets all margins to m5
A div
.mwxr-5
Sets left and right margins to m5
A div
.mwyr-5
Sets top and bottom margins to m5
A div
.mwtr-5
Sets top margin to m5
A div
.mwrr-5
Sets right margin to m5
A div
.mwbr-5
Sets bottom margin to m5
A div
.mwlr-5
Sets left margin to m5
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 7741

28.1.6 #Margin - Width - 5 .mw*-sm-5

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for 5 on sm.

Examples
Default styling
A div
.mwa-sm-5
Sets all margins to 5 on sm
A div
.mwx-sm-5
Sets left and right margins to 5 on sm
A div
.mwy-sm-5
Sets top and bottom margins to 5 on sm
A div
.mwt-sm-5
Sets top margin to 5 on sm
A div
.mwr-sm-5
Sets right margin to 5 on sm
A div
.mwb-sm-5
Sets bottom margin to 5 on sm
A div
.mwl-sm-5
Sets left margin to 5 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 9380

28.1.7 #Margin - Width - 6 .mw*-6

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for 6.

Examples
Default styling
A div
.mwa-6
Sets all margins to 6
A div
.mwx-6
Sets left and right margins to 6
A div
.mwy-6
Sets top and bottom margins to 6
A div
.mwt-6
Sets top margin to 6
A div
.mwr-6
Sets right margin to 6
A div
.mwb-6
Sets bottom margin to 6
A div
.mwl-6
Sets left margin to 6
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 7783

28.1.7 #Margin - Width - 6 .mw*r-6

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to the negative value of the css var for 6.

Examples
Default styling
A div
.mwar-6
Sets all margins to m6
A div
.mwxr-6
Sets left and right margins to m6
A div
.mwyr-6
Sets top and bottom margins to m6
A div
.mwtr-6
Sets top margin to m6
A div
.mwrr-6
Sets right margin to m6
A div
.mwbr-6
Sets bottom margin to m6
A div
.mwlr-6
Sets left margin to m6
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 7825

28.1.7 #Margin - Width - 6 .mw*-sm-6

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for 6 on sm.

Examples
Default styling
A div
.mwa-sm-6
Sets all margins to 6 on sm
A div
.mwx-sm-6
Sets left and right margins to 6 on sm
A div
.mwy-sm-6
Sets top and bottom margins to 6 on sm
A div
.mwt-sm-6
Sets top margin to 6 on sm
A div
.mwr-sm-6
Sets right margin to 6 on sm
A div
.mwb-sm-6
Sets bottom margin to 6 on sm
A div
.mwl-sm-6
Sets left margin to 6 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 9464

28.1.8 #Margin - Width - 7 .mw*-7

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for 7.

Examples
Default styling
A div
.mwa-7
Sets all margins to 7
A div
.mwx-7
Sets left and right margins to 7
A div
.mwy-7
Sets top and bottom margins to 7
A div
.mwt-7
Sets top margin to 7
A div
.mwr-7
Sets right margin to 7
A div
.mwb-7
Sets bottom margin to 7
A div
.mwl-7
Sets left margin to 7
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 7867

28.1.8 #Margin - Width - 7 .mw*r-7

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to the negative value of the css var for 7.

Examples
Default styling
A div
.mwar-7
Sets all margins to m7
A div
.mwxr-7
Sets left and right margins to m7
A div
.mwyr-7
Sets top and bottom margins to m7
A div
.mwtr-7
Sets top margin to m7
A div
.mwrr-7
Sets right margin to m7
A div
.mwbr-7
Sets bottom margin to m7
A div
.mwlr-7
Sets left margin to m7
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 7909

28.1.8 #Margin - Width - 7 .mw*-sm-7

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for 7 on sm.

Examples
Default styling
A div
.mwa-sm-7
Sets all margins to 7 on sm
A div
.mwx-sm-7
Sets left and right margins to 7 on sm
A div
.mwy-sm-7
Sets top and bottom margins to 7 on sm
A div
.mwt-sm-7
Sets top margin to 7 on sm
A div
.mwr-sm-7
Sets right margin to 7 on sm
A div
.mwb-sm-7
Sets bottom margin to 7 on sm
A div
.mwl-sm-7
Sets left margin to 7 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 9548

28.1.9 #Margin - Width - m0 .mw*r-sm-0

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to negative value of the css var for 0 on sm.

Examples
Default styling
A div
.mwar-sm-0
Sets all margins to m0 on sm
A div
.mwxr-sm-0
Sets left and right margins to m0 on sm
A div
.mwyr-sm-0
Sets top and bottom margins to m0 on sm
A div
.mwtr-sm-0
Sets top margin to m0 on sm
A div
.mwrr-sm-0
Sets right margin to m0 on sm
A div
.mwbr-sm-0
Sets bottom margin to m0 on sm
A div
.mwlr-sm-0
Sets left margin to m0 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 9002

28.1.10 #Margin - Width - m1 .mw*r-sm-1

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to negative value of the css var for 1 on sm.

Examples
Default styling
A div
.mwar-sm-1
Sets all margins to m1 on sm
A div
.mwxr-sm-1
Sets left and right margins to m1 on sm
A div
.mwyr-sm-1
Sets top and bottom margins to m1 on sm
A div
.mwtr-sm-1
Sets top margin to m1 on sm
A div
.mwrr-sm-1
Sets right margin to m1 on sm
A div
.mwbr-sm-1
Sets bottom margin to m1 on sm
A div
.mwlr-sm-1
Sets left margin to m1 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 9086

28.1.11 #Margin - Width - m2 .mw*r-sm-2

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to negative value of the css var for 2 on sm.

Examples
Default styling
A div
.mwar-sm-2
Sets all margins to m2 on sm
A div
.mwxr-sm-2
Sets left and right margins to m2 on sm
A div
.mwyr-sm-2
Sets top and bottom margins to m2 on sm
A div
.mwtr-sm-2
Sets top margin to m2 on sm
A div
.mwrr-sm-2
Sets right margin to m2 on sm
A div
.mwbr-sm-2
Sets bottom margin to m2 on sm
A div
.mwlr-sm-2
Sets left margin to m2 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 9170

28.1.12 #Margin - Width - m3 .mw*r-sm-3

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to negative value of the css var for 3 on sm.

Examples
Default styling
A div
.mwar-sm-3
Sets all margins to m3 on sm
A div
.mwxr-sm-3
Sets left and right margins to m3 on sm
A div
.mwyr-sm-3
Sets top and bottom margins to m3 on sm
A div
.mwtr-sm-3
Sets top margin to m3 on sm
A div
.mwrr-sm-3
Sets right margin to m3 on sm
A div
.mwbr-sm-3
Sets bottom margin to m3 on sm
A div
.mwlr-sm-3
Sets left margin to m3 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 9254

28.1.13 #Margin - Width - m4 .mw*r-sm-4

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to negative value of the css var for 4 on sm.

Examples
Default styling
A div
.mwar-sm-4
Sets all margins to m4 on sm
A div
.mwxr-sm-4
Sets left and right margins to m4 on sm
A div
.mwyr-sm-4
Sets top and bottom margins to m4 on sm
A div
.mwtr-sm-4
Sets top margin to m4 on sm
A div
.mwrr-sm-4
Sets right margin to m4 on sm
A div
.mwbr-sm-4
Sets bottom margin to m4 on sm
A div
.mwlr-sm-4
Sets left margin to m4 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 9338

28.1.14 #Margin - Width - m5 .mw*r-sm-5

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to negative value of the css var for 5 on sm.

Examples
Default styling
A div
.mwar-sm-5
Sets all margins to m5 on sm
A div
.mwxr-sm-5
Sets left and right margins to m5 on sm
A div
.mwyr-sm-5
Sets top and bottom margins to m5 on sm
A div
.mwtr-sm-5
Sets top margin to m5 on sm
A div
.mwrr-sm-5
Sets right margin to m5 on sm
A div
.mwbr-sm-5
Sets bottom margin to m5 on sm
A div
.mwlr-sm-5
Sets left margin to m5 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 9422

28.1.15 #Margin - Width - m6 .mw*r-sm-6

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to negative value of the css var for 6 on sm.

Examples
Default styling
A div
.mwar-sm-6
Sets all margins to m6 on sm
A div
.mwxr-sm-6
Sets left and right margins to m6 on sm
A div
.mwyr-sm-6
Sets top and bottom margins to m6 on sm
A div
.mwtr-sm-6
Sets top margin to m6 on sm
A div
.mwrr-sm-6
Sets right margin to m6 on sm
A div
.mwbr-sm-6
Sets bottom margin to m6 on sm
A div
.mwlr-sm-6
Sets left margin to m6 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 9506

28.1.16 #Margin - Width - m7 .mw*r-sm-7

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to negative value of the css var for 7 on sm.

Examples
Default styling
A div
.mwar-sm-7
Sets all margins to m7 on sm
A div
.mwxr-sm-7
Sets left and right margins to m7 on sm
A div
.mwyr-sm-7
Sets top and bottom margins to m7 on sm
A div
.mwtr-sm-7
Sets top margin to m7 on sm
A div
.mwrr-sm-7
Sets right margin to m7 on sm
A div
.mwbr-sm-7
Sets bottom margin to m7 on sm
A div
.mwlr-sm-7
Sets left margin to m7 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 9590

28.1.17 #Margin - Width - mp10 .mw*r-sm-p10

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to negative value of the css var for p10 on sm.

Examples
Default styling
A div
.mwar-sm-p10
Sets all margins to mp10 on sm
A div
.mwxr-sm-p10
Sets left and right margins to mp10 on sm
A div
.mwyr-sm-p10
Sets top and bottom margins to mp10 on sm
A div
.mwtr-sm-p10
Sets top margin to mp10 on sm
A div
.mwrr-sm-p10
Sets right margin to mp10 on sm
A div
.mwbr-sm-p10
Sets bottom margin to mp10 on sm
A div
.mwlr-sm-p10
Sets left margin to mp10 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 9674

28.1.18 #Margin - Width - mp100 .mw*r-sm-p100

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to negative value of the css var for p100 on sm.

Examples
Default styling
A div
.mwar-sm-p100
Sets all margins to mp100 on sm
A div
.mwxr-sm-p100
Sets left and right margins to mp100 on sm
A div
.mwyr-sm-p100
Sets top and bottom margins to mp100 on sm
A div
.mwtr-sm-p100
Sets top margin to mp100 on sm
A div
.mwrr-sm-p100
Sets right margin to mp100 on sm
A div
.mwbr-sm-p100
Sets bottom margin to mp100 on sm
A div
.mwlr-sm-p100
Sets left margin to mp100 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 10598

28.1.19 #Margin - Width - mp20 .mw*r-sm-p20

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to negative value of the css var for p20 on sm.

Examples
Default styling
A div
.mwar-sm-p20
Sets all margins to mp20 on sm
A div
.mwxr-sm-p20
Sets left and right margins to mp20 on sm
A div
.mwyr-sm-p20
Sets top and bottom margins to mp20 on sm
A div
.mwtr-sm-p20
Sets top margin to mp20 on sm
A div
.mwrr-sm-p20
Sets right margin to mp20 on sm
A div
.mwbr-sm-p20
Sets bottom margin to mp20 on sm
A div
.mwlr-sm-p20
Sets left margin to mp20 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 9758

28.1.20 #Margin - Width - mp25 .mw*r-sm-p25

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to negative value of the css var for p25 on sm.

Examples
Default styling
A div
.mwar-sm-p25
Sets all margins to mp25 on sm
A div
.mwxr-sm-p25
Sets left and right margins to mp25 on sm
A div
.mwyr-sm-p25
Sets top and bottom margins to mp25 on sm
A div
.mwtr-sm-p25
Sets top margin to mp25 on sm
A div
.mwrr-sm-p25
Sets right margin to mp25 on sm
A div
.mwbr-sm-p25
Sets bottom margin to mp25 on sm
A div
.mwlr-sm-p25
Sets left margin to mp25 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 9842

28.1.21 #Margin - Width - mp30 .mw*r-sm-p30

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to negative value of the css var for p30 on sm.

Examples
Default styling
A div
.mwar-sm-p30
Sets all margins to mp30 on sm
A div
.mwxr-sm-p30
Sets left and right margins to mp30 on sm
A div
.mwyr-sm-p30
Sets top and bottom margins to mp30 on sm
A div
.mwtr-sm-p30
Sets top margin to mp30 on sm
A div
.mwrr-sm-p30
Sets right margin to mp30 on sm
A div
.mwbr-sm-p30
Sets bottom margin to mp30 on sm
A div
.mwlr-sm-p30
Sets left margin to mp30 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 9926

28.1.22 #Margin - Width - mp40 .mw*r-sm-p40

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to negative value of the css var for p40 on sm.

Examples
Default styling
A div
.mwar-sm-p40
Sets all margins to mp40 on sm
A div
.mwxr-sm-p40
Sets left and right margins to mp40 on sm
A div
.mwyr-sm-p40
Sets top and bottom margins to mp40 on sm
A div
.mwtr-sm-p40
Sets top margin to mp40 on sm
A div
.mwrr-sm-p40
Sets right margin to mp40 on sm
A div
.mwbr-sm-p40
Sets bottom margin to mp40 on sm
A div
.mwlr-sm-p40
Sets left margin to mp40 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 10010

28.1.23 #Margin - Width - mp50 .mw*r-sm-p50

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to negative value of the css var for p50 on sm.

Examples
Default styling
A div
.mwar-sm-p50
Sets all margins to mp50 on sm
A div
.mwxr-sm-p50
Sets left and right margins to mp50 on sm
A div
.mwyr-sm-p50
Sets top and bottom margins to mp50 on sm
A div
.mwtr-sm-p50
Sets top margin to mp50 on sm
A div
.mwrr-sm-p50
Sets right margin to mp50 on sm
A div
.mwbr-sm-p50
Sets bottom margin to mp50 on sm
A div
.mwlr-sm-p50
Sets left margin to mp50 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 10094

28.1.24 #Margin - Width - mp60 .mw*r-sm-p60

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to negative value of the css var for p60 on sm.

Examples
Default styling
A div
.mwar-sm-p60
Sets all margins to mp60 on sm
A div
.mwxr-sm-p60
Sets left and right margins to mp60 on sm
A div
.mwyr-sm-p60
Sets top and bottom margins to mp60 on sm
A div
.mwtr-sm-p60
Sets top margin to mp60 on sm
A div
.mwrr-sm-p60
Sets right margin to mp60 on sm
A div
.mwbr-sm-p60
Sets bottom margin to mp60 on sm
A div
.mwlr-sm-p60
Sets left margin to mp60 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 10178

28.1.25 #Margin - Width - mp70 .mw*r-sm-p70

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to negative value of the css var for p70 on sm.

Examples
Default styling
A div
.mwar-sm-p70
Sets all margins to mp70 on sm
A div
.mwxr-sm-p70
Sets left and right margins to mp70 on sm
A div
.mwyr-sm-p70
Sets top and bottom margins to mp70 on sm
A div
.mwtr-sm-p70
Sets top margin to mp70 on sm
A div
.mwrr-sm-p70
Sets right margin to mp70 on sm
A div
.mwbr-sm-p70
Sets bottom margin to mp70 on sm
A div
.mwlr-sm-p70
Sets left margin to mp70 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 10262

28.1.26 #Margin - Width - mp75 .mw*r-sm-p75

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to negative value of the css var for p75 on sm.

Examples
Default styling
A div
.mwar-sm-p75
Sets all margins to mp75 on sm
A div
.mwxr-sm-p75
Sets left and right margins to mp75 on sm
A div
.mwyr-sm-p75
Sets top and bottom margins to mp75 on sm
A div
.mwtr-sm-p75
Sets top margin to mp75 on sm
A div
.mwrr-sm-p75
Sets right margin to mp75 on sm
A div
.mwbr-sm-p75
Sets bottom margin to mp75 on sm
A div
.mwlr-sm-p75
Sets left margin to mp75 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 10346

28.1.27 #Margin - Width - mp80 .mw*r-sm-p80

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to negative value of the css var for p80 on sm.

Examples
Default styling
A div
.mwar-sm-p80
Sets all margins to mp80 on sm
A div
.mwxr-sm-p80
Sets left and right margins to mp80 on sm
A div
.mwyr-sm-p80
Sets top and bottom margins to mp80 on sm
A div
.mwtr-sm-p80
Sets top margin to mp80 on sm
A div
.mwrr-sm-p80
Sets right margin to mp80 on sm
A div
.mwbr-sm-p80
Sets bottom margin to mp80 on sm
A div
.mwlr-sm-p80
Sets left margin to mp80 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 10430

28.1.28 #Margin - Width - mp90 .mw*r-sm-p90

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to negative value of the css var for p90 on sm.

Examples
Default styling
A div
.mwar-sm-p90
Sets all margins to mp90 on sm
A div
.mwxr-sm-p90
Sets left and right margins to mp90 on sm
A div
.mwyr-sm-p90
Sets top and bottom margins to mp90 on sm
A div
.mwtr-sm-p90
Sets top margin to mp90 on sm
A div
.mwrr-sm-p90
Sets right margin to mp90 on sm
A div
.mwbr-sm-p90
Sets bottom margin to mp90 on sm
A div
.mwlr-sm-p90
Sets left margin to mp90 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 10514

28.1.29 #Margin - Width - p10 .mw*-p10

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for p10.

Examples
Default styling
A div
.mwa-p10
Sets all margins to p10
A div
.mwx-p10
Sets left and right margins to p10
A div
.mwy-p10
Sets top and bottom margins to p10
A div
.mwt-p10
Sets top margin to p10
A div
.mwr-p10
Sets right margin to p10
A div
.mwb-p10
Sets bottom margin to p10
A div
.mwl-p10
Sets left margin to p10
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 7951

28.1.29 #Margin - Width - p10 .mw*r-p10

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to the negative value of the css var for p10.

Examples
Default styling
A div
.mwar-p10
Sets all margins to mp10
A div
.mwxr-p10
Sets left and right margins to mp10
A div
.mwyr-p10
Sets top and bottom margins to mp10
A div
.mwtr-p10
Sets top margin to mp10
A div
.mwrr-p10
Sets right margin to mp10
A div
.mwbr-p10
Sets bottom margin to mp10
A div
.mwlr-p10
Sets left margin to mp10
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 7993

28.1.29 #Margin - Width - p10 .mw*-sm-p10

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for p10 on sm.

Examples
Default styling
A div
.mwa-sm-p10
Sets all margins to p10 on sm
A div
.mwx-sm-p10
Sets left and right margins to p10 on sm
A div
.mwy-sm-p10
Sets top and bottom margins to p10 on sm
A div
.mwt-sm-p10
Sets top margin to p10 on sm
A div
.mwr-sm-p10
Sets right margin to p10 on sm
A div
.mwb-sm-p10
Sets bottom margin to p10 on sm
A div
.mwl-sm-p10
Sets left margin to p10 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 9632

28.1.30 #Margin - Width - p100 .mw*-p100

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for p100.

Examples
Default styling
A div
.mwa-p100
Sets all margins to p100
A div
.mwx-p100
Sets left and right margins to p100
A div
.mwy-p100
Sets top and bottom margins to p100
A div
.mwt-p100
Sets top margin to p100
A div
.mwr-p100
Sets right margin to p100
A div
.mwb-p100
Sets bottom margin to p100
A div
.mwl-p100
Sets left margin to p100
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 8875

28.1.30 #Margin - Width - p100 .mw*r-p100

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to the negative value of the css var for p100.

Examples
Default styling
A div
.mwar-p100
Sets all margins to mp100
A div
.mwxr-p100
Sets left and right margins to mp100
A div
.mwyr-p100
Sets top and bottom margins to mp100
A div
.mwtr-p100
Sets top margin to mp100
A div
.mwrr-p100
Sets right margin to mp100
A div
.mwbr-p100
Sets bottom margin to mp100
A div
.mwlr-p100
Sets left margin to mp100
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 8917

28.1.30 #Margin - Width - p100 .mw*-sm-p100

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for p100 on sm.

Examples
Default styling
A div
.mwa-sm-p100
Sets all margins to p100 on sm
A div
.mwx-sm-p100
Sets left and right margins to p100 on sm
A div
.mwy-sm-p100
Sets top and bottom margins to p100 on sm
A div
.mwt-sm-p100
Sets top margin to p100 on sm
A div
.mwr-sm-p100
Sets right margin to p100 on sm
A div
.mwb-sm-p100
Sets bottom margin to p100 on sm
A div
.mwl-sm-p100
Sets left margin to p100 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 10556

28.1.31 #Margin - Width - p20 .mw*-p20

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for p20.

Examples
Default styling
A div
.mwa-p20
Sets all margins to p20
A div
.mwx-p20
Sets left and right margins to p20
A div
.mwy-p20
Sets top and bottom margins to p20
A div
.mwt-p20
Sets top margin to p20
A div
.mwr-p20
Sets right margin to p20
A div
.mwb-p20
Sets bottom margin to p20
A div
.mwl-p20
Sets left margin to p20
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 8035

28.1.31 #Margin - Width - p20 .mw*r-p20

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to the negative value of the css var for p20.

Examples
Default styling
A div
.mwar-p20
Sets all margins to mp20
A div
.mwxr-p20
Sets left and right margins to mp20
A div
.mwyr-p20
Sets top and bottom margins to mp20
A div
.mwtr-p20
Sets top margin to mp20
A div
.mwrr-p20
Sets right margin to mp20
A div
.mwbr-p20
Sets bottom margin to mp20
A div
.mwlr-p20
Sets left margin to mp20
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 8077

28.1.31 #Margin - Width - p20 .mw*-sm-p20

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for p20 on sm.

Examples
Default styling
A div
.mwa-sm-p20
Sets all margins to p20 on sm
A div
.mwx-sm-p20
Sets left and right margins to p20 on sm
A div
.mwy-sm-p20
Sets top and bottom margins to p20 on sm
A div
.mwt-sm-p20
Sets top margin to p20 on sm
A div
.mwr-sm-p20
Sets right margin to p20 on sm
A div
.mwb-sm-p20
Sets bottom margin to p20 on sm
A div
.mwl-sm-p20
Sets left margin to p20 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 9716

28.1.32 #Margin - Width - p25 .mw*-p25

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for p25.

Examples
Default styling
A div
.mwa-p25
Sets all margins to p25
A div
.mwx-p25
Sets left and right margins to p25
A div
.mwy-p25
Sets top and bottom margins to p25
A div
.mwt-p25
Sets top margin to p25
A div
.mwr-p25
Sets right margin to p25
A div
.mwb-p25
Sets bottom margin to p25
A div
.mwl-p25
Sets left margin to p25
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 8119

28.1.32 #Margin - Width - p25 .mw*r-p25

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to the negative value of the css var for p25.

Examples
Default styling
A div
.mwar-p25
Sets all margins to mp25
A div
.mwxr-p25
Sets left and right margins to mp25
A div
.mwyr-p25
Sets top and bottom margins to mp25
A div
.mwtr-p25
Sets top margin to mp25
A div
.mwrr-p25
Sets right margin to mp25
A div
.mwbr-p25
Sets bottom margin to mp25
A div
.mwlr-p25
Sets left margin to mp25
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 8161

28.1.32 #Margin - Width - p25 .mw*-sm-p25

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for p25 on sm.

Examples
Default styling
A div
.mwa-sm-p25
Sets all margins to p25 on sm
A div
.mwx-sm-p25
Sets left and right margins to p25 on sm
A div
.mwy-sm-p25
Sets top and bottom margins to p25 on sm
A div
.mwt-sm-p25
Sets top margin to p25 on sm
A div
.mwr-sm-p25
Sets right margin to p25 on sm
A div
.mwb-sm-p25
Sets bottom margin to p25 on sm
A div
.mwl-sm-p25
Sets left margin to p25 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 9800

28.1.33 #Margin - Width - p30 .mw*-p30

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for p30.

Examples
Default styling
A div
.mwa-p30
Sets all margins to p30
A div
.mwx-p30
Sets left and right margins to p30
A div
.mwy-p30
Sets top and bottom margins to p30
A div
.mwt-p30
Sets top margin to p30
A div
.mwr-p30
Sets right margin to p30
A div
.mwb-p30
Sets bottom margin to p30
A div
.mwl-p30
Sets left margin to p30
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 8203

28.1.33 #Margin - Width - p30 .mw*r-p30

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to the negative value of the css var for p30.

Examples
Default styling
A div
.mwar-p30
Sets all margins to mp30
A div
.mwxr-p30
Sets left and right margins to mp30
A div
.mwyr-p30
Sets top and bottom margins to mp30
A div
.mwtr-p30
Sets top margin to mp30
A div
.mwrr-p30
Sets right margin to mp30
A div
.mwbr-p30
Sets bottom margin to mp30
A div
.mwlr-p30
Sets left margin to mp30
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 8245

28.1.33 #Margin - Width - p30 .mw*-sm-p30

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for p30 on sm.

Examples
Default styling
A div
.mwa-sm-p30
Sets all margins to p30 on sm
A div
.mwx-sm-p30
Sets left and right margins to p30 on sm
A div
.mwy-sm-p30
Sets top and bottom margins to p30 on sm
A div
.mwt-sm-p30
Sets top margin to p30 on sm
A div
.mwr-sm-p30
Sets right margin to p30 on sm
A div
.mwb-sm-p30
Sets bottom margin to p30 on sm
A div
.mwl-sm-p30
Sets left margin to p30 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 9884

28.1.34 #Margin - Width - p40 .mw*-p40

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for p40.

Examples
Default styling
A div
.mwa-p40
Sets all margins to p40
A div
.mwx-p40
Sets left and right margins to p40
A div
.mwy-p40
Sets top and bottom margins to p40
A div
.mwt-p40
Sets top margin to p40
A div
.mwr-p40
Sets right margin to p40
A div
.mwb-p40
Sets bottom margin to p40
A div
.mwl-p40
Sets left margin to p40
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 8287

28.1.34 #Margin - Width - p40 .mw*r-p40

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to the negative value of the css var for p40.

Examples
Default styling
A div
.mwar-p40
Sets all margins to mp40
A div
.mwxr-p40
Sets left and right margins to mp40
A div
.mwyr-p40
Sets top and bottom margins to mp40
A div
.mwtr-p40
Sets top margin to mp40
A div
.mwrr-p40
Sets right margin to mp40
A div
.mwbr-p40
Sets bottom margin to mp40
A div
.mwlr-p40
Sets left margin to mp40
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 8329

28.1.34 #Margin - Width - p40 .mw*-sm-p40

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for p40 on sm.

Examples
Default styling
A div
.mwa-sm-p40
Sets all margins to p40 on sm
A div
.mwx-sm-p40
Sets left and right margins to p40 on sm
A div
.mwy-sm-p40
Sets top and bottom margins to p40 on sm
A div
.mwt-sm-p40
Sets top margin to p40 on sm
A div
.mwr-sm-p40
Sets right margin to p40 on sm
A div
.mwb-sm-p40
Sets bottom margin to p40 on sm
A div
.mwl-sm-p40
Sets left margin to p40 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 9968

28.1.35 #Margin - Width - p50 .mw*-p50

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for p50.

Examples
Default styling
A div
.mwa-p50
Sets all margins to p50
A div
.mwx-p50
Sets left and right margins to p50
A div
.mwy-p50
Sets top and bottom margins to p50
A div
.mwt-p50
Sets top margin to p50
A div
.mwr-p50
Sets right margin to p50
A div
.mwb-p50
Sets bottom margin to p50
A div
.mwl-p50
Sets left margin to p50
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 8371

28.1.35 #Margin - Width - p50 .mw*r-p50

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to the negative value of the css var for p50.

Examples
Default styling
A div
.mwar-p50
Sets all margins to mp50
A div
.mwxr-p50
Sets left and right margins to mp50
A div
.mwyr-p50
Sets top and bottom margins to mp50
A div
.mwtr-p50
Sets top margin to mp50
A div
.mwrr-p50
Sets right margin to mp50
A div
.mwbr-p50
Sets bottom margin to mp50
A div
.mwlr-p50
Sets left margin to mp50
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 8413

28.1.35 #Margin - Width - p50 .mw*-sm-p50

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for p50 on sm.

Examples
Default styling
A div
.mwa-sm-p50
Sets all margins to p50 on sm
A div
.mwx-sm-p50
Sets left and right margins to p50 on sm
A div
.mwy-sm-p50
Sets top and bottom margins to p50 on sm
A div
.mwt-sm-p50
Sets top margin to p50 on sm
A div
.mwr-sm-p50
Sets right margin to p50 on sm
A div
.mwb-sm-p50
Sets bottom margin to p50 on sm
A div
.mwl-sm-p50
Sets left margin to p50 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 10052

28.1.36 #Margin - Width - p60 .mw*-p60

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for p60.

Examples
Default styling
A div
.mwa-p60
Sets all margins to p60
A div
.mwx-p60
Sets left and right margins to p60
A div
.mwy-p60
Sets top and bottom margins to p60
A div
.mwt-p60
Sets top margin to p60
A div
.mwr-p60
Sets right margin to p60
A div
.mwb-p60
Sets bottom margin to p60
A div
.mwl-p60
Sets left margin to p60
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 8455

28.1.36 #Margin - Width - p60 .mw*r-p60

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to the negative value of the css var for p60.

Examples
Default styling
A div
.mwar-p60
Sets all margins to mp60
A div
.mwxr-p60
Sets left and right margins to mp60
A div
.mwyr-p60
Sets top and bottom margins to mp60
A div
.mwtr-p60
Sets top margin to mp60
A div
.mwrr-p60
Sets right margin to mp60
A div
.mwbr-p60
Sets bottom margin to mp60
A div
.mwlr-p60
Sets left margin to mp60
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 8497

28.1.36 #Margin - Width - p60 .mw*-sm-p60

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for p60 on sm.

Examples
Default styling
A div
.mwa-sm-p60
Sets all margins to p60 on sm
A div
.mwx-sm-p60
Sets left and right margins to p60 on sm
A div
.mwy-sm-p60
Sets top and bottom margins to p60 on sm
A div
.mwt-sm-p60
Sets top margin to p60 on sm
A div
.mwr-sm-p60
Sets right margin to p60 on sm
A div
.mwb-sm-p60
Sets bottom margin to p60 on sm
A div
.mwl-sm-p60
Sets left margin to p60 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 10136

28.1.37 #Margin - Width - p70 .mw*-p70

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for p70.

Examples
Default styling
A div
.mwa-p70
Sets all margins to p70
A div
.mwx-p70
Sets left and right margins to p70
A div
.mwy-p70
Sets top and bottom margins to p70
A div
.mwt-p70
Sets top margin to p70
A div
.mwr-p70
Sets right margin to p70
A div
.mwb-p70
Sets bottom margin to p70
A div
.mwl-p70
Sets left margin to p70
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 8539

28.1.37 #Margin - Width - p70 .mw*r-p70

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to the negative value of the css var for p70.

Examples
Default styling
A div
.mwar-p70
Sets all margins to mp70
A div
.mwxr-p70
Sets left and right margins to mp70
A div
.mwyr-p70
Sets top and bottom margins to mp70
A div
.mwtr-p70
Sets top margin to mp70
A div
.mwrr-p70
Sets right margin to mp70
A div
.mwbr-p70
Sets bottom margin to mp70
A div
.mwlr-p70
Sets left margin to mp70
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 8581

28.1.37 #Margin - Width - p70 .mw*-sm-p70

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for p70 on sm.

Examples
Default styling
A div
.mwa-sm-p70
Sets all margins to p70 on sm
A div
.mwx-sm-p70
Sets left and right margins to p70 on sm
A div
.mwy-sm-p70
Sets top and bottom margins to p70 on sm
A div
.mwt-sm-p70
Sets top margin to p70 on sm
A div
.mwr-sm-p70
Sets right margin to p70 on sm
A div
.mwb-sm-p70
Sets bottom margin to p70 on sm
A div
.mwl-sm-p70
Sets left margin to p70 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 10220

28.1.38 #Margin - Width - p75 .mw*-p75

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for p75.

Examples
Default styling
A div
.mwa-p75
Sets all margins to p75
A div
.mwx-p75
Sets left and right margins to p75
A div
.mwy-p75
Sets top and bottom margins to p75
A div
.mwt-p75
Sets top margin to p75
A div
.mwr-p75
Sets right margin to p75
A div
.mwb-p75
Sets bottom margin to p75
A div
.mwl-p75
Sets left margin to p75
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 8623

28.1.38 #Margin - Width - p75 .mw*r-p75

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to the negative value of the css var for p75.

Examples
Default styling
A div
.mwar-p75
Sets all margins to mp75
A div
.mwxr-p75
Sets left and right margins to mp75
A div
.mwyr-p75
Sets top and bottom margins to mp75
A div
.mwtr-p75
Sets top margin to mp75
A div
.mwrr-p75
Sets right margin to mp75
A div
.mwbr-p75
Sets bottom margin to mp75
A div
.mwlr-p75
Sets left margin to mp75
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 8665

28.1.38 #Margin - Width - p75 .mw*-sm-p75

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for p75 on sm.

Examples
Default styling
A div
.mwa-sm-p75
Sets all margins to p75 on sm
A div
.mwx-sm-p75
Sets left and right margins to p75 on sm
A div
.mwy-sm-p75
Sets top and bottom margins to p75 on sm
A div
.mwt-sm-p75
Sets top margin to p75 on sm
A div
.mwr-sm-p75
Sets right margin to p75 on sm
A div
.mwb-sm-p75
Sets bottom margin to p75 on sm
A div
.mwl-sm-p75
Sets left margin to p75 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 10304

28.1.39 #Margin - Width - p80 .mw*-p80

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for p80.

Examples
Default styling
A div
.mwa-p80
Sets all margins to p80
A div
.mwx-p80
Sets left and right margins to p80
A div
.mwy-p80
Sets top and bottom margins to p80
A div
.mwt-p80
Sets top margin to p80
A div
.mwr-p80
Sets right margin to p80
A div
.mwb-p80
Sets bottom margin to p80
A div
.mwl-p80
Sets left margin to p80
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 8707

28.1.39 #Margin - Width - p80 .mw*r-p80

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to the negative value of the css var for p80.

Examples
Default styling
A div
.mwar-p80
Sets all margins to mp80
A div
.mwxr-p80
Sets left and right margins to mp80
A div
.mwyr-p80
Sets top and bottom margins to mp80
A div
.mwtr-p80
Sets top margin to mp80
A div
.mwrr-p80
Sets right margin to mp80
A div
.mwbr-p80
Sets bottom margin to mp80
A div
.mwlr-p80
Sets left margin to mp80
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 8749

28.1.39 #Margin - Width - p80 .mw*-sm-p80

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for p80 on sm.

Examples
Default styling
A div
.mwa-sm-p80
Sets all margins to p80 on sm
A div
.mwx-sm-p80
Sets left and right margins to p80 on sm
A div
.mwy-sm-p80
Sets top and bottom margins to p80 on sm
A div
.mwt-sm-p80
Sets top margin to p80 on sm
A div
.mwr-sm-p80
Sets right margin to p80 on sm
A div
.mwb-sm-p80
Sets bottom margin to p80 on sm
A div
.mwl-sm-p80
Sets left margin to p80 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 10388

28.1.40 #Margin - Width - p90 .mw*-p90

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for p90.

Examples
Default styling
A div
.mwa-p90
Sets all margins to p90
A div
.mwx-p90
Sets left and right margins to p90
A div
.mwy-p90
Sets top and bottom margins to p90
A div
.mwt-p90
Sets top margin to p90
A div
.mwr-p90
Sets right margin to p90
A div
.mwb-p90
Sets bottom margin to p90
A div
.mwl-p90
Sets left margin to p90
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 8791

28.1.40 #Margin - Width - p90 .mw*r-p90

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to the negative value of the css var for p90.

Examples
Default styling
A div
.mwar-p90
Sets all margins to mp90
A div
.mwxr-p90
Sets left and right margins to mp90
A div
.mwyr-p90
Sets top and bottom margins to mp90
A div
.mwtr-p90
Sets top margin to mp90
A div
.mwrr-p90
Sets right margin to mp90
A div
.mwbr-p90
Sets bottom margin to mp90
A div
.mwlr-p90
Sets left margin to mp90
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 8833

28.1.40 #Margin - Width - p90 .mw*-sm-p90

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Sets the margin of element to css var for p90 on sm.

Examples
Default styling
A div
.mwa-sm-p90
Sets all margins to p90 on sm
A div
.mwx-sm-p90
Sets left and right margins to p90 on sm
A div
.mwy-sm-p90
Sets top and bottom margins to p90 on sm
A div
.mwt-sm-p90
Sets top margin to p90 on sm
A div
.mwr-sm-p90
Sets right margin to p90 on sm
A div
.mwb-sm-p90
Sets bottom margin to p90 on sm
A div
.mwl-sm-p90
Sets left margin to p90 on sm
A div
Markup 
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 10472