@recaptime-dev's working patches + fork for Phorge, a community fork of Phabricator. (Upstream dev and stable branches are at upstream/main and upstream/stable respectively.)
hq.recaptime.dev/wiki/Phorge
phorge
phabricator
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
+141
+9
src/__celerity_resource_map__.php
+9
src/__celerity_resource_map__.php
···
3585
3585
),
3586
3586
'disk' => '/rsrc/css/application/config/setup-issue.css',
3587
3587
),
3588
+
'spacing-css' =>
3589
+
array(
3590
+
'uri' => '/res/59e4c9b1/rsrc/css/core/spacing.css',
3591
+
'type' => 'css',
3592
+
'requires' =>
3593
+
array(
3594
+
),
3595
+
'disk' => '/rsrc/css/core/spacing.css',
3596
+
),
3588
3597
'sprite-apps-css' =>
3589
3598
array(
3590
3599
'uri' => '/res/c53973fc/rsrc/css/sprite-apps.css',
+1
src/view/page/PhabricatorStandardPageView.php
+1
src/view/page/PhabricatorStandardPageView.php
···
114
114
require_celerity_resource('phabricator-core-css');
115
115
require_celerity_resource('phabricator-zindex-css');
116
116
require_celerity_resource('phabricator-core-buttons-css');
117
+
require_celerity_resource('spacing-css');
117
118
require_celerity_resource('sprite-gradient-css');
118
119
require_celerity_resource('phabricator-standard-page-view');
119
120
+131
webroot/rsrc/css/core/spacing.css
+131
webroot/rsrc/css/core/spacing.css
···
1
+
/**
2
+
* @provides spacing-css
3
+
*/
4
+
5
+
.pl {
6
+
padding: 20px;
7
+
}
8
+
9
+
.pm {
10
+
padding: 10px;
11
+
}
12
+
13
+
.ps {
14
+
padding: 5px;
15
+
}
16
+
17
+
.ml {
18
+
margin: 20px;
19
+
}
20
+
21
+
.mm {
22
+
margin: 10px;
23
+
}
24
+
25
+
.ms {
26
+
margin: 5px;
27
+
}
28
+
29
+
/* left */
30
+
31
+
.pll {
32
+
padding-left: 20px;
33
+
}
34
+
35
+
.pml {
36
+
padding-left: 10px
37
+
}
38
+
39
+
.psl {
40
+
padding-left: 5px;
41
+
}
42
+
43
+
.mll {
44
+
margin-left: 20px;
45
+
}
46
+
47
+
.mml {
48
+
margin-left: 10px;
49
+
}
50
+
51
+
.msl {
52
+
margin-left: 5px;
53
+
}
54
+
55
+
/* Right */
56
+
57
+
.plr {
58
+
padding-right: 20px;
59
+
}
60
+
61
+
.pmr {
62
+
padding-right: 10px;
63
+
}
64
+
65
+
.psr {
66
+
padding-right: 5px;
67
+
}
68
+
69
+
.mlr {
70
+
margin-right: 20px;
71
+
}
72
+
73
+
.mmr {
74
+
margin-right: 10px;
75
+
}
76
+
77
+
.msr {
78
+
margin-right: 5px;
79
+
}
80
+
81
+
/* Bottom */
82
+
83
+
.plb {
84
+
padding-bottom: 20px;
85
+
}
86
+
87
+
.pmb {
88
+
padding-bottom: 10px;
89
+
}
90
+
91
+
.psb {
92
+
padding-bottom: 5px;
93
+
}
94
+
95
+
.mlb {
96
+
margin-bottom: 20px;
97
+
}
98
+
99
+
.mmb {
100
+
margin-bottom: 10px;
101
+
}
102
+
103
+
.msb {
104
+
margin-bottom: 5px;
105
+
}
106
+
107
+
/* Top */
108
+
109
+
.plt {
110
+
padding-top: 20px;
111
+
}
112
+
113
+
.pmt {
114
+
padding-top: 10px;
115
+
}
116
+
117
+
.pst {
118
+
padding-top: 5px;
119
+
}
120
+
121
+
.mlt {
122
+
margin-top: 20px;
123
+
}
124
+
125
+
.mmt {
126
+
margin-top: 10px;
127
+
}
128
+
129
+
.mst {
130
+
margin-top: 5px;
131
+
}