Travis build: 502

README.md

@@ -62,6 +62,7 @@ See CONTRIBUTING.md for the snippet template.
 * [`Ghost trick`](#ghost-trick)
 * [`Grid centering`](#grid-centering)
 * [`Last item with remaining available height`](#last-item-with-remaining-available-height)
+* [`Lobotomized Owl Selector`](#lobotomized-owl-selector)
 * [`Offscreen`](#offscreen)
 * [`Transform centering`](#transform-centering)
 * [`Truncate text multiline`](#truncate-text-multiline)
@@ -1081,6 +1082,42 @@ body {
 
 <br>[⬆ Back to top](#contents)
 
+### Lobotomized Owl Selector
+
+Sets an automatically inherited margin for all elements that follow other elements in the document.
+
+```html
+<div>
+  <div>Parent 01</div>
+  <div>Parent 02
+    <div>Child 01</div>
+    <div>Child 02</div>
+  </div>
+  <div>Parent 03</div>
+</div>
+```
+
+```css
+* + * {
+  margin-top: 1.5em;
+}
+```
+
+
+#### Explanation
+
+
+- [View this link for a detailed explanation.](https://alistapart.com/article/axiomatic-css-and-lobotomized-owls/)
+- In this example, all elements in the flow of the document that follow other elements will receive `margin-top: 1.5em`.
+- This example assumes that the paragraphs' `font-size` is 1em and its `line-height` is 1.5.
+
+
+#### Browser support
+
+100.0%
+
+<br>[⬆ Back to top](#contents)
+
 ### Offscreen
 
 A bulletproof way to completely hide an element visually and positionally in the DOM while still allowing it to be accessed by JavaScript and readable by screen readers. This method is very useful for accessibility ([ADA](https://adata.org/learn-about-ada)) development when more context is needed for visually-impaired users. As an alternative to `display: none` which is not readable by screen readers or `visibility: hidden` which takes up physical space in the DOM.

snippet_data/snippetList.json

@@ -453,6 +453,21 @@
         "hash": "2f925cc190a9744532de97bb4add65e53cc0b2f3833760f4e7263f5df17cfad5"
       }
     },
+    {
+      "id": "lobotomizedOwlSelector",
+      "type": "snippetListing",
+      "title": "Lobotomized Owl Selector",
+      "attributes": {
+        "text": "Sets an automatically inherited margin for all elements that follow other elements in the document.\n\n",
+        "tags": [
+          "layout",
+          "beginner"
+        ]
+      },
+      "meta": {
+        "hash": "e0cd9ededcfb68d085f6a1fbdc63fba65cee9adc13c08a458f73b0fbaf0f5949"
+      }
+    },
     {
       "id": "mouse-cursor-gradient-tracking",
       "type": "snippetListing",

snippet_data/snippets.json

@@ -837,6 +837,33 @@
         "hash": "2f925cc190a9744532de97bb4add65e53cc0b2f3833760f4e7263f5df17cfad5"
       }
     },
+    {
+      "id": "lobotomizedOwlSelector",
+      "title": "Lobotomized Owl Selector",
+      "type": "snippet",
+      "attributes": {
+        "fileName": "lobotomizedOwlSelector.md",
+        "text": "Sets an automatically inherited margin for all elements that follow other elements in the document.\n\n",
+        "explanation": "\n\n- [View this link for a detailed explanation.](https://alistapart.com/article/axiomatic-css-and-lobotomized-owls/)\n- In this example, all elements in the flow of the document that follow other elements will receive `margin-top: 1.5em`.\n- This example assumes that the paragraphs' `font-size` is 1em and its `line-height` is 1.5.\n\n",
+        "browserSupport": {
+          "text": "\n",
+          "supportPercentage": 100
+        },
+        "codeBlocks": {
+          "html": "<div>\n  <div>Parent 01</div>\n  <div>Parent 02\n    <div>Child 01</div>\n    <div>Child 02</div>\n  </div>\n  <div>Parent 03</div>\n</div>",
+          "css": "* + * {\n  margin-top: 1.5em;\n}",
+          "js": "",
+          "scopedCss": "[data-scope=\"lobotomizedOwlSelector\"] * + * {\n  margin-top: 1.5em; }\n"
+        },
+        "tags": [
+          "layout",
+          "beginner"
+        ]
+      },
+      "meta": {
+        "hash": "e0cd9ededcfb68d085f6a1fbdc63fba65cee9adc13c08a458f73b0fbaf0f5949"
+      }
+    },
     {
       "id": "mouse-cursor-gradient-tracking",
       "title": "Mouse cursor gradient tracking",