1 | 1 |
new file mode 100644 |
... | ... |
@@ -0,0 +1,113 @@ |
1 |
+@buffer-none: 0px; |
|
2 |
+@buffer-sm: 5px; |
|
3 |
+@buffer-md: 10px; |
|
4 |
+@buffer-lg: 22px; |
|
5 |
+@buffer-xl: 40px; |
|
6 |
+ |
|
7 |
+.padding-none { padding: @buffer-none !important; } |
|
8 |
+.padding { padding: @buffer-md !important; } |
|
9 |
+.padding-sm { padding: @buffer-sm !important; } |
|
10 |
+.padding-lg { padding: @buffer-lg !important; } |
|
11 |
+.padding-xl { padding: @buffer-xl !important; } |
|
12 |
+ |
|
13 |
+.padding-top-none { padding-top: @buffer-none !important; } |
|
14 |
+.padding-top { padding-top: @buffer-md !important; } |
|
15 |
+.padding-top-sm { padding-top: @buffer-sm !important; } |
|
16 |
+.padding-top-lg { padding-top: @buffer-lg !important; } |
|
17 |
+.padding-top-xl { padding-top: @buffer-xl !important; } |
|
18 |
+ |
|
19 |
+.padding-right-none { padding-right: @buffer-none !important; } |
|
20 |
+.padding-right { padding-right: @buffer-md !important; } |
|
21 |
+.padding-right-sm { padding-right: @buffer-sm !important; } |
|
22 |
+.padding-right-lg { padding-right: @buffer-lg !important; } |
|
23 |
+.padding-right-xl { padding-right: @buffer-xl !important; } |
|
24 |
+ |
|
25 |
+.padding-bottom-none { padding-bottom: @buffer-none !important; } |
|
26 |
+.padding-bottom { padding-bottom: @buffer-md !important; } |
|
27 |
+.padding-bottom-sm { padding-bottom: @buffer-sm !important; } |
|
28 |
+.padding-bottom-lg { padding-bottom: @buffer-lg !important; } |
|
29 |
+.padding-bottom-xl { padding-bottom: @buffer-xl !important; } |
|
30 |
+ |
|
31 |
+.padding-left-none { padding-left: @buffer-none !important; } |
|
32 |
+.padding-left { padding-left: @buffer-md !important; } |
|
33 |
+.padding-left-sm { padding-left: @buffer-sm !important; } |
|
34 |
+.padding-left-lg { padding-left: @buffer-lg !important; } |
|
35 |
+.padding-left-xl { padding-left: @buffer-xl !important; } |
|
36 |
+ |
|
37 |
+.margin-none { margin: @buffer-none !important; } |
|
38 |
+.margin { margin: @buffer-md !important; } |
|
39 |
+.margin-sm { margin: @buffer-sm !important; } |
|
40 |
+.margin-lg { margin: @buffer-lg !important; } |
|
41 |
+.margin-xl { margin: @buffer-xl !important; } |
|
42 |
+ |
|
43 |
+.margin-top-none { margin-top: @buffer-none !important; } |
|
44 |
+.margin-top { margin-top: @buffer-md !important; } |
|
45 |
+.margin-top-sm { margin-top: @buffer-sm !important; } |
|
46 |
+.margin-top-lg { margin-top: @buffer-lg !important; } |
|
47 |
+.margin-top-xl { margin-top: @buffer-xl !important; } |
|
48 |
+ |
|
49 |
+.margin-right-none { margin-right: @buffer-none !important; } |
|
50 |
+.margin-right { margin-right: @buffer-md !important; } |
|
51 |
+.margin-right-sm { margin-right: @buffer-sm !important; } |
|
52 |
+.margin-right-lg { margin-right: @buffer-lg !important; } |
|
53 |
+.margin-right-xl { margin-right: @buffer-xl !important; } |
|
54 |
+ |
|
55 |
+.margin-bottom-none { margin-bottom: @buffer-none !important; } |
|
56 |
+.margin-bottom { margin-bottom: @buffer-md !important; } |
|
57 |
+.margin-bottom-sm { margin-bottom: @buffer-sm !important; } |
|
58 |
+.margin-bottom-lg { margin-bottom: @buffer-lg !important; } |
|
59 |
+.margin-bottom-xl { margin-bottom: @buffer-xl !important; } |
|
60 |
+ |
|
61 |
+.margin-left-none { margin-left: @buffer-none !important; } |
|
62 |
+.margin-left { margin-left: @buffer-md !important; } |
|
63 |
+.margin-left-sm { margin-left: @buffer-sm !important; } |
|
64 |
+.margin-left-lg { margin-left: @buffer-lg !important; } |
|
65 |
+.margin-left-xl { margin-left: @buffer-xl !important; } |
|
66 |
+ |
|
67 |
+.border-left-none { border-left: none !important; } |
|
68 |
+.border-right-none { border-right: none !important; } |
|
69 |
+.border-bottom-none { border-bottom: none !important; } |
|
70 |
+.border-top-none { border-top: none !important; } |
|
71 |
+ |
|
72 |
+.text-sm { font-size: @font-size-small !important; } |
|
73 |
+.text-base { font-size: @font-size-base !important; } |
|
74 |
+.text-md { font-size: @font-size-base + 2 !important; } |
|
75 |
+.text-lg { font-size: @font-size-large !important; } |
|
76 |
+ |
|
77 |
+ |
|
78 |
+.display-block { display: block; } // use to swap an anchor tag to span a whole row to make click target larger |
|
79 |
+.no-underline { text-decoration: none !important; } |
|
80 |
+.clickable { cursor: pointer; } |
|
81 |
+.strong { font-weight: bold; } |
|
82 |
+.em { font-style: italic; } |
|
83 |
+.small { font-size: 85%; } // Ex: 14px base font * 85% = about 12px |
|
84 |
+.no-link { color: @gray-dark; } |
|
85 |
+ |
|
86 |
+.text-sans-serif { font-family: @font-family-sans-serif; } |
|
87 |
+.text-ellipsis { .text-overflow(); } // truncates text to a single line with an ellipsis at the end |
|
88 |
+.text-default { |
|
89 |
+ font-family: @font-family-base; |
|
90 |
+ font-size: @font-size-base; |
|
91 |
+ line-height: @line-height-base; |
|
92 |
+ font-weight: normal; |
|
93 |
+} |
|
94 |
+.text-color-default { |
|
95 |
+ color: @text-color; |
|
96 |
+} |
|
97 |
+.text-hilite { |
|
98 |
+ color: @link-color; |
|
99 |
+ &:hover { |
|
100 |
+ color: @link-hover-color; |
|
101 |
+ text-decoration: underline; |
|
102 |
+ } |
|
103 |
+} |
|
104 |
+.text-strike { text-decoration: line-through; } |
|
105 |
+.text-upper { text-transform: uppercase; } |
|
106 |
+.text-lower { text-transform: lowercase; } |
|
107 |
+ |
|
108 |
+#no-search-results { |
|
109 |
+ display: none; |
|
110 |
+} |
|
111 |
+ |
|
112 |
+.valign-baseline { vertical-align: baseline !important; } |
|
113 |
+.valign-middle { vertical-align: middle !important; } |