unify rules for embeded objects & update docs

This commit is contained in:
Nicolas Cusan
2020-10-15 17:45:46 +02:00
parent b266bf4e3b
commit 15aa59d585
2 changed files with 3 additions and 7 deletions

View File

@@ -158,7 +158,7 @@ How to create the styles is up to the author, it can be by creating classes, com
## Rules ## Rules
- The box model is set to `border-box` for `*`, `::before` and `::after`. - The box model is set to `border-box` for `*`, `::before` and `::after`.
- The `border-style` is set to `solid` for `*`, `::before` and `::after`, the `border-width` is set to 0 (to hide the borders). - The `border-style` is set to `solid` for `*`, `::before` and `::after` and the `border-width` is set to 0 (to hide the borders).
- `code`, `pre`, `kbd`, `samp` maintain a monospaced font-family. - `code`, `pre`, `kbd`, `samp` maintain a monospaced font-family.
- `hr` is set to be a solid 1px line using `border-top` that inherits its color from its parent's `color` property. - `hr` is set to be a solid 1px line using `border-top` that inherits its color from its parent's `color` property.
- Inline elements that carry style (`b`, `i`, `strong`, etc.) are not reset. - Inline elements that carry style (`b`, `i`, `strong`, etc.) are not reset.
@@ -166,6 +166,7 @@ How to create the styles is up to the author, it can be by creating classes, com
- `button`, `select`, `textarea` and `input` (except `[type='checkbox']` and `[type='radio']`), are reset using `appearance: none`. - `button`, `select`, `textarea` and `input` (except `[type='checkbox']` and `[type='radio']`), are reset using `appearance: none`.
- `textarea` maintains its default height. - `textarea` maintains its default height.
- `meter` and `progress` elements are not reset. - `meter` and `progress` elements are not reset.
- `img` has `vertical-align` set to `bottom` to prevent alignment issues.
## Caveats ## Caveats

View File

@@ -210,15 +210,10 @@ sup {
* Remove the border on images inside links in IE 10. * Remove the border on images inside links in IE 10.
*/ */
img { img,
border-style: none;
vertical-align: bottom;
}
embed, embed,
object, object,
iframe { iframe {
border: 0;
vertical-align: bottom; vertical-align: bottom;
} }