| 提交 | 用户 | 时间 | ||
| 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; | |
