meilleure intégration de box-sizing

/* switching to border-box model for all elements */
html {
box-sizing: border-box;
}

* {
box-sizing: inherit;
}
This commit is contained in:
raphaelgoettter 2015-03-04 14:58:29 +01:00
parent d31bf5cc7d
commit 8e038c2210
2 changed files with 22 additions and 6 deletions

View file

@ -7,11 +7,15 @@
/* == soft reset */ /* == soft reset */
/* ----------------------------- */ /* ----------------------------- */
/* switching box model for all elements */ /* switching to border-box model for all elements */
* { html {
box-sizing: border-box; box-sizing: border-box;
} }
* {
box-sizing: inherit;
}
/* soft reset */ /* soft reset */
html, html,
body { body {
@ -29,11 +33,15 @@ ul.unstyled {
} }
img { img {
height: auto;
vertical-align: middle; vertical-align: middle;
border: 0; border: 0;
} }
/* height auto only for non SVG images */
img:not([src$=".svg"]) {
height: auto;
}
blockquote, blockquote,
figure { figure {
margin-left: 0; margin-left: 0;

View file

@ -7,11 +7,15 @@
/* == soft reset */ /* == soft reset */
/* ----------------------------- */ /* ----------------------------- */
/* switching box model for all elements */ /* switching to border-box model for all elements */
* { html {
box-sizing: border-box; box-sizing: border-box;
} }
* {
box-sizing: inherit;
}
/* soft reset */ /* soft reset */
html, html,
body { body {
@ -29,11 +33,15 @@ ul.unstyled {
} }
img { img {
height: auto;
vertical-align: middle; vertical-align: middle;
border: 0; border: 0;
} }
/* height auto only for non SVG images */
img:not([src$=".svg"]) {
height: auto;
}
blockquote, blockquote,
figure { figure {
margin-left: 0; margin-left: 0;