rebuild docs

This commit is contained in:
atomiks
2018-09-24 15:32:19 +10:00
parent 9290cedc78
commit 3491ea7d77
11 changed files with 2253 additions and 2013 deletions

View File

@ -35,6 +35,7 @@ Vertically and horitonally centers a child element within its parent element usi
```
#### Demo
<div class="snippet-demo">
<div class="snippet-demo__container">
<div class="snippet-demo__center">
@ -66,8 +67,8 @@ Vertically and horitonally centers a child element within its parent element usi
1. `display: table` on '.center' allows the element to behave like a `<table>` HTML element.
2. 100% height and width on '.center' allows the element to fill the available space within its parent element.
3. `display: table-cell` on '.center > span' allows the element to behave like an <td> HTML element.
2. `text-align: center` on '.center > span' centers the child element horizontally.
2. `vertical-align: middle` on '.center > span' centers the child element vertically.
4. `text-align: center` on '.center > span' centers the child element horizontally.
5. `vertical-align: middle` on '.center > span' centers the child element vertically.
The outer parent ('.container' in this case) must have a fixed height and width.

View File

@ -27,6 +27,7 @@ A bulletproof way to completely hide an element visually and positionally in the
```
#### Demo
<div class="snippet-demo">
<a class="button" href="javascript:;">
Learn More

View File

@ -29,6 +29,7 @@ Vertically and horitonally centers a child element within its parent element usi
```
#### Demo
<div class="snippet-demo">
<div class="snippet-demo__parent">
<div class="snippet-demo__child">Centered content</div>