Move sizing restrictions in all browsers to assets.css

Author: jonathantneal

README.md

@@ -25,6 +25,16 @@ A separate stylesheet that normalizes form controls without side effects.
 
 [Learn more about `forms.css`](#forms).
 
+#### Assets CSS
+
+A separate stylesheet that applies a comfortable measure to plain documents.
+
+```html
+<link href="https://unpkg.com/sanitize.css/assets.css" rel="stylesheet" />
+```
+
+[Learn more about `assets.css`](#assets).
+
 #### Typography CSS
 
 A separate stylesheet that normalizes typography using system interface fonts.
@@ -314,6 +324,31 @@ select:not([multiple]):not([size]) {
 }
 ```
 
+## Assets
+
+[sanitize.css] includes a separate stylesheet for normalizing restricting the
+size of assets in all browsers.
+
+```html
+<link href="https://unpkg.com/sanitize.css" rel="stylesheet" />
+<link href="https://unpkg.com/sanitize.css/assets.css" rel="stylesheet" />
+```
+
+### Assets Features
+
+##### Assets use a comfortable measure in all browsers
+
+```css
+iframe,
+img,
+input,
+select,
+textarea {
+  height: auto;
+  max-width: 100%;
+}
+```
+
 ## Typography
 
 [sanitize.css] includes a separate stylesheet for normalizing typography using

assets.css

@@ -0,0 +1,12 @@
+/**
+ * Restrict sizing to the page width in all browsers (opinionated).
+ */
+
+iframe,
+img,
+input,
+select,
+textarea {
+  height: auto;
+  max-width: 100%;
+}

page.css

@@ -11,16 +11,3 @@ html {
     padding: 1em calc(50% - 16em);
   }
 }
-
-/**
- * Restrict sizing to the page width in all browsers (opinionated).
- */
-
-iframe,
-img,
-input,
-select,
-textarea {
-  height: auto;
-  max-width: 100%;
-}