Confirmed users
295
edits
DevTools/CSSTips: Difference between revisions
Jump to navigation
Jump to search
→Content or Theme CSS
| Line 77: | Line 77: | ||
<th> 99% content | <th> 99% content | ||
<tr> | <tr> | ||
<td> <tt>font-*, color, *-color, border-*</tt> | <td> <tt>font-*, color, *-color, border-*, -moz-appearance[1]</tt> | ||
<td> <tt>line-height, padding, margin</tt> | <td> <tt>line-height, padding, margin</tt> | ||
<td> <tt> | <td> <tt>cursor, width, max-width, top, bottom [2], etc</tt> | ||
<td> <tt>overflow, direction, display, *-align, *-box-*</tt> | <td> <tt>overflow, direction, display, *-align, *-box-*</tt> | ||
</table> | </table> | ||
If you're not sure then go for content CSS unless you can imagine the value changing on another platform. | If you're not sure then go for content CSS unless you can imagine the value changing on another platform. | ||
When importing your stylesheets, it's best to import the content CSS before the theme CSS, that way the theme values get to override the content values (which is probably what you want), and you're going to want them both before the global values, so your imports will look like this: | When importing your stylesheets, it's best to import the content CSS before the theme CSS, that way the theme values get to override the content values (which is probably what you want), and you're going to want them both before the global values, so your imports will look like this: | ||
| Line 96: | Line 93: | ||
For devtools CSS files then <tt>path</tt> is likely to be the string <tt>devtools</tt>. | For devtools CSS files then <tt>path</tt> is likely to be the string <tt>devtools</tt>. | ||
[1] However there is probably a better way than using absolute positioning. | [1] <tt>-moz-appearance</tt> is tricky. Generally, when specifying <tt>-moz-appearance: foo;</tt> you're giving hints as to how something should act, however <tt>-moz-appearance: none;</tt> is probably saying 'ignore browser preconceptions - I want a blank sheet', so that's more visual. However <tt>-moz-appearance</tt> values aren't implemented and don't behave consistently across platforms, so idealism aside <tt>-moz-appearance</tt> should always be in theme CSS. | ||
[2] However there is probably a better way than using absolute positioning. | |||
== Localization == | == Localization == | ||