-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstyle.less
105 lines (99 loc) · 1.62 KB
/
style.less
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
// REMOVE PADDING AND MARGIN
//
body .pl-area .pl-section {
// No padding top .pl-section-pad
&.classy-npt {
.pl-section-pad {
padding-top:0;
}
}
// No padding bottom .pl-section-pad
&.classy-npb {
.pl-section-pad {
padding-bottom:0;
}
}
// No margin top
&.classy-nmt {
margin-top:0;
}
// No margin bottom
&.classy-nmb {
.pl-section-pad {
margin-bottom:0;
}
}
// No padding top on .textbox-wrap
&.classy-txt-npt {
.pl-section-pad .textbox-wrap {
padding-top:0;
}
}
// No padding bottom on .textbox-wrap
&.classy-txt-npb {
.pl-section-pad .textbox-wrap{
padding-bottom:0;
}
}
// No padding or margin on top and bottom
&.classy-nothing {
.pl-section-pad {
padding-top:0;
padding-bottom:0;
margin:0;
}
.textbox-wrap {
padding-top:0;
padding-bottom:0;
}
}
}
// ADD PADDING
//
// Add 5px padding to top
.classy-5pad-top {
padding-top:5px;
}
// Add 10px padding to top
.classy-10pad-top {
padding-top:10px;
}
// Add 5px padding to bottom
.classy-5pad-bottom {
padding-bottom:5px;
}
// Add 10px padding to bottom
.classy-10pad-bottom {
padding-bottom:10px;
}
// ADD MARGIN
//
// Add 5px padding to top
.classy-5margin-top {
margin-top:5px;
}
// Add 10px padding to top
.classy-10margin-top {
margin-top:10px;
}
// Add 5px padding to bottom
.classy-5margin-bottom {
margin-bottom:5px;
}
// Add 10px padding to bottom
.classy-10margin-bottom {
margin-bottom:10px;
}
// ADD BORDER
//
.classy-border-top {
border-top:1px solid @baseContrast;
}
.classy-border-bottom {
border-bottom:1px solid @baseContrast;
}
// Text Styles
//
.classy-uppercase {
text-transform: uppercase;
}