KSS Style Guide

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

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