Add spacing css

Summary: Adds ability to add 20, 10 and 5 px of margin or padding without adding additional rules.

Test Plan: Reloaded any Phabricator Page. It didn't break.

Reviewers: epriestley, btrahan

Reviewed By: epriestley

CC: aran, Korvin

Differential Revision: https://secure.phabricator.com/D5477

src/__celerity_resource_map__.php

@@ -3585,6 +3585,15 @@ celerity_register_resource_map(array(
     ),
     'disk' => '/rsrc/css/application/config/setup-issue.css',
   ),
+  'spacing-css' =>
+  array(
+    'uri' => '/res/59e4c9b1/rsrc/css/core/spacing.css',
+    'type' => 'css',
+    'requires' =>
+    array(
+    ),
+    'disk' => '/rsrc/css/core/spacing.css',
+  ),
   'sprite-apps-css' =>
   array(
     'uri' => '/res/c53973fc/rsrc/css/sprite-apps.css',

src/view/page/PhabricatorStandardPageView.php

@@ -114,6 +114,7 @@ final class PhabricatorStandardPageView extends PhabricatorBarePageView {
     require_celerity_resource('phabricator-core-css');
     require_celerity_resource('phabricator-zindex-css');
     require_celerity_resource('phabricator-core-buttons-css');
+    require_celerity_resource('spacing-css');
     require_celerity_resource('sprite-gradient-css');
     require_celerity_resource('phabricator-standard-page-view');
 

webroot/rsrc/css/core/spacing.css

@@ -0,0 +1,131 @@
+/**
+ * @provides spacing-css
+ */
+
+.pl {
+  padding: 20px;
+}
+
+.pm {
+  padding: 10px;
+}
+
+.ps {
+  padding: 5px;
+}
+
+.ml {
+  margin: 20px;
+}
+
+.mm {
+  margin: 10px;
+}
+
+.ms {
+  margin: 5px;
+}
+
+/* left */
+
+.pll {
+  padding-left: 20px;
+}
+
+.pml {
+  padding-left: 10px
+}
+
+.psl {
+  padding-left: 5px;
+}
+
+.mll {
+  margin-left: 20px;
+}
+
+.mml {
+  margin-left: 10px;
+}
+
+.msl {
+  margin-left: 5px;
+}
+
+/* Right */
+
+.plr {
+  padding-right: 20px;
+}
+
+.pmr {
+  padding-right: 10px;
+}
+
+.psr {
+  padding-right: 5px;
+}
+
+.mlr {
+  margin-right: 20px;
+}
+
+.mmr {
+  margin-right: 10px;
+}
+
+.msr {
+  margin-right: 5px;
+}
+
+/* Bottom */
+
+.plb {
+  padding-bottom: 20px;
+}
+
+.pmb {
+  padding-bottom: 10px;
+}
+
+.psb {
+  padding-bottom: 5px;
+}
+
+.mlb {
+  margin-bottom: 20px;
+}
+
+.mmb {
+  margin-bottom: 10px;
+}
+
+.msb {
+  margin-bottom: 5px;
+}
+
+/* Top */
+
+.plt {
+  padding-top: 20px;
+}
+
+.pmt {
+  padding-top: 10px;
+}
+
+.pst {
+  padding-top: 5px;
+}
+
+.mlt {
+  margin-top: 20px;
+}
+
+.mmt {
+  margin-top: 10px;
+}
+
+.mst {
+  margin-top: 5px;
+}