提交 | 用户 | 时间
|
58d006
|
1 |
// heading font size |
A |
2 |
@h1-size: ceil(@base-font-size * 2.4); |
|
3 |
@h2-size: ceil(@base-font-size * 2); |
|
4 |
@h3-size: ceil(@base-font-size * 1.66); |
|
5 |
@h4-size: ceil(@base-font-size * 1.33); |
|
6 |
@h5-size: ceil(@base-font-size * 1.15); |
|
7 |
@h6-size: @base-font-size; |
|
8 |
|
|
9 |
@font-size-brand: ceil(@base-font-size * 1.8);//~24px brand logo text size |
|
10 |
|
|
11 |
@font-size-text-input: @font-size-base;//14px |
|
12 |
|
|
13 |
|
|
14 |
@nav-item-font-size: @base-font-size; |
|
15 |
@nav-item-icon-size: ceil(@base-font-size * 1.33);//~18px; |
|
16 |
@nav-item-arrow-size: ceil(@base-font-size * 1.33);//~18px; |
|
17 |
@font-size-old-toggle-button: @base-font-size; |
|
18 |
@font-size-sidebar-minimize-icon: @base-font-size + 1; |
|
19 |
@font-size-sidebar-toggle: @base-font-size; |
|
20 |
|
|
21 |
@font-size-submenu-item-icon: @base-font-size - 1; |
|
22 |
@font-size-submenu-3rd-level-icon: @base-font-size + 1; |
|
23 |
|
|
24 |
|
|
25 |
|
|
26 |
@font-size-breadcrumb: @base-font-size; |
|
27 |
@font-size-breadcrumb-sep: @base-font-size + 1;//!ignore |
|
28 |
@font-size-breadcrumbs-home: ceil(@base-font-size * 1.5);//~ 20px |
|
29 |
|
|
30 |
@font-size-alert: @base-font-size + 1; |
|
31 |
@font-size-alert-close: ceil(@base-font-size * 1.23); |
|
32 |
|
|
33 |
@font-flot-chart-label: ceil(@base-font-size * 0.75);//!ignore ~ 10px |
|
34 |
|
|
35 |
@font-size-btn-sm: @base-font-size; |
|
36 |
@font-size-btn-minier: @font-size-btn-sm - 1; |
|
37 |
|
|
38 |
@font-size-btn-app: ceil(@base-font-size * 1.33);//~18px; |
|
39 |
@font-size-btn-app-icon: ceil(@font-size-btn-app * 2.33);//~42px; |
|
40 |
|
|
41 |
@font-size-btn-app-sm: ceil(@base-font-size * 1.23);//~16px; |
|
42 |
@font-size-btn-app-sm-icon: ceil(@font-size-btn-app-sm * 2);//~32px; |
|
43 |
|
|
44 |
@font-size-btn-app-xs: ceil(@base-font-size * 1.15);//~15px; |
|
45 |
@font-size-btn-app-xs-icon: ceil(@font-size-btn-app-xs * 1.6);//~24px; |
|
46 |
|
|
47 |
@font-size-label-inside-btn-app: @base-font-size; |
|
48 |
|
|
49 |
@font-size-navbar-dropdown-header: @base-font-size; |
|
50 |
@font-size-navbar-dropdown-footer: @base-font-size; |
|
51 |
@font-size-navbar-dropdown-icon: @base-font-size + 1; |
|
52 |
@font-size-navbar-dropdown-item: @base-font-size - 1; |
|
53 |
@font-size-navbar-dropdown-msg-time: ceil(@base-font-size * 0.8);//~11px; |
|
54 |
|
|
55 |
@font-size-dropdown-menu: @base-font-size; |
|
56 |
|
|
57 |
@font-size-file-input-name: @base-font-size; |
|
58 |
@font-size-file-input-icon: @base-font-size; |
|
59 |
|
|
60 |
@font-size-file-input-btn: ceil(@base-font-size * 0.8);//~11px; |
|
61 |
@font-size-file-input-name-large: ceil(@base-font-size * 1.33);//~18px; |
|
62 |
@font-size-file-input-icon-large: ceil(@font-size-file-input-name-large * 3.5);//~64px; |
|
63 |
|
|
64 |
|
|
65 |
@font-size-help-button: @base-font-size - 1; |
|
66 |
@font-size-label: @base-font-size + 1; |
|
67 |
@font-size-help-inline: @base-font-size; |
|
68 |
|
|
69 |
@font-size-input-icon: ceil(@base-font-size * 1.23);//~16px; |
|
70 |
|
|
71 |
@font-size-gallery-hover-tools: ceil(@base-font-size * 1.33);//~18px; |
|
72 |
|
|
73 |
@font-size-content-header: ceil(@base-font-size * 1.8);//~24px; |
|
74 |
@font-size-content-header-small: @base-font-size + 1; |
|
75 |
|
|
76 |
@font-size-infobox-icon: ceil(@base-font-size * 1.8);//~24px; |
|
77 |
@font-size-infobox-data: @base-font-size; |
|
78 |
@font-size-infobox-data-number: ceil(@base-font-size * 1.66);//~22px; |
|
79 |
@font-size-infobox-text: ceil(@base-font-size * 1.23);//~16px; |
|
80 |
|
|
81 |
@font-size-infobox-dark-icon: ceil(@base-font-size * 2.3);//~30px; |
|
82 |
@font-size-infobox-sparkline: ceil(@base-font-size * 1.8);//~24px; |
|
83 |
@font-size-infobox-stat: @base-font-size; |
|
84 |
@font-size-infobox-badge: ceil(@base-font-size * 0.8);// ~ 11px |
|
85 |
|
|
86 |
|
|
87 |
@font-size-item-time: ceil(@base-font-size * 0.8);//item lists ~ 11px |
|
88 |
@font-size-item-time-icon: @base-font-size + 1; |
|
89 |
@font-size-item-text: @base-font-size; |
|
90 |
|
|
91 |
|
|
92 |
@font-size-badge: @base-font-size - 1; |
|
93 |
|
|
94 |
@font-size-navbar-nav-item: @base-font-size; |
|
95 |
@font-size-navbar-nav-input: @base-font-size; |
|
96 |
|
|
97 |
@font-size-navbar-user-button-icon: ceil(@base-font-size * 1.23);//~16px; |
|
98 |
@font-size-user-menu: @base-font-size + 1; |
|
99 |
|
|
100 |
|
|
101 |
@font-size-inbox-tab-large: @base-font-size + 1; |
|
102 |
@font-size-inbox-attachment-icon: ceil(@base-font-size * 1.33);//~18px; |
|
103 |
@font-size-inbox-start-icon: ceil(@base-font-size * 1.15);//~15px; |
|
104 |
|
|
105 |
|
|
106 |
@font-size-invoice-data: @base-font-size + 1; |
|
107 |
|
|
108 |
@font-size-login-box-footer-links: ceil(@base-font-size * 1.15);//~15px; |
|
109 |
@font-size-signup-box-footer-link: @base-font-size + 1; |
|
110 |
@font-size-login-social-icon: ceil(@base-font-size * 1.8);//~24px; |
|
111 |
|
|
112 |
@font-size-pricing-price: ceil(@base-font-size * 1.66);//~22px; |
|
113 |
@font-size-pricing-price-small: ceil(@base-font-size * 1.66);//~22px; |
|
114 |
@font-size-pricing-button: ceil(@base-font-size * 1.23);//~16px; |
|
115 |
@font-size-pricing-table-caption: @base-font-size; |
|
116 |
@font-size-pricing-table-value: @base-font-size; |
|
117 |
|
|
118 |
@font-size-timeline-badge: @font-size-badge; |
|
119 |
@font-size-timeline-icon: ceil(@base-font-size * 1.23);//~16px; |
|
120 |
@font-size-timeline-style2-label: @base-font-size + 1; |
|
121 |
|
|
122 |
@font-size-searchbox: @base-font-size; |
|
123 |
@font-size-searchbox-icon: @base-font-size + 1; |
|
124 |
|
|
125 |
|
|
126 |
@font-size-accordion-toggle: @base-font-size; |
|
127 |
|
|
128 |
@font-size-wysiwyg-button-icon: @base-font-size + 1; |
|
129 |
|
|
130 |
@font-size-tooltip: @base-font-size - 1; |
|
131 |
|
|
132 |
@font-size-widget-toolbar-icon: @base-font-size + 1; |
|
133 |
|
|
134 |
|
|
135 |
@font-size-spinner-button-large: ceil(@base-font-size * 1.33);//~18px; |
|
136 |
@font-size-wizard-step: @base-font-size + 2; |
|
137 |
@font-size-wizard-title: @base-font-size + 1; |
|
138 |
|
|
139 |
|
|
140 |
|
|
141 |
|
|
142 |
|
|
143 |
@font-size-colorpicker-check: ceil(@base-font-size * 0.8);//~ 11px; |
|
144 |
@font-size-tag-remove: ceil(@base-font-size * 1.15);//~15px; |
|
145 |
@font-size-file-input-reset: ceil(@base-font-size * 0.8);//~ 11px; |
|
146 |
@font-size-moda-close: ceil(@base-font-size * 2.4);//~ 32px; |
|
147 |
|
|
148 |
@font-size-profile-thumb: ceil(@base-font-size * 1.33);//~18px; |
|
149 |
@font-size-calendar-header: ceil(@base-font-size * 1.66);//~22px;; |
|
150 |
@font-size-markdown-icon: @base-font-size + 1; |
|
151 |
|
|
152 |
@font-size-typeahead-suggestion: ceil(@base-font-size * 1.23);//~16px; |
|
153 |
@font-size-typeahead-hint: @font-size-typeahead-suggestion; |
|
154 |
|
|
155 |
@font-size-jquery-dialog-close: ceil(@base-font-size * 1.23);//~16px; |
|
156 |
@font-size-jquery-spinner: ceil(@base-font-size * 0.75); |
|
157 |
@font-size-grid-pager: ceil(@base-font-size * 1.3);//~17px; |
|
158 |
@font-size-gritter-close: ceil(@base-font-size * 1.23);//~16px; |
|
159 |
@font-size-editable-clear: ceil(@base-font-size * 1.15);//~15px; |
|
160 |
|
|
161 |
@font-size-dropzone-message: ceil(@base-font-size * 1.8);//~24px; |
|
162 |
@font-size-dropzone-icon: ceil(@base-font-size * 2.3);//~30px; |
|
163 |
|
|
164 |
@font-size-datetimepicker-switch: ceil(@base-font-size * 1.23);//~16px; |
|
165 |
@font-size-colorbox-close: ceil(@base-font-size * 1.6);//~21px; |
|
166 |
@font-size-colorbox-icon: ceil(@base-font-size * 1.8);//~24px; |
|
167 |
|
|
168 |
|
|
169 |
@font-size-spinner-button: ceil(@base-font-size * 0.75);// ~ 10px |
|
170 |
@font-size-wizard-complete: ceil(@base-font-size * 1.3);//~17px; |
|
171 |
@font-size-tree-icon: ceil(@base-font-size * 0.8);//~11px;; |
|
172 |
|
|
173 |
@font-size-onpage-help-icon-1: ceil(@base-font-size * 2.66);//~18px; |
|
174 |
@font-size-onpage-help-icon-1-small: ceil(@base-font-size * 1.33);//~18px; |
|
175 |
@font-size-onpage-help-icon-1-smaller: @base-font-size + 1; |
|
176 |
@font-size-onpage-help-icon-2: ceil(@base-font-size * 1.23);//~16px; |
|
177 |
|
|
178 |
|
|
179 |
|
|
180 |
//switch elements, because of (almost) pixel perfection we need absolute values |
|
181 |
@font-size-checkbox: 12px; |
|
182 |
@font-size-radio: 10px; |
|
183 |
@font-size-checkbox-large: 16px; |
|
184 |
@font-size-radio-large: 14px; |
|
185 |
|
|
186 |
@font-size-switch-1-text: 11px; |
|
187 |
@font-size-switch-1-bar: 12px; |
|
188 |
@font-size-switch-3-text: 13px; |
|
189 |
@font-size-switch-4-text: 12px; |
|
190 |
@font-size-switch-4-bar: 11px; |
|
191 |
@font-size-switch-6-text: 16px; |
|
192 |
@font-size-switch-7-text: 13px; |
|
193 |
@font-size-switch-7-bar: 16px; |
|
194 |
@font-size-switch-rotated-bar: 17px; |
|
195 |
|
|
196 |
|
|
197 |
|
|
198 |
//frontend |
|
199 |
@font-size-landing-navbar-brand: ceil(@base-font-size * 2.7);//~36px; |
|
200 |
@font-size-landing-navbar-compact-brand: ceil(@base-font-size * 1.8);//~24px; |
|
201 |
@font-size-comingsoon-timer-value: ceil(@base-font-size * 4.3);//~56px; |
|
202 |
@font-size-comingsoon-timer-text: ceil(@base-font-size * 1.2);//~16px; |
|
203 |
|
|
204 |
|
|
205 |
//search |
|
206 |
@font-size-search-title: ceil(@base-font-size * 1.2);//~16px; |