The HTML resetting basically baselines all the browsers to roughly the same
default state. We have used it in the past to give a better starting point.
Here is a sample block of it that shows it resetting quite a few tags defaults.
The concept is to run the reset.css file before you set up anything else. So
instead of putting it in flex JS, just put in the inline css load to the
generated html doc.
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
[1] (older one, but one of the originals)
http://meyerweb.com/eric/tools/css/reset/
[2] http://html5reset.org/
[3] http://html5doctor.com/html-5-reset-stylesheet/
-Mark
-----Original Message-----
From: Alex Harui [mailto:aha...@adobe.com]
Sent: Monday, August 10, 2015 9:13 AM
To: dev@flex.apache.org
Subject: Re: [FLEXJS] Layout
On 8/10/15, 5:57 AM, "Kessler CTR Mark J" <mark.kessler....@usmc.mil>
wrote:
>Just a side bar question. Does FlexJS use any type of html5/css reset
>files for setting up default formatting?
I had to lookup what that is. There isn’t such a thing now, but it can
certainly be added to the html5 library. I think it would be equivalent
to a theme. If you look at at the flat.swc I added recently, it has a
different implementation of controls and its own defaults.css.
Remember, there is lots of stuff missing in FlexJS right now, but the
basic principle is that any patterns you use often should be encapsulated,
abstracted, and then plugged into the workflow somehow.
HTH,
-Alex
