KSS Style Guide

9 #Margin Margin

Classes for setting the margin an element.

Source: dist/minimal/minimal.css, line 4548

9.1 #Margin - Width Margin Width

Classes for setting the margin width of an element.

Source: dist/minimal/minimal.css, line 4555

9.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/minimal/minimal.css, line 4562

9.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/minimal/minimal.css, line 4604

9.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/minimal/minimal.css, line 4646

9.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/minimal/minimal.css, line 4688

9.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/minimal/minimal.css, line 4730

9.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/minimal/minimal.css, line 4772

9.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/minimal/minimal.css, line 4814

9.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/minimal/minimal.css, line 4856

9.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/minimal/minimal.css, line 4898

9.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/minimal/minimal.css, line 4940

9.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/minimal/minimal.css, line 4982

9.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/minimal/minimal.css, line 5024

9.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/minimal/minimal.css, line 5066

9.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/minimal/minimal.css, line 5108

9.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/minimal/minimal.css, line 5150

9.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/minimal/minimal.css, line 5192

9.1.9 #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/minimal/minimal.css, line 5234

9.1.9 #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/minimal/minimal.css, line 5276

9.1.10 #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/minimal/minimal.css, line 6158

9.1.10 #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/minimal/minimal.css, line 6200

9.1.11 #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/minimal/minimal.css, line 5318

9.1.11 #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/minimal/minimal.css, line 5360

9.1.12 #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/minimal/minimal.css, line 5402

9.1.12 #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/minimal/minimal.css, line 5444

9.1.13 #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/minimal/minimal.css, line 5486

9.1.13 #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/minimal/minimal.css, line 5528

9.1.14 #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/minimal/minimal.css, line 5570

9.1.14 #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/minimal/minimal.css, line 5612

9.1.15 #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/minimal/minimal.css, line 5654

9.1.15 #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/minimal/minimal.css, line 5696

9.1.16 #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/minimal/minimal.css, line 5738

9.1.16 #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/minimal/minimal.css, line 5780

9.1.17 #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/minimal/minimal.css, line 5822

9.1.17 #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/minimal/minimal.css, line 5864

9.1.18 #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/minimal/minimal.css, line 5906

9.1.18 #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/minimal/minimal.css, line 5948

9.1.19 #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/minimal/minimal.css, line 5990

9.1.19 #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/minimal/minimal.css, line 6032

9.1.20 #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/minimal/minimal.css, line 6074

9.1.20 #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/minimal/minimal.css, line 6116