From 15aa59d585854ccfd43e689a67e19dacd84d6779 Mon Sep 17 00:00:00 2001 From: Nicolas Cusan Date: Thu, 15 Oct 2020 17:45:46 +0200 Subject: [PATCH] unify rules for embeded objects & update docs --- Readme.md | 3 ++- destyle.css | 7 +------ 2 files changed, 3 insertions(+), 7 deletions(-) diff --git a/Readme.md b/Readme.md index 5ef1993..3583e3d 100644 --- a/Readme.md +++ b/Readme.md @@ -158,7 +158,7 @@ How to create the styles is up to the author, it can be by creating classes, com ## Rules - 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. - `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. @@ -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`. - `textarea` maintains its default height. - `meter` and `progress` elements are not reset. +- `img` has `vertical-align` set to `bottom` to prevent alignment issues. ## Caveats diff --git a/destyle.css b/destyle.css index e25b980..318223e 100644 --- a/destyle.css +++ b/destyle.css @@ -210,15 +210,10 @@ sup { * Remove the border on images inside links in IE 10. */ -img { - border-style: none; - vertical-align: bottom; -} - +img, embed, object, iframe { - border: 0; vertical-align: bottom; }