`, and ``.
57 | @font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
58 | @font-family-base: @font-family-sans-serif;
59 |
60 | @font-size-base: 14px;
61 | @font-size-large: ceil((@font-size-base * 1.25)); // ~18px
62 | @font-size-small: ceil((@font-size-base * 0.85)); // ~12px
63 |
64 | @font-size-h1: floor((@font-size-base * 2.6)); // ~36px
65 | @font-size-h2: floor((@font-size-base * 2.15)); // ~30px
66 | @font-size-h3: ceil((@font-size-base * 1.7)); // ~24px
67 | @font-size-h4: ceil((@font-size-base * 1.25)); // ~18px
68 | @font-size-h5: @font-size-base;
69 | @font-size-h6: ceil((@font-size-base * 0.85)); // ~12px
70 |
71 | //** Unit-less `line-height` for use in components like buttons.
72 | @line-height-base: 1.428571429; // 20/14
73 | //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
74 | @line-height-computed: floor((@font-size-base * @line-height-base)); // ~20px
75 |
76 | //** By default, this inherits from the ``.
77 | @headings-font-family: inherit;
78 | @headings-font-weight: 500;
79 | @headings-line-height: 1.1;
80 | @headings-color: inherit;
81 |
82 |
83 | //== Iconography
84 | //
85 | //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
86 |
87 | //** Load fonts from this directory.
88 | @icon-font-path: "../fonts/";
89 | //** File name for all font files.
90 | @icon-font-name: "glyphicons-halflings-regular";
91 | //** Element ID within SVG icon file.
92 | @icon-font-svg-id: "glyphicons_halflingsregular";
93 |
94 |
95 | //== Components
96 | //
97 | //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
98 |
99 | @padding-base-vertical: 6px;
100 | @padding-base-horizontal: 12px;
101 |
102 | @padding-large-vertical: 10px;
103 | @padding-large-horizontal: 16px;
104 |
105 | @padding-small-vertical: 5px;
106 | @padding-small-horizontal: 10px;
107 |
108 | @padding-xs-vertical: 1px;
109 | @padding-xs-horizontal: 5px;
110 |
111 | @line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome
112 | @line-height-small: 1.5;
113 |
114 | @border-radius-base: 4px;
115 | @border-radius-large: 6px;
116 | @border-radius-small: 3px;
117 |
118 | //** Global color for active items (e.g., navs or dropdowns).
119 | @component-active-color: #fff;
120 | //** Global background color for active items (e.g., navs or dropdowns).
121 | @component-active-bg: @brand-primary;
122 |
123 | //** Width of the `border` for generating carets that indicator dropdowns.
124 | @caret-width-base: 4px;
125 | //** Carets increase slightly in size for larger components.
126 | @caret-width-large: 5px;
127 |
128 |
129 | //== Tables
130 | //
131 | //## Customizes the `.table` component with basic values, each used across all table variations.
132 |
133 | //** Padding for ``s and ` | `s.
134 | @table-cell-padding: 8px;
135 | //** Padding for cells in `.table-condensed`.
136 | @table-condensed-cell-padding: 5px;
137 |
138 | //** Default background color used for all tables.
139 | @table-bg: transparent;
140 | //** Background color used for `.table-striped`.
141 | @table-bg-accent: #f9f9f9;
142 | //** Background color used for `.table-hover`.
143 | @table-bg-hover: #f5f5f5;
144 | @table-bg-active: @table-bg-hover;
145 |
146 | //** Border color for table and cell borders.
147 | @table-border-color: #ddd;
148 |
149 |
150 | //== Buttons
151 | //
152 | //## For each of Bootstrap's buttons, define text, background and border color.
153 |
154 | @btn-font-weight: normal;
155 |
156 | @btn-default-color: #333;
157 | @btn-default-bg: #fff;
158 | @btn-default-border: #ccc;
159 |
160 | @btn-primary-color: #fff;
161 | @btn-primary-bg: @brand-primary;
162 | @btn-primary-border: darken(@btn-primary-bg, 5%);
163 |
164 | @btn-success-color: #fff;
165 | @btn-success-bg: @brand-success;
166 | @btn-success-border: darken(@btn-success-bg, 5%);
167 |
168 | @btn-info-color: #fff;
169 | @btn-info-bg: @brand-info;
170 | @btn-info-border: darken(@btn-info-bg, 5%);
171 |
172 | @btn-warning-color: #fff;
173 | @btn-warning-bg: @brand-warning;
174 | @btn-warning-border: darken(@btn-warning-bg, 5%);
175 |
176 | @btn-danger-color: #fff;
177 | @btn-danger-bg: @brand-danger;
178 | @btn-danger-border: darken(@btn-danger-bg, 5%);
179 |
180 | @btn-link-disabled-color: @gray-light;
181 |
182 |
183 | //== Forms
184 | //
185 | //##
186 |
187 | //** `` background color
188 | @input-bg: #fff;
189 | //** `` background color
190 | @input-bg-disabled: @gray-lighter;
191 |
192 | //** Text color for ``s
193 | @input-color: @gray;
194 | //** `` border color
195 | @input-border: #ccc;
196 |
197 | // TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4
198 | //** Default `.form-control` border radius
199 | // This has no effect on ` |