Firefox/CSS Tips: Difference between revisions

Added flexbox style names and shared themes mention
(Import from devtools)
 
(Added flexbox style names and shared themes mention)
Line 59: Line 59:
* content CSS files are stored along with your JS/HTML/etc.
* content CSS files are stored along with your JS/HTML/etc.
* theme CSS files are stored in the <tt>themes/(windows|osx|linux)</tt> directories
* theme CSS files are stored in the <tt>themes/(windows|osx|linux)</tt> directories
* theme CSS that should look the same on all supported platforms are stored in the <tt>themes/shared</tt> directory


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.
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.
Line 72: Line 73:
<td> <tt>line-height, padding, margin</tt>
<td> <tt>line-height, padding, margin</tt>
<td> <tt>cursor, width, max-width, top, bottom [2], etc</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, align-*, *-box-*, flex-*, order</tt>
</table>
</table>


Confirmed users
74

edits