DevTools/CSSTips: Difference between revisions

Jump to navigation Jump to search
Line 53: Line 53:
== Content or Theme CSS ==
== Content or Theme CSS ==


There are 2 places CSS rules are stored - theme CSS and content CSS. Theme CSS is for properties that change from theme to theme. Content CSS is for more structural things. Typically certain CSS properties are going to lean one way or the other: color - 99% of the time it will be theme CSS, margin - 99% content.
There are 2 places CSS rules are stored:
* theme CSS files (stored in with your JS/HTML/etc)
* content CSS files (stored in themes/???stripe directories)


<table style="font-size: 90%; border: 1px solid #666;">
Theme CSS is for styles that change from theme to theme. Content CSS is for more structural things. Typically certain CSS properties are going to lean one way or the other: color - 99% of the time it will be theme CSS, overflow - 99% content.
 
<table style="font-size: 90%; border: 1px solid #999;">
<tr>
<tr>
<th> 99% Theme
<th> 99% Theme
Line 68: Line 72:
</table>
</table>


[1] However there is probably a better way that using absolute positioning.
If you're not sure then go for content CSS unless you can imagine the value changing on another platform.
 
[1] However there is probably a better way than using absolute positioning.


== The Mozilla Environment ==
== The Mozilla Environment ==
Confirmed users
295

edits

Navigation menu