body {
margin: 0;
+ color: #333333;
+ background-color: #ffffff;
+}
+
+body,
+input,
+button,
+select,
+textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
- color: #333333;
- background-color: #ffffff;
}
a {
border-bottom: 1px solid #e5e5e5;
}
-legend small {
- font-size: 15px;
- color: #999999;
-}
-
-label,
-input,
-button,
-select,
-textarea {
- font-size: 14px;
- font-weight: normal;
- line-height: 20px;
-}
-
-input,
-button,
-select,
-textarea {
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
-
label {
display: block;
margin-bottom: 5px;
border-bottom: 1px solid #e5e5e5;
}
-// Set font for forms
-label,
-input,
-button,
-select,
-textarea {
- #font > .shorthand(@baseFontSize,normal,@baseLineHeight); // Set size, weight, line-height here
-}
-input,
-button,
-select,
-textarea {
- font-family: @baseFontFamily; // And only set font-family here for those that need it (note the missing label element)
-}
-
// Identify controls by their labels
label {
display: block;
body {
margin: 0;
+ color: @textColor;
+ background-color: @bodyBackground;
+}
+
+// Reset fonts for revelant elements
+body,
+input,
+button,
+select,
+textarea {
font-family: @baseFontFamily;
font-size: @baseFontSize;
line-height: @baseLineHeight;
- color: @textColor;
- background-color: @bodyBackground;
}