search

Richardpp / prj-rev-bwfs-tea-cozy

0 stars 0 forks source link

webkit prefix #1

Open farishkash opened 6 years ago

farishkash commented 6 years ago

Nothing wrong with using prefixes here but the problem is by just using webkit you ignore the rest of the web market. Line-height, standard margin/padding might have been a better solution that covered all your browsers.

h3 {
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

Here is how this section of the site looks on firefox.

tea_cozy

Richardpp commented 6 years ago

so can i just remove the -webkit prefix? And it will be everywhere the same style?

farishkash commented 6 years ago

No this does not exist as part of the css standards it is a webkit specific prefix that really isn't used. For example -webkit-margin-before: 1em; is the equivalent of using css standard margin-top and that works across all browsers. You have to convert each of those to that standard.