DevTools/CSSTips: Difference between revisions

DevTools/CSSTips (view source)

258 bytes added , 24 November 2011

Confirmed users

295

edits

@@ Line 54: / Line 54: @@
 == Content or Theme CSS ==
-There are 2 places CSS rules are stored:
+We have 2 competing priorities - A desire to avoid repetition (aka [https://en.wikipedia.org/wiki/Don%27t_repeat_yourself DRY]), and the desire to allow Firefox to look different depending on your platform or your theme preferences. As a result we split our CSS into rules that are likely to change between themes (aka theme CSS) and those that are not (aka content CSS).
-* content CSS files (stored in with your JS/HTML/etc)
-* theme CSS files (stored in <tt>themes/???stripe</tt> directories)
-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.
+There are stored:
+* content CSS files are stored in with your JS/HTML/etc
+* theme CSS files are stored in the <tt>themes/???stripe</tt> directories
+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;">